Add blog post: What Happens to Your Bitcoin When You're Gone?
- New article (Week 1): blog/what-happens-to-your-bitcoin.html, built on the existing it-all-starts-with-the-seed.html template/layout. - Cover image: blog/img/what-happens-to-your-bitcoin-cover.webp (1600x900, WebP, ~76KB). - blog.html: add the new post card at the top of the index (newest-first). - blog.html: fix .post-card thumbnail crop -- object-fit:cover was cutting off image edges/text with no margin; switched to object-fit:contain with 16px padding and a white frame so the full thumbnail is visible on all cards.
This commit is contained in:
21
blog.html
21
blog.html
@@ -135,7 +135,8 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
|
||||
.post-card{display:grid;grid-template-columns:250px 1fr;gap:22px;
|
||||
background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
|
||||
box-shadow:var(--shadow);overflow:hidden}
|
||||
.post-card img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block}
|
||||
.post-card img{width:100%;height:100%;min-height:150px;object-fit:contain;display:block;
|
||||
background:var(--panel);padding:16px;border-right:1px solid var(--line)}
|
||||
.post-card .body{padding:22px 24px 22px 0}
|
||||
.post-card .date{font-family:var(--mono);font-size:12px;letter-spacing:.08em;
|
||||
text-transform:uppercase;color:var(--muted);display:block;margin-bottom:9px}
|
||||
@@ -155,7 +156,7 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
|
||||
.posts{padding:26px 18px 0;gap:16px}
|
||||
/* Stack the card: a 250px image column leaves no room for text on a phone. */
|
||||
.post-card{grid-template-columns:1fr;gap:0}
|
||||
.post-card img{height:172px;min-height:0}
|
||||
.post-card img{height:172px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
|
||||
.post-card .body{padding:20px}
|
||||
.post-card h2{font-size:20px}
|
||||
.post-card p{font-size:15px}
|
||||
@@ -206,6 +207,22 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
|
||||
date (machine-readable in the datetime attribute), title, standfirst.
|
||||
-->
|
||||
<article class="post-card">
|
||||
<a href="blog/what-happens-to-your-bitcoin.html" aria-hidden="true" tabindex="-1">
|
||||
<img src="blog/img/what-happens-to-your-bitcoin-cover.webp" width="1600" height="900" loading="lazy"
|
||||
alt="">
|
||||
</a>
|
||||
<div class="body">
|
||||
<time class="date" datetime="2026-08-15">15 August 2026</time>
|
||||
<h2><a href="blog/what-happens-to-your-bitcoin.html">What happens to your bitcoin when you're gone?</a></h2>
|
||||
<p>Self-custody means nobody can seize your bitcoin — and nobody can help
|
||||
your family if you're gone either. Why seed-sharing, custodians and
|
||||
wills all quietly fail, and how a time-locked transaction lets your
|
||||
heirs receive the coins without ever holding your keys.</p>
|
||||
<a class="more" href="blog/what-happens-to-your-bitcoin.html">Read the article →</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<a href="blog/it-all-starts-with-the-seed.html" aria-hidden="true" tabindex="-1">
|
||||
<img src="blog/img/seed-cover.jpg" width="1600" height="900" loading="lazy"
|
||||
alt="">
|
||||
|
||||
Reference in New Issue
Block a user