brand: stacked two-tone wordmark (echo / IRCd in teal)

This commit is contained in:
Jean Chevronnet 2026-08-31 03:21:33 +00:00
parent b8702762df
commit 102f3a8daa
No known key found for this signature in database
GPG key ID: 439666D63A9477E4
2 changed files with 5 additions and 2 deletions

View file

@ -50,6 +50,9 @@ code{font-family:var(--mono);font-size:.9em;background:rgba(18,165,148,.09);colo
.bar-in{max-width:var(--wrap);margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap} .bar-in{max-width:var(--wrap);margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--ink);font-weight:600;font-size:1.18rem;font-family:var(--mono);letter-spacing:-.02em} .brand{display:flex;align-items:center;gap:.55rem;color:var(--ink);font-weight:600;font-size:1.18rem;font-family:var(--mono);letter-spacing:-.02em}
.brand:hover{text-decoration:none;color:var(--teal-d)} .brand:hover{text-decoration:none;color:var(--teal-d)}
.wordmark{display:inline-flex;flex-direction:column;line-height:1.05;font-family:var(--mono);font-weight:600;font-size:.85rem;letter-spacing:.01em}
.wm-echo{color:inherit}
.wm-ircd{color:var(--teal-d)}
.mark{width:24px;height:24px;color:var(--teal);flex:none} .mark{width:24px;height:24px;color:var(--teal);flex:none}
.mainnav{margin-left:auto;display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap} .mainnav{margin-left:auto;display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}
.mainnav a{color:var(--muted);font-family:var(--mono);font-weight:500;font-size:.88rem;padding:.15rem 0;border-bottom:2px solid transparent} .mainnav a{color:var(--muted);font-family:var(--mono);font-weight:500;font-size:.88rem;padding:.15rem 0;border-bottom:2px solid transparent}

View file

@ -28,7 +28,7 @@
<path d="M20.4 7.5a11.3 11.3 0 0 1 0 17" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" opacity=".68"/> <path d="M20.4 7.5a11.3 11.3 0 0 1 0 17" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" opacity=".68"/>
<defs><linearGradient id="em" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#2dd4bf"/><stop offset="1" stop-color="#0f9c8b"/></linearGradient></defs> <defs><linearGradient id="em" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#2dd4bf"/><stop offset="1" stop-color="#0f9c8b"/></linearGradient></defs>
</svg> </svg>
<span class="brand-name">echoIRCd</span> <span class="wordmark"><span class="wm-echo">echo</span><span class="wm-ircd">IRCd</span></span>
</a> </a>
<nav class="mainnav"> <nav class="mainnav">
<a href="/"{% if active == "home" %} class="on"{% endif %}>Home</a> <a href="/"{% if active == "home" %} class="on"{% endif %}>Home</a>
@ -60,7 +60,7 @@
<path d="M20.4 7.5a11.3 11.3 0 0 1 0 17" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" opacity=".68"/> <path d="M20.4 7.5a11.3 11.3 0 0 1 0 17" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" opacity=".68"/>
<defs><linearGradient id="em" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#2dd4bf"/><stop offset="1" stop-color="#0f9c8b"/></linearGradient></defs> <defs><linearGradient id="em" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#2dd4bf"/><stop offset="1" stop-color="#0f9c8b"/></linearGradient></defs>
</svg> </svg>
<span>echoIRCd</span> <span class="wordmark"><span class="wm-echo">echo</span><span class="wm-ircd">IRCd</span></span>
</a> </a>
<p>Modern IRC, written in Rust.</p> <p>Modern IRC, written in Rust.</p>
</div> </div>