Skip to content

Commit 9e14d82

Browse files
author
Yogthos
committed
site: logo to the left of the hero, centered against the whole intro block
2-col hero-top (logo | intro): the emblem sits left of and vertically centered against tag+title+lede+buttons, framing the content instead of floating beside the title. Responsive 132-232px; title clamp eased to 68px to keep room; stacks on mobile.
1 parent d6bbe79 commit 9e14d82

1 file changed

Lines changed: 20 additions & 1 deletion

File tree

‎index.html‎

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,12 +202,25 @@
202202
color:var(--fg-mute);margin-bottom:22px;font-family:var(--mono);
203203
}
204204
.hero-tag b{color:var(--green);font-weight:600}
205+
/* Logo to the LEFT of the intro, vertically centred against the whole
206+
block (tag + title + lede + buttons) so it frames the text instead of
207+
floating beside the title alone. */
208+
.hero-top{display:flex;align-items:center;gap:clamp(24px,4vw,56px)}
209+
.hero-intro{flex:1;min-width:0}
210+
.hero-logo{
211+
flex-shrink:0;width:clamp(132px,17vw,232px);height:auto;
212+
filter:drop-shadow(0 0 22px rgba(63,185,80,0.28));
213+
}
205214
.hero h1{
206-
font-size:clamp(40px,6vw,76px);
215+
font-size:clamp(40px,5vw,68px);
207216
font-weight:700;line-height:0.98;letter-spacing:-0.02em;
208217
color:var(--fg-hi);margin-bottom:20px;text-wrap:balance;
209218
}
210219
.hero h1 em{color:var(--green);font-style:normal}
220+
@media(max-width:720px){
221+
.hero-top{flex-direction:column;align-items:flex-start;gap:22px}
222+
.hero-logo{width:128px}
223+
}
211224
.hero .lede{
212225
font-size:16px;line-height:1.62;color:var(--fg-dim);
213226
max-width:600px;margin-bottom:28px;text-wrap:pretty;
@@ -537,6 +550,10 @@
537550

538551
<!-- ═══ HERO ═══ -->
539552
<section class="hero sec">
553+
<div class="hero-top">
554+
<img class="hero-logo" src="img/dirge.png" width="500" height="500"
555+
alt="dirge logo" decoding="async">
556+
<div class="hero-intro">
540557
<div class="hero-tag">GPL-3.0 · Rust · <b>on crates.io</b></div>
541558
<h1><em>dirge</em> — The Batteries-Included<br>Rust Coding Agent</h1>
542559
<p class="lede">
@@ -549,6 +566,8 @@ <h1><em>dirge</em> — The Batteries-Included<br>Rust Coding Agent</h1>
549566
<a href="#install" class="btn btn-pri">▸ Get started</a>
550567
<a href="https://github.com/dirge-code/dirge" class="btn btn-gh">→ View on GitHub</a>
551568
</div>
569+
</div><!-- /hero-intro -->
570+
</div><!-- /hero-top -->
552571

553572
<div class="hero-stats">
554573
<div class="hs"><b>8MB</b><span>RAM idle</span></div>

0 commit comments

Comments
 (0)