76 lines
2.7 KiB
HTML
76 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Acme — Blog</title>
|
|
<style>
|
|
*{box-sizing:border-box} body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;margin:0;color:#1a1a1a;background:#fff}
|
|
header{border-bottom:1px solid #e5e7eb}
|
|
nav{max-width:960px;margin:0 auto;padding:16px 24px;display:flex;gap:20px;align-items:center}
|
|
nav .brand{font-weight:700;margin-right:auto}
|
|
nav a{color:#374151;text-decoration:none;font-size:15px;font-weight:500}
|
|
main{max-width:760px;margin:0 auto;padding:48px 24px}
|
|
h1{font-size:32px;margin:0 0 28px}
|
|
.posts{list-style:none;margin:0;padding:0}
|
|
.posts li{padding:20px 0;border-top:1px solid #eee}
|
|
.posts a{color:inherit;text-decoration:none;display:block}
|
|
.posts .date{font-size:13px;color:#9ca3af}
|
|
.posts h2{font-size:20px;margin:6px 0 4px}
|
|
.posts p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}
|
|
footer{max-width:960px;margin:0 auto;padding:32px 24px;color:#9ca3af;font-size:13px;border-top:1px solid #e5e5e5}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav aria-label="Primary">
|
|
<span class="brand">Acme</span>
|
|
<a href="/">Home</a>
|
|
<a href="blog.html">Blog</a>
|
|
<a href="faq.html">FAQ</a>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<h1>From the blog</h1>
|
|
<ul class="posts">
|
|
<li>
|
|
<a href="blog.html">
|
|
<span class="date">Jun 2, 2026</span>
|
|
<h2>Announcing the alpha release</h2>
|
|
<p>A first look at everything that shipped in our earliest public build.</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog.html">
|
|
<span class="date">May 21, 2026</span>
|
|
<h2>A practical guide to CSS grid</h2>
|
|
<p>Lay out responsive collections without fighting the box model.</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog.html">
|
|
<span class="date">May 9, 2026</span>
|
|
<h2>Shipping faster pages in 2026</h2>
|
|
<p>The performance budget we hold every release to, and why it matters.</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog.html">
|
|
<span class="date">Apr 27, 2026</span>
|
|
<h2>Rethinking our color system</h2>
|
|
<p>How we moved to semantic tokens and what we learned along the way.</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog.html">
|
|
<span class="date">Apr 14, 2026</span>
|
|
<h2>Highlights from the meetup</h2>
|
|
<p>Talks, demos, and conversations from our first in-person gathering.</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</main>
|
|
<footer>© 2026 Acme, Inc. All rights reserved.</footer>
|
|
</body>
|
|
</html>
|