brand: stacked two-tone wordmark (echo / IRCd in teal)
This commit is contained in:
parent
b8702762df
commit
102f3a8daa
2 changed files with 5 additions and 2 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue