feat: heraldic seal logo (crown & ellipse table)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -67,10 +67,7 @@ nav .brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
background: linear-gradient(110deg, #c8b4f8 0%, var(--gold) 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
color: var(--gold);
|
||||
text-decoration: none;
|
||||
}
|
||||
nav .brand svg { flex-shrink: 0; }
|
||||
@@ -186,32 +183,13 @@ textarea { resize: vertical; }
|
||||
{% if session.user_id is defined %}
|
||||
<nav>
|
||||
<a href="/" class="brand">
|
||||
{# Crystal ball logo #}
|
||||
<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<defs>
|
||||
<radialGradient id="orb-grad" cx="38%" cy="32%" r="62%">
|
||||
<stop offset="0%" stop-color="#6040c8"/>
|
||||
<stop offset="55%" stop-color="#2a1468"/>
|
||||
<stop offset="100%" stop-color="#0e0830"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="glow-grad" cx="50%" cy="50%" r="50%">
|
||||
<stop offset="0%" stop-color="#c9a84c" stop-opacity="0.55"/>
|
||||
<stop offset="100%" stop-color="#c9a84c" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<!-- Ball body -->
|
||||
<circle cx="10" cy="10" r="9" fill="url(#orb-grad)" stroke="#7c5ef4" stroke-width="0.5"/>
|
||||
<!-- Inner gold glow -->
|
||||
<circle cx="10" cy="10" r="5" fill="url(#glow-grad)"/>
|
||||
<!-- Reflection highlight -->
|
||||
<ellipse cx="7.5" cy="7" rx="2.2" ry="1.1" fill="white" opacity="0.14" transform="rotate(-25 7.5 7)"/>
|
||||
<!-- Inner star -->
|
||||
<path d="M10 7.2 L10.45 8.85 L12.2 8.85 L10.88 9.9 L11.35 11.55 L10 10.55 L8.65 11.55 L9.12 9.9 L7.8 8.85 L9.55 8.85 Z"
|
||||
fill="#c9a84c" opacity="0.55"/>
|
||||
<!-- Stand neck -->
|
||||
<path d="M8.2 19 L8.9 15.8 L11.1 15.8 L11.8 19" fill="none" stroke="#5040a0" stroke-width="0.75" stroke-linejoin="round"/>
|
||||
<!-- Stand base -->
|
||||
<ellipse cx="10" cy="19.5" rx="4" ry="1" fill="none" stroke="#5040a0" stroke-width="0.75"/>
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<circle cx="12" cy="12" r="10.5" fill="none" stroke="#c8a840" stroke-width="1.5"/>
|
||||
<circle cx="12" cy="12" r="9.3" fill="#8a8a92" opacity="0.1"/>
|
||||
<path d="M7 10 L7 5.8 L9 7.8 L10.5 5 L12 7.2 L13.5 5 L15 7.8 L17 5.8 L17 10 Z" fill="#c8a840"/>
|
||||
<ellipse cx="12" cy="15.5" rx="5.2" ry="1" fill="#c8a840"/>
|
||||
<rect x="9.6" y="15.5" width="1" height="3.8" fill="#c8a840"/>
|
||||
<rect x="13.4" y="15.5" width="1" height="3.8" fill="#c8a840"/>
|
||||
</svg>
|
||||
Fabled Scryer
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user