98c6fc9a35
- Squirrel engineer logo (SkwikLogo.vue) with hard hat and ruler - Matching favicon with squirrel head silhouette - Gitea fork ribbon (top-left, desktop only, Gitea green) - Centered header with logo, title, and subtitle - Footer: "Made by Samuel Prevost" with GitHub link - Clickable step indicators for previously visited steps - Smaller datum dots (6/4 base radius with visual cap) - Engineering-tool styling: monospace for measurements, Geist Mono font, deeper dark mode colors, instrument-panel header - EXIF viewer explains why focal length matters - Upload page describes what Skwik does Co-Authored-By: Claude <noreply@anthropic.com>
44 lines
2.0 KiB
XML
44 lines
2.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32">
|
|
<!-- Simplified SkwikLogo for favicon — squirrel head with hard hat and goggles -->
|
|
|
|
<!-- Head -->
|
|
<ellipse cx="32" cy="36" rx="16" ry="17" fill="#1a1a1a"/>
|
|
|
|
<!-- Ear tufts -->
|
|
<path d="M16 24 Q10 14 6 17 Q5 22 14 26" fill="#1a1a1a"/>
|
|
<path d="M48 24 Q54 14 58 17 Q59 22 50 26" fill="#1a1a1a"/>
|
|
|
|
<!-- Cheeks -->
|
|
<ellipse cx="20" cy="40" rx="5" ry="4" fill="#2a2a2a"/>
|
|
<ellipse cx="44" cy="40" rx="5" ry="4" fill="#2a2a2a"/>
|
|
|
|
<!-- Eyes -->
|
|
<circle cx="25" cy="34" r="4" fill="#fff"/>
|
|
<circle cx="39" cy="34" r="4" fill="#fff"/>
|
|
<circle cx="26" cy="33.5" r="2.4" fill="#1a1a1a"/>
|
|
<circle cx="40" cy="33.5" r="2.4" fill="#1a1a1a"/>
|
|
<!-- Eye shine -->
|
|
<circle cx="27" cy="32.5" r="0.9" fill="#fff"/>
|
|
<circle cx="41" cy="32.5" r="0.9" fill="#fff"/>
|
|
|
|
<!-- Nose -->
|
|
<ellipse cx="32" cy="41" rx="2.2" ry="1.5" fill="#555"/>
|
|
<!-- Mouth -->
|
|
<path d="M29.5 44 Q32 46.5 34.5 44" fill="none" stroke="#555" stroke-width="1" stroke-linecap="round"/>
|
|
|
|
<!-- Safety goggles -->
|
|
<path d="M16 28 Q24 24 32 25.5 Q40 24 48 28" fill="none" stroke="#f59e0b" stroke-width="2.5" stroke-linecap="round"/>
|
|
<ellipse cx="24" cy="28" rx="5" ry="3.5" fill="none" stroke="#f59e0b" stroke-width="2"/>
|
|
<ellipse cx="40" cy="28" rx="5" ry="3.5" fill="none" stroke="#f59e0b" stroke-width="2"/>
|
|
<path d="M29 28 Q32 26.5 35 28" fill="none" stroke="#f59e0b" stroke-width="1.5"/>
|
|
<ellipse cx="24" cy="28" rx="3.5" ry="2" fill="#f59e0b" opacity="0.15"/>
|
|
<ellipse cx="40" cy="28" rx="3.5" ry="2" fill="#f59e0b" opacity="0.15"/>
|
|
|
|
<!-- Hard hat -->
|
|
<path d="M12 22 Q12 8 32 6 Q52 8 52 22" fill="none" stroke="#f59e0b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<!-- Hat brim -->
|
|
<path d="M10 22 L54 22" stroke="#f59e0b" stroke-width="2.5" stroke-linecap="round"/>
|
|
<!-- Hat dome highlight -->
|
|
<path d="M24 12 Q32 9 40 12" fill="none" stroke="#fbbf24" stroke-width="2" stroke-linecap="round" opacity="0.6"/>
|
|
</svg>
|