- SVG redessiné: viewBox 130×100, traits fins (5u), ratio calé sur Su.svg - Emboss via CSS drop-shadow au lieu de filtre SVG inline (causait voile) - Supprimé :global() dans scoped CSS (cause du voile sur dark moods) - moods.css et useMood.ts inchangés, dark modes intacts Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
47 lines
2.0 KiB
XML
47 lines
2.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 100" fill="currentColor">
|
|
<!-- Hexagram 48 — 井 Tsing — Le Puits -->
|
|
<!-- K'an (Eau) / Souen (Bois) — signature Yvv -->
|
|
<!-- Proportions calées sur les avatars hexagrammes (ratio ~1.3:1) -->
|
|
|
|
<defs>
|
|
<filter id="emboss" x="-10%" y="-10%" width="120%" height="120%">
|
|
<feComponentTransfer in="SourceAlpha" result="inv">
|
|
<feFuncA type="table" tableValues="1 0"/>
|
|
</feComponentTransfer>
|
|
<feOffset in="inv" dx="1.5" dy="1.5" result="sOff"/>
|
|
<feGaussianBlur in="sOff" stdDeviation="1" result="sBlur"/>
|
|
<feFlood flood-color="#000" flood-opacity="0.3"/>
|
|
<feComposite in2="sBlur" operator="in" result="sDark"/>
|
|
<feComposite in="sDark" in2="SourceAlpha" operator="in" result="sClip"/>
|
|
<feOffset in="inv" dx="-1" dy="-1" result="hOff"/>
|
|
<feGaussianBlur in="hOff" stdDeviation="0.8" result="hBlur"/>
|
|
<feFlood flood-color="#fff" flood-opacity="0.4"/>
|
|
<feComposite in2="hBlur" operator="in" result="hLight"/>
|
|
<feComposite in="hLight" in2="SourceAlpha" operator="in" result="hClip"/>
|
|
<feMerge>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
<feMergeNode in="sClip"/>
|
|
<feMergeNode in="hClip"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<g filter="url(#emboss)">
|
|
<!-- Line 6 (top) — yin -->
|
|
<rect x="5" y="5" width="49" height="5" rx="1"/>
|
|
<rect x="76" y="5" width="49" height="5" rx="1"/>
|
|
<!-- Line 5 — yang -->
|
|
<rect x="5" y="22" width="120" height="5" rx="1"/>
|
|
<!-- Line 4 — yin -->
|
|
<rect x="5" y="39" width="49" height="5" rx="1"/>
|
|
<rect x="76" y="39" width="49" height="5" rx="1"/>
|
|
<!-- Line 3 — yang -->
|
|
<rect x="5" y="56" width="120" height="5" rx="1"/>
|
|
<!-- Line 2 — yang -->
|
|
<rect x="5" y="73" width="120" height="5" rx="1"/>
|
|
<!-- Line 1 (bottom) — yin -->
|
|
<rect x="5" y="90" width="49" height="5" rx="1"/>
|
|
<rect x="76" y="90" width="49" height="5" rx="1"/>
|
|
</g>
|
|
</svg>
|