Ryan Malloy
5ae7040496
- Create 12 Office Space themed SVG badges (extraction, basement, printer, coffee, tps, bobs, memo, oface, stapler, conclusions, spreadsheet, flair-badge) - Implement FlairBadge.astro component with localStorage persistence - Add 15-second timer per page to earn flair - Create floating counter, modal flair board, toast notifications - Override Starlight Footer to inject flair system globally - Add name capture dialog on first flair earned Features: - Badges glow golden when earned, grayscale when locked - Progress persists across browser sessions - Stan quote: "We need to talk about your document processing..."
18 lines
890 B
XML
18 lines
890 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
|
|
<!-- "I Have Your Stapler" - Milton's famous red Swingline stapler -->
|
|
<!-- Stapler base -->
|
|
<rect x="4" y="32" width="40" height="8" rx="2" fill="#1e293b"/>
|
|
<rect x="6" y="34" width="36" height="4" rx="1" fill="#334155"/>
|
|
<!-- Stapler top (red!) -->
|
|
<path d="M6 32 L6 24 Q6 20 10 20 L38 20 Q42 20 42 24 L42 32 Z" fill="#dc2626"/>
|
|
<path d="M8 30 L8 25 Q8 22 11 22 L37 22 Q40 22 40 25 L40 30 Z" fill="#ef4444"/>
|
|
<!-- Swingline branding area -->
|
|
<rect x="14" y="24" width="20" height="4" rx="1" fill="#b91c1c"/>
|
|
<!-- Chrome accent -->
|
|
<rect x="6" y="30" width="36" height="2" fill="#94a3b8"/>
|
|
<!-- Staple loading slot -->
|
|
<rect x="16" y="20" width="16" height="2" fill="#991b1b"/>
|
|
<!-- Shadow/depth -->
|
|
<rect x="4" y="38" width="40" height="2" rx="1" fill="#0f172a" opacity="0.3"/>
|
|
</svg>
|