32264deb5a
- Hugo site configured and working - Story page with interactive collapsible timeline - CSS styling for journey/timeline layout - JavaScript for dynamic markdown-to-timeline conversion - Theme with responsive design - Content structure for Bitcoin education site Features: - Collapsible year sections with animations - Quick jump navigation between years - Mobile responsive design - Interactive timeline functionality
48 lines
No EOL
1.9 KiB
HTML
48 lines
No EOL
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Favicon Test</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="icon" type="image/svg+xml" href="/favicon-16.svg" sizes="16x16">
|
|
<link rel="icon" type="image/svg+xml" href="/favicon-32.svg" sizes="32x32">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.svg">
|
|
<link rel="mask-icon" href="/favicon.svg" color="#FF6B35">
|
|
<style>
|
|
body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background: #0A1929; color: white; }
|
|
.favicon-container { display: inline-block; margin: 20px; text-align: center; }
|
|
.favicon-container img { margin-bottom: 10px; }
|
|
.favicon-container svg { margin-bottom: 10px; }
|
|
.size-label { font-size: 12px; color: #888; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Bitcoin Symbol Favicons Test</h1>
|
|
|
|
<div class="favicon-container">
|
|
<div class="size-label">Favicon SVG (16x16)</div>
|
|
<img src="/favicon-16.svg" alt="16x16 favicon" width="32" height="32">
|
|
</div>
|
|
|
|
<div class="favicon-container">
|
|
<div class="size-label">Favicon SVG (32x32)</div>
|
|
<img src="/favicon-32.svg" alt="32x32 favicon" width="64" height="64">
|
|
</div>
|
|
|
|
<div class="favicon-container">
|
|
<div class="size-label">Favicon SVG (192x192)</div>
|
|
<img src="/favicon-192.svg" alt="192x192 favicon" width="96" height="96">
|
|
</div>
|
|
|
|
<div class="favicon-container">
|
|
<div class="size-label">Apple Touch Icon</div>
|
|
<img src="/apple-touch-icon.svg" alt="Apple touch icon" width="64" height="64">
|
|
</div>
|
|
|
|
<div class="favicon-container">
|
|
<div class="size-label">Main Favicon</div>
|
|
<img src="/favicon.svg" alt="Main favicon" width="64" height="64">
|
|
</div>
|
|
</body>
|
|
</html> |