Tweaked landing page

.gitignore

···
 .Trashes
 ehthumbs.db
 Thumbs.db
-server
+server
+diffdown

static/css/style.css

···
+@import url(https://fonts.bunny.net/css?family=barlow:100,200,300,400,500,600|lexend:100,200,300,400,500,600,700,800,900);
+
 *, *::before, *::after {
     box-sizing: border-box;
     margin: 0;
···
     --code-bg: #f3f4f6;
     --alert-error-bg: #fef2f2;
     --alert-error-border: #fecaca;
+    --heading-font: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
     --radius: 6px;
-    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    --font: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
     --font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;
 }
 
···
     --bg: #0d1117;
     --bg-card: #161b22;
     --text: #e6edf3;
-    --text-muted: #8b949e;
+    --text-muted: #ededed;
+    --text-secondary: #d4d4d4;
     --border: #30363d;
     --code-bg: #1f2428;
     --primary: #388bfd;
···
         --bg: #0d1117;
         --bg-card: #161b22;
         --text: #e6edf3;
-        --text-muted: #8b949e;
+        --text-muted: #ededed;
+        --text-secondary: #d4d4d4;
         --border: #30363d;
         --code-bg: #1f2428;
         --primary: #388bfd;
···
     font-family: var(--font);
     background: var(--bg);
     color: var(--text);
-    line-height: 1.6;
+    line-height: 1.5;
 }
 
 a { color: var(--primary); text-decoration: none; }
 a:hover { text-decoration: underline; }
 
+h1, h2, h3, h4, h5 {
+    font-family: var(--heading-font);
+    font-weight: 500;
+}
+
 /* Navbar */
 .navbar {
     display: flex;
···
 }
 
 .logo {
-    font-weight: 700;
+    font-weight: 500;
     font-size: 1.1rem;
     color: var(--text);
 }
···
 }
 
 .landing h1 { font-size: 2.5rem; margin-bottom: 1rem; }
-.landing p { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 2rem; }
+.landing p { font-size: 1.1rem; font-weight: 400; margin-bottom: 2rem; }
 .landing-actions { display: flex; gap: 1rem; justify-content: center; }
+
+.landing-header {
+    text-align: center;
+}
+
+.landing-content {
+    color: var(--text-secondary);
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 2rem;
+    text-align: left;
+    margin-bottom: 2rem;
+}
+
+.landing-hr {
+    margin: 2rem 0;
+}
+
+@media (max-width: 640px) {
+    .landing-content {
+        grid-template-columns: 1fr;
+    }
+}
 
 /* Dashboard */
 .dashboard-header {

templates/landing.html

···
 {{template "base" .}}
 {{define "content"}}
 <div class="landing">
-    <h1>Collaborative Markdown Editing</h1>
-    <p>Write, review, and collaborate on Markdown documents with your team in <a href="https://www.bskyinfo.com/glossary/atmosphere/">the ATmosphere</a>.</p>
-    <p><strong>Note:</strong> This app is a toy I built to learn <a href="https://atproto.com/">AT Protocol</a>, lexicons, and <a href="https://agentic-coding.github.io/">agentic coding</a>. It is not meant for actual use. Any documents you create will be visible to anyone with the URL and may be deleted at any time.</p>
+    <section class="landing-header">
+        <h1>Collaborative Markdown Editing</h1>
+        <p>Write, review, and collaborate on Markdown documents with your team in <a href="https://www.bskyinfo.com/glossary/atmosphere/">the ATmosphere</a>.</p>
+    </section>
     <div class="landing-actions">
         <a href="/auth/register" class="btn btn-lg">Get Started</a>
         <a href="/auth/login" class="btn btn-lg btn-outline">Log In</a>
     </div>
+    <hr class="landing-hr">
+    <section class="landing-content">
+        <div class="landing-col">
+            <h2>About This Project</h2>
+            <p>This app is a toy I built to learn <a href="https://atproto.com/">AT Protocol</a>, <a href="https://atproto.com/guides/lexicon">lexicons</a>, and <a href="https://www.ibm.com/think/topics/agentic-engineering">agentic engineering</a>. It is not meant for actual use. Because AT Proto does not support private records (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), any documents you create will be visible to anyone with the URL (<a href="https://atproto.at/viewer?uri=did:plc:za4vlvbizdstoym7lpymc5q5/com.diffdown.document/3mgzsp6m5hs24">example</a>).</p>
+        </div>
+        <div class="landing-col">
+            <h2>About Me</h2>
+            <p>I've worked in tech for a long time as a product manager and executive. These days, I'm a co-founder of <a href="https://limeleaf.coop">Limeleaf Worker Collective</a>, and an advisor to a few tech projects. <a href="https://jluther.net">I like to write.</a></p>
+        </div>
+    </section>
+
 </div>
 {{end}}