Wolfgang Hottgenroth
51072424ed
All checks were successful
ci/woodpecker/push/build/2 Pipeline was successful
ci/woodpecker/push/build/3 Pipeline was successful
ci/woodpecker/push/predeploy Pipeline was successful
ci/woodpecker/push/build/1 Pipeline was successful
ci/woodpecker/push/build/4 Pipeline was successful
ci/woodpecker/push/deploy/3 Pipeline was successful
ci/woodpecker/push/deploy/1 Pipeline was successful
ci/woodpecker/push/deploy/2 Pipeline was successful
ci/woodpecker/push/deploy/4 Pipeline was successful
ci/woodpecker/tag/predeploy Pipeline was successful
ci/woodpecker/tag/build/4 Pipeline was successful
ci/woodpecker/tag/build/1 Pipeline was successful
ci/woodpecker/tag/build/3 Pipeline was successful
ci/woodpecker/tag/build/2 Pipeline was successful
ci/woodpecker/tag/deploy/2 Pipeline was successful
ci/woodpecker/tag/deploy/1 Pipeline was successful
ci/woodpecker/tag/deploy/3 Pipeline was successful
ci/woodpecker/tag/deploy/4 Pipeline was successful
59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
<!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> |