diff --git a/template.html b/template.html index 5a7a91c..cf4d08b 100644 --- a/template.html +++ b/template.html @@ -8,7 +8,7 @@ :root{color-scheme:light dark;--bg:#f3f1eb;--fg:#111;--muted:#6c6961;--line:#cbc7bc;--card:#faf8f2;--accent:#ff5a1f;--warm:#d99416;--watch:#7b8178} @media(prefers-color-scheme:dark){:root{--bg:#10100f;--fg:#f2efe7;--muted:#a6a198;--line:#393732;--card:#171715;--accent:#ff7540;--warm:#efad32;--watch:#92988f}} *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto} -header{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:900;letter-spacing:-.05em}.nav{display:flex;gap:14px;font-size:11px;color:var(--muted)}.nav a{text-decoration:none}.nav a:hover{color:var(--fg)} +header{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:900;letter-spacing:-.05em}.nav{display:flex;gap:14px;font-size:11px;color:var(--muted);flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none}.nav a:hover{color:var(--fg)} .hero{padding:76px 0 48px;display:grid;grid-template-columns:1.35fr .65fr;gap:42px;align-items:end}h1{font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(50px,8vw,98px);line-height:.88;letter-spacing:-.075em;margin:0}.dek{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--muted);font-size:18px;line-height:1.45;margin:0} .stats{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:58px}.stat{padding:15px 16px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-size:22px}.stat span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)} .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:17px}.section-head h2{font-family:ui-sans-serif,system-ui,sans-serif;font-size:30px;letter-spacing:-.04em;margin:0}.section-head p{margin:0;max-width:520px;text-align:right;font-size:12px;line-height:1.45;color:var(--muted)} @@ -19,13 +19,13 @@ h3{font-family:ui-sans-serif,system-ui,sans-serif;font-size:21px;line-height:1.0 footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px} @media(max-width:980px){.curated{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3n){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}} @media(max-width:820px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.section-head p{text-align:left}} -@media(max-width:620px){.curated{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(even){border-right:0}.stat{border-bottom:1px solid var(--line)}.stat:nth-last-child(-n+2){border-bottom:0}.nav{flex-wrap:wrap;justify-content:flex-end}} +@media(max-width:620px){.curated{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(even){border-right:0}.stat{border-bottom:1px solid var(--line)}.stat:nth-last-child(-n+2){border-bottom:0}}
notplanned
- +
@@ -59,5 +59,5 @@ footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify
__CARDS__
- +
\ No newline at end of file