bitcoinafterlife/bal-website
1
0
Fork 2
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update blog.html

Browse Source 
javascript patch
This commit is contained in:
bitcoinafterlife
2026-07-21 16:51:31 +00:00
parent 0a84c0b33d
commit baff204308
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
blog.html
View File

@@ -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}} @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px} :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 .navtoggle{display:none}
.nojs .topbar nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap; .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} 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); .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%)} 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{color:var(--ink)}
.post-card h2 a:hover{color:var(--accent);text-decoration:none} .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 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){ @media (max-width:760px){
.blog-head{padding:32px 0 26px} .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 often exposes the vulnerable instead of protecting them. Time-locked
Bitcoin transactions offer a will that executes itself — no notary, no Bitcoin transactions offer a will that executes itself — no notary, no
human executor, no third party to trust.</p> 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> </div>
</article> </article>