74 lines
3.5 KiB
XML
Executable File
74 lines
3.5 KiB
XML
Executable File
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
|
<defs>
|
|
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0f172a"/>
|
|
<stop offset="50%" stop-color="#1e293b"/>
|
|
<stop offset="100%" stop-color="#090d16"/>
|
|
</linearGradient>
|
|
<linearGradient id="accentGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#38bdf8"/>
|
|
<stop offset="100%" stop-color="#0284c7"/>
|
|
</linearGradient>
|
|
<linearGradient id="emeraldGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#34d399"/>
|
|
<stop offset="100%" stop-color="#059669"/>
|
|
</linearGradient>
|
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="16" result="blur" />
|
|
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Base Rounded Container -->
|
|
<rect width="512" height="512" rx="115" fill="url(#bgGrad)"/>
|
|
<rect width="510" height="510" x="1" y="1" rx="114" fill="none" stroke="#334155" stroke-width="2"/>
|
|
<rect width="500" height="500" x="6" y="6" rx="110" fill="none" stroke="url(#accentGrad)" stroke-width="3" stroke-opacity="0.4"/>
|
|
|
|
<!-- Glowing Accent Light -->
|
|
<circle cx="256" cy="180" r="140" fill="#38bdf8" opacity="0.12" filter="url(#glow)"/>
|
|
|
|
<!-- Open Book Symbol -->
|
|
<g transform="translate(96, 150)">
|
|
<!-- Book Left Page -->
|
|
<path d="M152 40 C110 20, 45 22, 10 32 C4 34, 0 39, 0 46 L0 236 C0 244, 7 250, 15 248 C48 240, 110 238, 152 258 Z"
|
|
fill="#1e293b" stroke="#38bdf8" stroke-width="8" stroke-linejoin="round"/>
|
|
|
|
<!-- Book Right Page -->
|
|
<path d="M168 40 C210 20, 275 22, 310 32 C316 34, 320 39, 320 46 L320 236 C320 244, 313 250, 305 248 C272 240, 210 238, 168 258 Z"
|
|
fill="#1e293b" stroke="#38bdf8" stroke-width="8" stroke-linejoin="round"/>
|
|
|
|
<!-- Spine -->
|
|
<path d="M160 36 L160 262" stroke="#38bdf8" stroke-width="10" stroke-linecap="round"/>
|
|
|
|
<!-- Left Page Text Lines -->
|
|
<line x1="36" y1="84" x2="124" y2="76" stroke="#94a3b8" stroke-width="7" stroke-linecap="round" opacity="0.8"/>
|
|
<line x1="36" y1="124" x2="124" y2="116" stroke="#94a3b8" stroke-width="7" stroke-linecap="round" opacity="0.8"/>
|
|
<line x1="36" y1="164" x2="104" y2="156" stroke="#94a3b8" stroke-width="7" stroke-linecap="round" opacity="0.8"/>
|
|
|
|
<!-- Right Page Text Lines -->
|
|
<line x1="196" y1="76" x2="284" y2="84" stroke="#94a3b8" stroke-width="7" stroke-linecap="round" opacity="0.8"/>
|
|
<line x1="196" y1="116" x2="284" y2="124" stroke="#94a3b8" stroke-width="7" stroke-linecap="round" opacity="0.8"/>
|
|
<line x1="196" y1="156" x2="254" y2="164" stroke="#94a3b8" stroke-width="7" stroke-linecap="round" opacity="0.8"/>
|
|
|
|
<!-- Bookmark Ribbon -->
|
|
<path d="M152 26 L152 140 L160 128 L168 140 L168 26 Z" fill="url(#emeraldGrad)"/>
|
|
</g>
|
|
|
|
<!-- SRS / Spaced Repetition Learning Sparkle / Cap atop -->
|
|
<g transform="translate(256, 120)">
|
|
<circle cx="0" cy="0" r="14" fill="#38bdf8"/>
|
|
<path d="M-8 0 L8 0 M0 -8 L0 8" stroke="#ffffff" stroke-width="3" stroke-linecap="round"/>
|
|
<circle cx="-38" cy="12" r="6" fill="#34d399"/>
|
|
<circle cx="38" cy="12" r="6" fill="#34d399"/>
|
|
</g>
|
|
|
|
<!-- Bottom Accent Text "NOTES" -->
|
|
<text x="256" y="446"
|
|
font-family="system-ui, -apple-system, sans-serif"
|
|
font-size="34"
|
|
font-weight="900"
|
|
letter-spacing="6"
|
|
fill="#f8fafc"
|
|
text-anchor="middle">NOTES</text>
|
|
</svg>
|