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..."
19 lines
1010 B
XML
19 lines
1010 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
|
|
<!-- "Did You Get The Memo?" - Memo/sticky note with pushpin -->
|
|
<!-- Shadow -->
|
|
<rect x="10" y="12" width="30" height="30" rx="1" fill="#1e293b" opacity="0.2" transform="translate(2,2)"/>
|
|
<!-- Yellow memo paper -->
|
|
<rect x="8" y="10" width="30" height="30" rx="1" fill="#fef08a"/>
|
|
<!-- Corner fold -->
|
|
<path d="M38 10 L38 18 L30 10 Z" fill="#fde047"/>
|
|
<path d="M30 10 L38 18" stroke="#eab308" stroke-width="1"/>
|
|
<!-- Pushpin -->
|
|
<circle cx="24" cy="6" r="4" fill="#dc2626"/>
|
|
<rect x="23" y="8" width="2" height="6" fill="#94a3b8"/>
|
|
<!-- Text lines -->
|
|
<text x="12" y="22" font-size="6" fill="#713f12" font-family="sans-serif" font-weight="bold">MEMO</text>
|
|
<rect x="12" y="26" width="22" height="2" rx="1" fill="#ca8a04" opacity="0.5"/>
|
|
<rect x="12" y="30" width="18" height="2" rx="1" fill="#ca8a04" opacity="0.5"/>
|
|
<rect x="12" y="34" width="20" height="2" rx="1" fill="#ca8a04" opacity="0.5"/>
|
|
</svg>
|