Wolfgang Hottgenroth
370c16eb42
All checks were successful
ci/woodpecker/push/deploy/3 Pipeline was successful
ci/woodpecker/push/build/2 Pipeline was successful
ci/woodpecker/push/predeploy Pipeline was successful
ci/woodpecker/push/build/3 Pipeline was successful
ci/woodpecker/push/build/4 Pipeline was successful
ci/woodpecker/push/build/1 Pipeline was successful
ci/woodpecker/push/deploy/1 Pipeline was successful
ci/woodpecker/tag/predeploy Pipeline was successful
ci/woodpecker/push/deploy/2 Pipeline was successful
ci/woodpecker/push/deploy/4 Pipeline was successful
ci/woodpecker/tag/build/1 Pipeline was successful
ci/woodpecker/tag/build/2 Pipeline was successful
ci/woodpecker/tag/build/4 Pipeline was successful
ci/woodpecker/tag/build/3 Pipeline was successful
ci/woodpecker/tag/deploy/3 Pipeline was successful
ci/woodpecker/tag/deploy/4 Pipeline was successful
ci/woodpecker/tag/deploy/2 Pipeline was successful
ci/woodpecker/tag/deploy/1 Pipeline was successful
77 lines
2.7 KiB
HTML
77 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Icon Test</title>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
padding: 20px;
|
|
background: #f5f5f5;
|
|
}
|
|
.icon-container {
|
|
display: flex;
|
|
gap: 20px;
|
|
margin: 20px 0;
|
|
}
|
|
.icon-test {
|
|
background: white;
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
text-align: center;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
|
}
|
|
.icon-test img {
|
|
display: block;
|
|
margin: 10px auto;
|
|
border-radius: 8px;
|
|
}
|
|
.icon-sizes {
|
|
display: flex;
|
|
gap: 10px;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-top: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Apple Touch Icon Test</h1>
|
|
|
|
<div class="icon-container">
|
|
<div class="icon-test">
|
|
<h3>Home Icon</h3>
|
|
<img src="apps/ui/static/apple-touch-icon.png" alt="Home Icon" width="120" height="120">
|
|
<p>Haupticon für die Home Automation App</p>
|
|
<div class="icon-sizes">
|
|
<img src="apps/ui/static/apple-touch-icon-76x76.png" alt="Home 76px" width="76" height="76">
|
|
<img src="apps/ui/static/apple-touch-icon-60x60.png" alt="Home 60px" width="60" height="60">
|
|
<img src="apps/ui/static/apple-touch-icon-32x32.png" alt="Home 32px" width="32" height="32">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="icon-test">
|
|
<h3>Garage Icon</h3>
|
|
<img src="apps/ui/static/garage-icon.png" alt="Garage Icon" width="120" height="120">
|
|
<p>Icon für die Garage-Seite</p>
|
|
<div class="icon-sizes">
|
|
<img src="apps/ui/static/garage-icon-76x76.png" alt="Garage 76px" width="76" height="76">
|
|
<img src="apps/ui/static/garage-icon-60x60.png" alt="Garage 60px" width="60" height="60">
|
|
<img src="apps/ui/static/garage-icon-32x32.png" alt="Garage 32px" width="32" height="32">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>iPhone Homescreen Test</h2>
|
|
<p>Um die Icons auf dem iPhone zu testen:</p>
|
|
<ol>
|
|
<li>Öffnen Sie Ihre Home Automation App im Safari</li>
|
|
<li>Tippen Sie auf das Teilen-Symbol</li>
|
|
<li>Wählen Sie "Zum Home-Bildschirm hinzufügen"</li>
|
|
<li>Das Icon sollte jetzt als Haus-Symbol erscheinen</li>
|
|
</ol>
|
|
|
|
<p><strong>Hinweis:</strong> Falls das alte Icon noch angezeigt wird, löschen Sie die bestehende App vom Homescreen und fügen Sie sie neu hinzu.</p>
|
|
</body>
|
|
</html> |