Apple Touch Icons added 3

2025-11-30 17:03:14 +01:00
parent 722f4f0a8c
commit 51072424ed
5 changed files with 63 additions and 4 deletions
--- a/icon-generator.html
+++ b/icon-generator.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Icon Generator</title>
+</head>
+<body>
+    <canvas id="homeCanvas" width="180" height="180" style="border: 1px solid #ccc;"></canvas>
+    <canvas id="garageCanvas" width="180" height="180" style="border: 1px solid #ccc;"></canvas>
+    <br><br>
+    <button onclick="downloadHome()">Download Home Icon</button>
+    <button onclick="downloadGarage()">Download Garage Icon</button>
+
+    <script>
+        // Home Icon
+        const homeCanvas = document.getElementById('homeCanvas');
+        const homeCtx = homeCanvas.getContext('2d');
+        
+        // Fill background
+        homeCtx.fillStyle = '#667EEA';
+        homeCtx.fillRect(0, 0, 180, 180);
+        
+        // Add house emoji
+        homeCtx.font = '80px Arial';
+        homeCtx.fillStyle = 'white';
+        homeCtx.textAlign = 'center';
+        homeCtx.textBaseline = 'middle';
+        homeCtx.fillText('🏡', 90, 90);
+
+        // Garage Icon
+        const garageCanvas = document.getElementById('garageCanvas');
+        const garageCtx = garageCanvas.getContext('2d');
+        
+        // Fill background
+        garageCtx.fillStyle = '#667EEA';
+        garageCtx.fillRect(0, 0, 180, 180);
+        
+        // Add car emoji
+        garageCtx.font = '80px Arial';
+        garageCtx.fillStyle = 'white';
+        garageCtx.textAlign = 'center';
+        garageCtx.textBaseline = 'middle';
+        garageCtx.fillText('🚗', 90, 90);
+
+        function downloadHome() {
+            const link = document.createElement('a');
+            link.download = 'apple-touch-icon.png';
+            link.href = homeCanvas.toDataURL();
+            link.click();
+        }
+
+        function downloadGarage() {
+            const link = document.createElement('a');
+            link.download = 'garage-icon.png';
+            link.href = garageCanvas.toDataURL();
+            link.click();
+        }
+    </script>
+</body>
+</html>