Update blog.html
javascript patch
This commit is contained in:
18
blog.html
18
blog.html
@@ -95,10 +95,20 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
|
||||
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
|
||||
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
|
||||
|
||||
/* Without JavaScript the panel cannot be toggled, so show it inline. */
|
||||
/*
|
||||
Without JavaScript the panel cannot be toggled, so the links are shown
|
||||
inline. On narrow screens they wrap under the logo and the bar is allowed
|
||||
to grow, instead of being clipped by the fixed 60px height.
|
||||
*/
|
||||
.nojs .navtoggle{display:none}
|
||||
.nojs .topbar nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;
|
||||
box-shadow:none;border-bottom:0;padding:0;margin-left:auto;background:transparent}
|
||||
@media (max-width:900px){
|
||||
.nojs .topbar .wrap{height:auto;min-height:56px;flex-wrap:wrap;padding-bottom:8px;gap:10px}
|
||||
.nojs .topbar nav{margin-left:0;width:100%;gap:4px 6px}
|
||||
.nojs .topbar nav a{font-size:14.5px;min-height:40px;padding:0 10px;
|
||||
display:flex;align-items:center;border:1px solid var(--line);border-radius:8px}
|
||||
}
|
||||
|
||||
.blog-head{padding:48px 0 34px;border-bottom:1px solid var(--line);
|
||||
background:radial-gradient(820px 280px at 50% -40%,var(--accent-soft),transparent 70%)}
|
||||
@@ -121,7 +131,9 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
|
||||
.post-card h2 a{color:var(--ink)}
|
||||
.post-card h2 a:hover{color:var(--accent);text-decoration:none}
|
||||
.post-card p{font-size:14.5px;color:var(--muted);line-height:1.65;margin:0 0 14px}
|
||||
.post-card .more{font-size:13.5px;font-weight:600;color:var(--accent)}
|
||||
.post-card .more{font-size:14px;font-weight:600;color:var(--accent);
|
||||
display:inline-flex;align-items:center;min-height:44px}
|
||||
.post-card .more:hover{text-decoration:underline}
|
||||
|
||||
@media (max-width:760px){
|
||||
.blog-head{padding:32px 0 26px}
|
||||
@@ -192,7 +204,7 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
|
||||
often exposes the vulnerable instead of protecting them. Time-locked
|
||||
Bitcoin transactions offer a will that executes itself — no notary, no
|
||||
human executor, no third party to trust.</p>
|
||||
<div class="more">Read the article →</div>
|
||||
<a class="more" href="blog/inheritance-when-trust-fails.html">Read the article →</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user