diff --git a/manifesto.html b/manifesto.html index 98334d3..9cfb1b8 100644 --- a/manifesto.html +++ b/manifesto.html @@ -99,6 +99,36 @@ a:hover{text-decoration:underline} } .article .connector{font-weight:600;color:var(--ink)} +/* ---------- Provenance ---------- + Public timestamp of the first announcement. Kept visually quieter than the + manifesto body: it is a reference note, not part of the text itself. */ +.provenance{ + max-width:720px;margin:40px auto 0;padding:26px 26px 22px; + background:var(--panel);border:1px solid var(--line);border-radius:10px; +} +.provenance .ic{ + font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase; + color:var(--accent);display:block;margin-bottom:10px; +} +.provenance h2{ + font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em; + margin:0 0 6px;color:var(--ink); +} +.provenance p{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0 0 16px} +.provenance p b{color:var(--ink);font-weight:600} +.provenance ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)} +.provenance li{border-bottom:1px solid var(--line)} +.provenance li a{ + display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap; + padding:11px 2px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none; +} +.provenance li a:hover{color:var(--accent)} +.provenance li a .when{font-family:var(--mono);font-size:12.5px;font-weight:400;color:var(--muted)} +.provenance li a:hover .when{color:var(--accent)} +@media (max-width:560px){ + .provenance{margin-left:20px;margin-right:20px;padding:22px 20px 18px} +} + /* ---------- Signature ---------- */ .signature{max-width:720px;margin:18px auto 0;padding:30px 20px 0;border-top:1px solid var(--line-strong);text-align:center} .signature .label{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)} @@ -189,7 +219,7 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
- +