Ryan Malloy
f8b67b018e
- Create gallery.mdx showcasing all Office Space images organized by scene - Add Cinema Enthusiast flair badge for gallery visitors - Create cinema.svg badge (film reel design) - Update flair count to 13 badges - Add gallery to sidebar navigation with "New" badge Features Peter, Lumbergh, The Bobs, the printer destruction scene, Milton's stapler, Chotchkie's flair, and more iconic moments.
38 lines
1.9 KiB
XML
38 lines
1.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="filmGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#1a1a2e"/>
|
|
<stop offset="100%" style="stop-color:#16213e"/>
|
|
</linearGradient>
|
|
<linearGradient id="reelGold" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#f59e0b"/>
|
|
<stop offset="100%" style="stop-color:#d97706"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Badge background -->
|
|
<circle cx="50" cy="50" r="48" fill="url(#filmGradient)" stroke="#f59e0b" stroke-width="3"/>
|
|
|
|
<!-- Film reel -->
|
|
<circle cx="50" cy="50" r="30" fill="none" stroke="url(#reelGold)" stroke-width="4"/>
|
|
<circle cx="50" cy="50" r="8" fill="url(#reelGold)"/>
|
|
|
|
<!-- Film reel holes -->
|
|
<circle cx="50" cy="28" r="5" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="2"/>
|
|
<circle cx="50" cy="72" r="5" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="2"/>
|
|
<circle cx="28" cy="50" r="5" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="2"/>
|
|
<circle cx="72" cy="50" r="5" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="2"/>
|
|
|
|
<!-- Diagonal holes -->
|
|
<circle cx="34.5" cy="34.5" r="4" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="1.5"/>
|
|
<circle cx="65.5" cy="34.5" r="4" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="1.5"/>
|
|
<circle cx="34.5" cy="65.5" r="4" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="1.5"/>
|
|
<circle cx="65.5" cy="65.5" r="4" fill="#1a1a2e" stroke="url(#reelGold)" stroke-width="1.5"/>
|
|
|
|
<!-- Film strip accents -->
|
|
<rect x="10" y="85" width="8" height="6" rx="1" fill="url(#reelGold)" opacity="0.8"/>
|
|
<rect x="22" y="85" width="8" height="6" rx="1" fill="url(#reelGold)" opacity="0.8"/>
|
|
<rect x="70" y="85" width="8" height="6" rx="1" fill="url(#reelGold)" opacity="0.8"/>
|
|
<rect x="82" y="85" width="8" height="6" rx="1" fill="url(#reelGold)" opacity="0.8"/>
|
|
</svg>
|