feat: unified geodesic logo — inverted medial triangle

Replace the dot-in-triangle (docs) and plain △ (landing) with a
unified geodesic 2V subdivision logo. Both sites now use the same
geometric mark: a large triangle with an inverted inner triangle
whose vertices touch the midpoints of the outer sides.

Reflects geodesic dome design — Class I, Frequency 2 subdivision.
This commit is contained in:
Sam & Claude 2026-06-23 12:42:12 +02:00
parent 6df52c5278
commit d274b21cf7
3 changed files with 12 additions and 5 deletions

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Clawdie mark">
<rect width="64" height="64" rx="14" fill="#0d1117"/>
<path d="M32 11 53 50H11L32 11Z" fill="none" stroke="#00b4d8" stroke-width="3" stroke-linejoin="round"/>
<path d="M21.5 30.5 L42.5 30.5 L32 50 Z" fill="none" stroke="#00b4d8" stroke-width="3" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 383 B

View file

@ -23,8 +23,7 @@ const About = aboutEntry ? (await render(aboutEntry)).Content : null;
const Arch = archEntry ? (await render(archEntry)).Content : null;
const Cta = ctaEntry ? (await render(ctaEntry)).Content : null;
// Only set during ISO builds — shows the exact image version the docs were built against.
// Links to the matching Forgejo release tag.
// Only set during ISO builds — shows the exact image version.
const isoVersion = import.meta.env.ASTRO_ISO_VERSION || null;
const isoTagUrl = isoVersion
? `https://code.smilepowered.org/clawdie/clawdie-iso/releases/tag/v${isoVersion}`
@ -33,7 +32,7 @@ const isoTagUrl = isoVersion
<header class="hero">
<div class="header-inner">
<div class="brand-mark"></div>
<div class="brand-mark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="Clawdie"><path d="M32 11 53 50H11L32 11Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/><path d="M21.5 30.5 L42.5 30.5 L32 50 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/></svg></div>
<div class="header-text">
<h1>Clawdie<br /><span>{locale === 'sl' ? 'AI v vaših rokah' : 'AI you own'}</span></h1>
<p class="tagline">{strings.meta.description}</p>
@ -75,7 +74,10 @@ const isoTagUrl = isoVersion
{
isoVersion && (
<footer class="iso-version-badge">
<p>Clawdie ISO {isoVersion} — <a href={isoTagUrl}>release notes</a></p>
<p>
Clawdie ISO {isoVersion} —{' '}
<a href={isoTagUrl}>release notes</a>
</p>
</footer>
)
}

View file

@ -61,7 +61,7 @@ const sharedPath = stripPrefix(path, locale);
<br />
{strings.footer.rights}
</div>
<div class="footer-mark"></div>
<div class="footer-mark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><path d="M32 11 53 50H11L32 11Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/><path d="M21.5 30.5 L42.5 30.5 L32 50 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/></svg></div>
</footer>
</div>
</body>