eric/wizwar6e
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Four token revisions clear the board's last confusions

Browse Source 
The Democratic Monster goes crab-red (two heads, per the card), the
rock warms to brown against the gray stone, and the ooze and slime
split on silhouette — one stands up toothy, the other hangs and drips.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015RCWSTnb1KYTPyL4GmhGnF
This commit is contained in:
Eric Wagoner
2026-08-30 14:52:36 -04:00
co-authored by Claude Fable 5
parent 553754a596
commit 9aac790e71
35 changed files with 517 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/public/tokens-svg/safe.svg
+16 -6
View File
@@ -1,10 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Safe token">
<defs>
<filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
<filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
<pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
<filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="45" result="noise"/><feDisplacementMap in="SourceGraphic" in2="noise" scale=".55"/></filter>
<filter id="soft"><feGaussianBlur stdDeviation="1.4"/></filter>
<pattern id="paper" width="18" height="18" patternUnits="userSpaceOnUse"><rect width="18" height="18" fill="#eee5ca"/><circle cx="3" cy="5" r=".45" fill="#b9aa86" opacity=".34"/><circle cx="14" cy="13" r=".3" fill="#75694f" opacity=".2"/><path d="M1 15q7-2 14 0M6 1l9 2" fill="none" stroke="#b9aa86" stroke-width=".35" opacity=".3"/></pattern>
</defs>
<rect x="2" y="2" width="140" height="146" rx="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Safe</text>
<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M38 53l61-12 14 71-66 11Z" fill="#767e80"/><path d="M51 62l40-7 8 49-43 8Z" fill="#aab1b0"/><circle cx="74" cy="82" r="13" fill="none"/><path d="M74 69v26M61 82h26m-13 0l11-8m-11 8l-9 10" fill="none"/><path d="M45 121l-2 8m62-18l4 9"/></g>
<rect x="2" y="2" width="140" height="146" rx="4" fill="url(#paper)" stroke="#29251e" stroke-width="2.4"/>
<path d="M8 25q30 2 61 0t67 0" fill="none" stroke="#b9aa86" stroke-width="1" opacity=".65"/>
<text x="72" y="18" text-anchor="middle" font-family="Georgia,serif" font-weight="700" font-size="13" letter-spacing=".3" fill="#29251e">Safe</text>
<ellipse cx="72" cy="131" rx="42" ry="6" fill="#342f26" opacity=".22" filter="url(#soft)"/>
<g filter="url(#rough)" stroke="#29251e" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round">
<path d="M31 44h82v82H31Z" fill="#555a59"/>
<path d="M38 51h67v66H38Z" fill="#3f4443"/>
<circle cx="68" cy="83" r="20" fill="#777b76"/>
<circle cx="68" cy="83" r="7" fill="#343836"/>
<path d="M68 63v13m0 14v13M48 83h13m14 0h13" fill="none" stroke="#2d302f" stroke-width="5"/>
<rect x="92" y="72" width="9" height="24" rx="2" fill="#9a8d72"/>
<circle cx="42" cy="58" r="3" fill="#9a8f7d"/><circle cx="101" cy="58" r="3" fill="#9a8f7d"/><circle cx="42" cy="109" r="3" fill="#9a8f7d"/><circle cx="101" cy="109" r="3" fill="#9a8f7d"/>
<path d="M31 44l8-8h82l-8 8m0 0l8-8v80l-8 10" fill="#656966"/></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB