naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

24-8: articles and legal pages — implemented, QA Review

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-10-31 18:54:18 +02:00
parent 7879ac7190
commit 2c068277a2
13 changed files with 203 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/public.css
+21 -1
View File
@@ -62,7 +62,7 @@ html[dir=ltr] body.site .site-progress{transform-origin:left}
body.site section{position:relative}
body.site .sec{padding:120px 0}
body.site .sec-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:54px;flex-wrap:wrap}
body.site .sec-head h2{font-size:clamp(2rem,3.4vw,3rem);margin-top:12px}
body.site .sec-head h2,body.site .sec-head h1{font-size:clamp(2rem,3.4vw,3rem);margin-top:12px}
body.site .sec-head p{max-width:30em;color:var(--muted);margin:0}
@@ -338,6 +338,26 @@ body.site .row-static:hover{background:none;color:inherit;transform:none;box-sha
body.site .row-static::before{display:none}
@media (max-width:760px){body.site .row-static{grid-template-columns:52px 1fr}}
/* ---------- Articles and legal pages (24-8) ---------- */
body.site .search{min-height:48px;border-radius:999px;padding:12px 20px;border:1.5px solid rgba(45,54,36,.18);background:#fff;width:min(360px,100%);font:400 1rem var(--body);color:var(--ink);transition:border-color .2s,box-shadow .2s}
body.site .search:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(166,137,102,.2)}
body.site .search-info{color:var(--muted);margin:0 0 24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
body.site .search-info .btn{min-height:44px;padding:8px 18px}
body.site .posts-index .post:last-child{grid-column:auto}
body.site .pagination-wrap{margin-top:40px}
body.site .pagination-wrap nav>div:first-child{display:none}
body.site .pagination-wrap nav a,body.site .pagination-wrap nav span[aria-disabled] span,body.site .pagination-wrap nav span[aria-current] span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:500}
body.site .pagination-wrap nav a:hover{border-color:var(--gold)}
body.site .pagination-wrap nav span[aria-current] span{background:var(--forest);border-color:var(--forest);color:var(--cream)}
body.site .pagination-wrap nav span[aria-disabled] span{opacity:.5}
body.site .site-prose :is(h2,h3,h4){font-family:var(--display)}
body.site .site-prose a{color:var(--olive)}
body.site .site-prose{font-size:1.06rem;line-height:1.85}
body.site .post-meta,body.site article>.meta{display:block;font-size:.85rem;font-weight:600;color:var(--gold-ink)}
body.site .legal-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-1);padding:40px}
body.site .legal-updated{font-size:.85rem;color:var(--muted);margin:16px 0 0}
@media (max-width:760px){body.site .legal-card{padding:24px}}
/* ---------- Reveal (hidden only when JavaScript runs) ---------- */
body.site.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
body.site.js [data-reveal].in{opacity:1;transform:none}