Story images: relabel Cloud column and section 9 header as Book & Library
- 06b/06c: third column label is now "Book & Library" with the heading "The book and the AiBook.fun library" (was "Cloud" / "Do it yourself, online"). Same size, cover image unchanged. - 09 header renamed to 09-header-book-library-and-aibook-fun.png with the title "Book & Library and AiBook.fun" (was "Cloud and AiBook.fun"). - three_ways() builds the grid from a list of columns so a fourth bucket can be added later without a CSS change; three-column output is unchanged. - Contact sheet and README updated.
This commit is contained in:
@@ -14,7 +14,8 @@
|
||||
.inc li{display:flex;gap:7px;align-items:flex-start;font-size:14px;line-height:1.35;padding:2px 0}
|
||||
.pr{align-self:end}
|
||||
.price{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--pine);background:var(--pine-wash);border:1px solid var(--pine-tint);border-radius:999px;padding:7px 6px;text-align:center;white-space:nowrap}
|
||||
.cloud{border-color:rgba(28,93,76,.28)}
|
||||
.many .price{white-space:normal}
|
||||
.book{border-color:rgba(28,93,76,.28)}
|
||||
.prices li{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:baseline;padding:7px 8px;border-radius:10px;font-size:14px;line-height:1.35}
|
||||
.prices li+li{margin-top:4px}
|
||||
.prices b{font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:-.03em;color:var(--ink)}
|
||||
@@ -26,7 +27,7 @@
|
||||
.prices li.feat b{color:#fff}
|
||||
.dl li{font-size:14px;line-height:1.4;padding:2px 0 2px 14px;position:relative}
|
||||
.dl li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:999px;background:var(--pine)}
|
||||
</style></head><body><div class="canvas" id="shot"><div class="cols">
|
||||
</style></head><body><div class="canvas" id="shot"><div class="cols" style="grid-template-columns:1fr 1fr 1.3fr">
|
||||
<div class="col card">
|
||||
<p class="nm">Retreat</p><h3>Burned Out Advisor Retreat</h3>
|
||||
<div class="sec"><p class="lb">What it is</p><p>Three days in person with the authors and other advisors.</p>
|
||||
@@ -43,8 +44,8 @@
|
||||
<div class="sec"><p class="lb">When</p><p class="fact"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.5" y="5" width="17" height="15" rx="2"/><path d="M3.5 9.5h17M8 3v4M16 3v4"/><path d="M7.5 13h2M11 13h2M14.5 13h2M7.5 16.5h2M11 16.5h2"/></svg></span>The next cohort at your chosen site</p></div>
|
||||
<div class="pr"><p class="price">Price on the reward</p></div>
|
||||
</div>
|
||||
<div class="col card cloud">
|
||||
<p class="nm">Cloud</p><div class="ch"><h3>Do it yourself, online</h3><img src="../assets-gen/cover-flat.png" alt=""></div>
|
||||
<div class="col card book">
|
||||
<p class="nm">Book & Library</p><div class="ch"><h3>The book and the AiBook.fun library</h3><img src="../assets-gen/cover-flat.png" alt=""></div>
|
||||
<div class="sec span2"><p class="lb">Choose one</p><ul class="prices"><li class=""><b>$19</b><span>Early Bird eBook<small>First 200 backers</small></span></li><li class=""><b>$25</b><span>eBook and backer-only updates</span></li><li class="feat"><b>$47</b><span>eBook and 12 months of the AiBook.fun library</span></li><li><b class="np"><img src="../assets-gen/cover-3d.png" alt=""></b><span>Signed paperback and eBook<small>Price on the reward</small></span></li></ul></div>
|
||||
<div class="sec"><p class="lb">When</p><ul class="dl"><li>Library access: within about 14 days of a successful campaign</li><li>eBook: January 2027</li><li>Signed paperback: February 2027</li></ul></div>
|
||||
<div class="pr"></div>
|
||||
|
||||
Reference in New Issue
Block a user