From e09dc1c0dc9132956e46ab982a4889158837ca3b Mon Sep 17 00:00:00 2001
From: teahubxyz <jordan@streetpulse.com>
Date: Sun, 11 Oct 2026 17:46:52 -0700
Subject: [PATCH] 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

---
 ventures/mdecks/index.html | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/ventures/mdecks/index.html b/ventures/mdecks/index.html
index 6c4dbe5..b686b2f 100644
--- a/ventures/mdecks/index.html
+++ b/ventures/mdecks/index.html
@@ -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>