SysAdmin
e1b377a042
- BTCPay Server integration - TeleBot Telegram bot - Review system - Admin area - Docker deployment configuration 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Icon Generator</title>
|
|
</head>
|
|
<body>
|
|
<canvas id="canvas" width="512" height="512" style="border: 1px solid #ccc;"></canvas>
|
|
<div>
|
|
<button onclick="downloadIcon(72)">Download 72x72</button>
|
|
<button onclick="downloadIcon(96)">Download 96x96</button>
|
|
<button onclick="downloadIcon(128)">Download 128x128</button>
|
|
<button onclick="downloadIcon(144)">Download 144x144</button>
|
|
<button onclick="downloadIcon(152)">Download 152x152</button>
|
|
<button onclick="downloadIcon(192)">Download 192x192</button>
|
|
<button onclick="downloadIcon(512)">Download 512x512</button>
|
|
</div>
|
|
|
|
<script>
|
|
function createIcon(size) {
|
|
const canvas = document.getElementById('canvas');
|
|
const ctx = canvas.getContext('2d');
|
|
|
|
// Set canvas size
|
|
canvas.width = size;
|
|
canvas.height = size;
|
|
|
|
// Create gradient background
|
|
const gradient = ctx.createLinearGradient(0, 0, size, size);
|
|
gradient.addColorStop(0, '#2563eb');
|
|
gradient.addColorStop(1, '#7c3aed');
|
|
|
|
// Draw background with rounded corners
|
|
ctx.fillStyle = gradient;
|
|
ctx.beginPath();
|
|
ctx.roundRect(0, 0, size, size, size * 0.15);
|
|
ctx.fill();
|
|
|
|
// Draw store icon (simplified)
|
|
ctx.fillStyle = 'white';
|
|
ctx.font = `bold ${size * 0.4}px Arial`;
|
|
ctx.textAlign = 'center';
|
|
ctx.textBaseline = 'middle';
|
|
ctx.fillText('LS', size/2, size/2);
|
|
|
|
return canvas.toDataURL('image/png');
|
|
}
|
|
|
|
function downloadIcon(size) {
|
|
const dataUrl = createIcon(size);
|
|
const link = document.createElement('a');
|
|
link.download = `icon-${size}x${size}.png`;
|
|
link.href = dataUrl;
|
|
link.click();
|
|
}
|
|
|
|
// Create default icon on load
|
|
createIcon(192);
|
|
</script>
|
|
</body>
|
|
</html> |