amadan

carlos / carloku Public

verdict-pass regression fixes: dashboard chip out of nav, feature text wrappers

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Paul Campbell pushed by claude 548144f6aa4b370ec3ab38db5e7604069a87f206 parent b3193cd
3 files changed, +20 −13
  • get-started/index.html +1 −1
  • index.html +13 −7
  • site.css +6 −5
diff --git a/get-started/index.html b/get-started/index.html
index eeafe6d..0449c23 100644
--- a/get-started/index.html
+++ b/get-started/index.html
@@ -25,8 +25,8 @@
<a href="/#workflow">How it works</a>
<a href="/#open">Open source</a>
<a href="/get-started/">Get started</a>
- <a class="head-cta" href="https://dashboard.carloku.com">Dashboard</a>
</nav>
+ <a class="head-cta" href="https://dashboard.carloku.com">Dashboard</a>
</div>
</header>
<main id="main">
diff --git a/index.html b/index.html
index e93be62..4465f14 100644
--- a/index.html
+++ b/index.html
@@ -40,8 +40,8 @@ the verdict, and DESIGN.md.
<a href="#workflow">How it works</a>
<a href="#open">Open source</a>
<a href="/get-started/">Get started</a>
- <a class="head-cta" href="https://dashboard.carloku.com">Dashboard</a>
</nav>
+ <a class="head-cta" href="https://dashboard.carloku.com">Dashboard</a>
</div>
</header>
<main id="main">
@@ -108,25 +108,31 @@ the verdict, and DESIGN.md.
<div class="icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
</div>
- <h3>Certificates</h3>
- <p>Point your domain at Carloku and the padlock appears. Renewals happen
+ <div>
+ <h3>Certificates</h3>
+ <p>Point your domain at Carloku and the padlock appears. Renewals happen
without you.</p>
+ </div>
</li>
<li>
<div class="icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="7.5" cy="15.5" r="5.5"/><path d="m21 2-9.6 9.6"/><path d="m15.5 7.5 3 3L22 7l-3-3"/></svg>
</div>
- <h3>Passwords</h3>
- <p>Sign in with a passkey, on the dashboard and in the terminal. There's
+ <div>
+ <h3>Passwords</h3>
+ <p>Sign in with a passkey, on the dashboard and in the terminal. There's
nothing to invent, reuse, or leak.</p>
+ </div>
</li>
<li>
<div class="icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
</div>
- <h3>Idle servers</h3>
- <p>Apps doze when nobody's around and wake the instant someone shows up.
+ <div>
+ <h3>Idle servers</h3>
+ <p>Apps doze when nobody's around and wake the instant someone shows up.
A quiet app is just quiet.</p>
+ </div>
</li>
</ul>
<figure class="dash">
diff --git a/site.css b/site.css
index cb8b41a..1e77d47 100644
--- a/site.css
+++ b/site.css
@@ -127,22 +127,23 @@ html { scrollbar-color: var(--line-strong) transparent; }
}
.site-head nav a {
color: var(--muted); text-decoration: none; font-size: 0.95rem; font-weight: 480;
+ white-space: nowrap;
transition: color 120ms ease-out;
}
.site-head nav a:hover { color: var(--ink); }
.site-head .head-cta {
- margin-left: 0.25rem;
- color: var(--accent); font-weight: 560;
+ color: var(--accent); font-weight: 560; font-size: 0.95rem;
+ text-decoration: none; white-space: nowrap;
border: 1px solid var(--line-strong); border-radius: 0.55rem;
padding: 0.42rem 0.95rem;
transition: border-color 120ms ease-out, background 120ms ease-out, color 120ms ease-out;
}
.site-head .head-cta:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
@media (max-width: 44rem) {
- .site-head .wrap { flex-wrap: wrap; height: auto; padding-top: 0.7rem; padding-bottom: 0.7rem; row-gap: 0.5rem; }
- .site-head nav { flex-basis: 100%; order: 3; gap: 1.15rem; }
+ .site-head .wrap { flex-wrap: wrap; height: auto; padding-top: 0.7rem; padding-bottom: 0.7rem; row-gap: 0.35rem; }
+ .site-head nav { flex-basis: 100%; order: 3; gap: 1.25rem; margin-left: 0; }
.site-head nav a { font-size: 0.9rem; }
- .site-head .head-cta { margin-left: auto; padding: 0.3rem 0.8rem; }
+ .site-head .head-cta { margin-left: auto; padding: 0.3rem 0.8rem; font-size: 0.9rem; }
}
/* ---- Hero ---- */