wn/home-automation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

icons 2
All checks were successful
ci/woodpecker/push/deploy/3 Pipeline was successful
Details
ci/woodpecker/push/build/2 Pipeline was successful
Details
ci/woodpecker/push/predeploy Pipeline was successful
Details
ci/woodpecker/push/build/3 Pipeline was successful
Details
ci/woodpecker/push/build/4 Pipeline was successful
Details
ci/woodpecker/push/build/1 Pipeline was successful
Details
ci/woodpecker/push/deploy/1 Pipeline was successful
Details
ci/woodpecker/tag/predeploy Pipeline was successful
Details
ci/woodpecker/push/deploy/2 Pipeline was successful
Details
ci/woodpecker/push/deploy/4 Pipeline was successful
Details
ci/woodpecker/tag/build/1 Pipeline was successful
Details
ci/woodpecker/tag/build/2 Pipeline was successful
Details
ci/woodpecker/tag/build/4 Pipeline was successful
Details
ci/woodpecker/tag/build/3 Pipeline was successful
Details
ci/woodpecker/tag/deploy/3 Pipeline was successful
Details
ci/woodpecker/tag/deploy/4 Pipeline was successful
Details
ci/woodpecker/tag/deploy/2 Pipeline was successful
Details
ci/woodpecker/tag/deploy/1 Pipeline was successful
Details

Browse Source
This commit is contained in:
Wolfgang Hottgenroth
2025-11-30 18:10:55 +01:00
parent fd1d5c4f31
commit 370c16eb42
26 changed files with 195 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
icon-test.html Normal file
View File

@@ -0,0 +1,77 @@
<!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>