36 lines
3.1 KiB
HTML
36 lines
3.1 KiB
HTML
<!doctype html><html lang="en"><head><meta charset="utf-8">
|
|
<link rel="stylesheet" href="../styles.css"><style>
|
|
.canvas{padding:30px 34px 30px}
|
|
.vt{position:relative}
|
|
.vt::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;border-left:3px dotted var(--pine);opacity:.55}
|
|
.vt li{position:relative;display:flex;align-items:flex-start;gap:22px;padding:0 0 18px}
|
|
.vt li:last-child{padding-bottom:0}
|
|
.num{flex:none;width:46px;height:46px;border-radius:999px;background:var(--pine);color:#fff;font-family:var(--display);font-weight:900;font-size:21px;display:grid;place-items:center;box-shadow:0 0 0 5px var(--paper-2),var(--sh-md);position:relative;z-index:1}
|
|
.tx{padding-top:3px}
|
|
.tx b{display:block;font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
|
|
.tx p{font-size:15px;line-height:1.4;color:var(--muted);margin-top:3px}
|
|
.vt li.cut .num{background:var(--amber)}
|
|
.vt li.cut .tx b{color:var(--amber)}
|
|
</style></head><body><div class="canvas" id="shot"><ol class="vt"><li class=""><span class="num">1</span><div class="tx"><b>Fri 2 Oct 2026</b><p>The campaign opens.</p></div></li><li class="cut"><span class="num">2</span><div class="tx"><b>Tue 20 Oct 2026</b><p>The Retreat reward and the $5,000 Growth bundle close.</p></div></li><li class=""><span class="num">3</span><div class="tx"><b>Wed 4 Nov 2026</b><p>The campaign ends. The Burned Out Advisor Retreat runs 4 to 6 November.</p></div></li><li class=""><span class="num">4</span><div class="tx"><b>By mid-November 2026</b><p>AiBook.fun access for backers whose reward includes it, and the backer survey.</p></div></li><li class=""><span class="num">5</span><div class="tx"><b>December 2026</b><p>The AOPbizFastTrack cohort for Launch and Growth backers.</p></div></li><li class=""><span class="num">6</span><div class="tx"><b>January 2027</b><p>Final layout and eBook files. The eBook is delivered and the paperbacks are signed.</p></div></li><li class=""><span class="num">7</span><div class="tx"><b>January to March 2027</b><p>Three months of AOP.biz service for Launch and Growth backers.</p></div></li><li class=""><span class="num">8</span><div class="tx"><b>February 2027</b><p>Signed paperbacks are delivered.</p></div></li></ol></div>
|
|
<script>
|
|
window.__ready = (async () => {
|
|
let empty = 0;
|
|
for (const s of document.querySelectorAll('.slot[data-src]')) {
|
|
let ok = false;
|
|
for (const ext of ['jpg', 'jpeg', 'png', 'webp']) {
|
|
const url = s.dataset.src + '.' + ext;
|
|
ok = await new Promise(r => { const i = new Image(); i.onload = () => r(true); i.onerror = () => r(false); i.src = url; });
|
|
if (ok) { s.style.backgroundImage = 'url("' + url + '")'; s.classList.add('filled'); break; }
|
|
}
|
|
if (!ok) empty++;
|
|
}
|
|
await document.fonts.ready;
|
|
for (const el of document.querySelectorAll('[data-fit]')) {
|
|
let fs = parseFloat(getComputedStyle(el).fontSize);
|
|
const max = el.dataset.fit ? parseFloat(el.dataset.fit) : el.parentElement.clientWidth;
|
|
while (el.scrollWidth > max && fs > 10) { fs -= 0.5; el.style.fontSize = fs + 'px'; }
|
|
}
|
|
if (window.afterLayout) await window.afterLayout();
|
|
return empty;
|
|
})();
|
|
</script></body></html> |