Compare commits
3 Commits
34b0cdef69
...
0.1.1
| Author | SHA1 | Date | |
|---|---|---|---|
51072424ed
|
|||
|
722f4f0a8c
|
|||
|
0acabc737e
|
BIN
apps/ui/static/apple-touch-icon.png
Normal file
BIN
apps/ui/static/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
4
apps/ui/static/apple-touch-icon.svg
Normal file
4
apps/ui/static/apple-touch-icon.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect width="180" height="180" rx="40" fill="#667EEA"/>
|
||||||
|
<text x="90" y="130" font-size="80" text-anchor="middle" fill="white">🏡</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 244 B |
BIN
apps/ui/static/garage-icon.png
Normal file
BIN
apps/ui/static/garage-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
4
apps/ui/static/garage-icon.svg
Normal file
4
apps/ui/static/garage-icon.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect width="180" height="180" rx="40" fill="#667EEA"/>
|
||||||
|
<text x="90" y="130" font-size="80" text-anchor="middle" fill="white">🚗</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 244 B |
@@ -4,6 +4,13 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Garage - Home Automation</title>
|
<title>Garage - Home Automation</title>
|
||||||
|
|
||||||
|
<!-- Apple Touch Icon -->
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/static/garage-icon.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/static/garage-icon.png">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Garage">
|
||||||
<style>
|
<style>
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@@ -4,6 +4,13 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Räume - Home Automation</title>
|
<title>Räume - Home Automation</title>
|
||||||
|
|
||||||
|
<!-- Apple Touch Icon -->
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/static/apple-touch-icon.png">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Home Automation">
|
||||||
<style>
|
<style>
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
59
icon-generator.html
Normal file
59
icon-generator.html
Normal file
@@ -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>
|
||||||
Reference in New Issue
Block a user