teahubxyz/time
1
0 Fork 0
Code Issues 56 Pull Requests 22 Actions Packages Projects Releases Wiki Activity

venture mdecks: finished by hand: a one-line header, the product as the whole first screen, the sections after it instead of over it; the wordmark is .mdeck

Browse Source
This commit is contained in:
teahubxyz committed 2026-10-11 17:46:52 -07:00
1 parent 69f5c591e4
commit e09dc1c0dc
1 file changed
+22 -8
Download Patch File Download Diff File Expand all files Collapse all files
ventures/mdecks/index.html
+22 -8
View File
@@ -363,18 +363,32 @@
flex-direction: column;
}
}
/* finish: a one-line header, the product as the whole first screen, and the sections flowing after it (never over it) */
html, body { height: auto; }
body { display: block; }
header { flex-direction: row; align-items: center; gap: 6px 14px; padding: 12px 20px; border-bottom: 1px solid var(--line); }
header h1 { font-size: 1.4rem; letter-spacing: -0.01em; }
header .promise { margin: 0; color: var(--ink-dim); font-size: 0.9rem; }
header .early-note { margin: 0 0 0 auto; font-size: 0.75rem; color: var(--ink-dim); }
main { flex: none; height: calc(100svh - 60px); min-height: 460px; }
main section { padding: 0; max-width: none; margin: 0; }
.hint code { white-space: nowrap; }
@media (max-width: 820px) {
header { padding: 10px 16px; }
header .early-note { margin: 0; flex: 1 1 150px; }
main { height: auto; min-height: 0; grid-template-rows: auto auto; padding: 12px 16px 16px; }
}
</style>
</head>
<body>
<header>
<div class="left">
<h1>.mdeck<span class="dot">.</span></h1>
<p>Type markdown-ish slides on the left, watch them render live on the right. Navigate with arrow keys or swipe. Everything runs in your browser — nothing is saved or sent anywhere.</p>
</div>
<a class="cta" href="https://github.com/teahubxyz/time/issues/new?template=early-access.yml&title=Early+access%3A+.mdeck&venture=mdecks&plan=Pro" target="_blank" rel="noopener">Get early access</a>
<h1><span class="dot">.</span>mdeck</h1>
<p class="promise">Plain text in, slides out.</p>
<p class="early-note">Opens a public GitHub issue. No email, no payment.</p>
<a class="cta" href="https://github.com/teahubxyz/time/issues/new?template=early-access.yml&title=Early+access%3A+.mdeck&venture=mdecks&plan=Pro" target="_blank" rel="noopener">Get early access</a>
</header>
<main>
<main id="try">
<section class="editor-pane">
<label for="src">Slides</label>
<textarea id="src" spellcheck="false"></textarea>
@@ -442,7 +456,7 @@
<div class="tier">
<h3>Free</h3>
<div class="price">$0</div>
<p>For Anyone who needs a quick deck right now.</p>
<p>For anyone who needs a quick deck right now.</p>
<ul>
<li>Full plain-text editor</li>
<li>Live navigable preview with arrow keys and progress bar</li>
@@ -454,7 +468,7 @@
<div class="tier">
<h3>Pro</h3>
<div class="price">$5/mo founding price</div>
<p>For People who make a deck every week and want it saved and polished.</p>
<p>For people who make a deck every week and want it saved and polished.</p>
<ul>
<li>Saved decks, themes, speaker notes</li>
<li>PDF export, shareable links</li>