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..."
24 lines
1.4 KiB
XML
24 lines
1.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
|
|
<!-- "Spreadsheet Survivor" - Excel grid with survivor badge -->
|
|
<!-- Sheet background -->
|
|
<rect x="6" y="6" width="36" height="36" rx="2" fill="#16a34a"/>
|
|
<rect x="8" y="8" width="32" height="32" rx="1" fill="#f8fafc"/>
|
|
<!-- Grid lines -->
|
|
<line x1="8" y1="16" x2="40" y2="16" stroke="#94a3b8" stroke-width="1"/>
|
|
<line x1="8" y1="24" x2="40" y2="24" stroke="#94a3b8" stroke-width="1"/>
|
|
<line x1="8" y1="32" x2="40" y2="32" stroke="#94a3b8" stroke-width="1"/>
|
|
<line x1="18" y1="8" x2="18" y2="40" stroke="#94a3b8" stroke-width="1"/>
|
|
<line x1="28" y1="8" x2="28" y2="40" stroke="#94a3b8" stroke-width="1"/>
|
|
<!-- Header row (green) -->
|
|
<rect x="8" y="8" width="32" height="8" fill="#16a34a"/>
|
|
<!-- Header column (green) -->
|
|
<rect x="8" y="8" width="10" height="32" fill="#16a34a" opacity="0.7"/>
|
|
<!-- Cell labels -->
|
|
<text x="13" y="14" font-size="5" fill="white" font-family="sans-serif" text-anchor="middle">A</text>
|
|
<text x="23" y="14" font-size="5" fill="white" font-family="sans-serif" text-anchor="middle">B</text>
|
|
<text x="34" y="14" font-size="5" fill="white" font-family="sans-serif" text-anchor="middle">C</text>
|
|
<!-- Star survivor badge -->
|
|
<circle cx="38" cy="38" r="8" fill="#f59e0b"/>
|
|
<polygon points="38,32 39.5,36 44,36.5 40.5,39 42,44 38,41 34,44 35.5,39 32,36.5 36.5,36" fill="white"/>
|
|
</svg>
|