LDAP

htdocs/common/topnav.html

@@ -7,6 +7,7 @@
                 <li class="pure-menu-item"><a class="pure-menu-link" href="#start-here">Explore</a></li>
                 <li class="pure-menu-item"><a class="pure-menu-link" href="#projects">Projects</a></li>
                 <li class="pure-menu-item"><a class="pure-menu-link" href="https://discourse.eom.dev/latest">Community</a></li>
+                <li class="pure-menu-item"><a class="pure-menu-link" href="#letters">Letters</a></li>
                 <li class="pure-menu-item"><a class="pure-menu-link nav-support" href="#support">Support</a></li>
             </ul>
         </nav>

htdocs/index.html

@@ -12,6 +12,7 @@
             <div class="hero-actions">
                 <a class="button button-primary" href="#start-here">Explore the projects</a>
                 <a class="button button-secondary" href="https://discourse.eom.dev/latest">Join the conversation</a>
+                <a class="button button-secondary" href="https://lists.eom.dev/accounts/register/">Create an eom.dev account</a>
             </div>
             <p class="hero-note">Independent software, open-source projects, music, and games—made in Raleigh, North Carolina.</p>
         </div>
@@ -106,6 +107,19 @@
         </div>
     </section>
 
+    <section class="newsletter-section" id="letters" aria-labelledby="letters-title">
+        <div class="newsletter-copy">
+            <p class="eyebrow">A quieter way to follow along</p>
+            <h2 id="letters-title">Project notes, by email.</h2>
+            <p>No extra forum profile. Choose the topics you want, confirm your address, and follow along from your inbox. Read the public conversations without subscribing.</p>
+            <a class="text-link" href="https://lists.eom.dev/">Browse all mailing-list conversations <span aria-hidden="true">→</span></a>
+        </div>
+        <div class="newsletter-form-wrap">
+            <iframe class="newsletter-embed" src="https://lists.eom.dev/embed/signup/" title="Join the eom.dev email list" loading="lazy" referrerpolicy="no-referrer" height="570"></iframe>
+            <p class="newsletter-fallback">The signup form is hosted by eom.dev. <a href="https://lists.eom.dev/#subscribe">Open the mailing-list signup page</a> if it doesn't load here.</p>
+        </div>
+    </section>
+
     <section class="about-section section" id="about" aria-labelledby="about-title">
         <div class="about-photo">
             <img src="/static/profile_2026.jpg" width="300" height="300" loading="lazy" alt="Eric Meehan">

htdocs/static/home.css

@@ -518,6 +518,44 @@ main {
     justify-content: flex-start;
 }
 
+.newsletter-section {
+    display: grid;
+    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
+    align-items: center;
+    gap: clamp(2rem, 7vw, 7rem);
+    padding: clamp(3.5rem, 7vw, 6rem) clamp(1.5rem, 9vw, 9rem);
+    background: var(--page-deep);
+    border-top: 1px solid var(--border);
+    border-bottom: 1px solid var(--border);
+}
+
+.newsletter-copy {
+    max-width: 600px;
+}
+
+.newsletter-copy h2 {
+    margin-bottom: 0.9rem;
+}
+
+.newsletter-form-wrap {
+    min-width: 0;
+}
+
+.newsletter-embed {
+    display: block;
+    width: 100%;
+    height: 570px;
+    background: transparent;
+    border: 0;
+    border-radius: 1rem;
+}
+
+.newsletter-fallback {
+    margin: 0.6rem 0 0;
+    color: var(--subtle);
+    font-size: 0.82rem;
+}
+
 .quiet-link {
     color: var(--muted);
     font-size: 0.88rem;
@@ -667,6 +705,11 @@ main {
         grid-template-columns: 1fr;
         gap: 1.5rem;
     }
+
+    .newsletter-section {
+        grid-template-columns: 1fr;
+        gap: 1.5rem;
+    }
 }
 
 @media (max-width: 640px) {
@@ -785,6 +828,15 @@ main {
     .support-actions .button {
         width: 100%;
     }
+
+    .newsletter-section {
+        grid-template-columns: minmax(0, 1fr);
+        padding: 3.5rem 1.25rem;
+    }
+
+    .newsletter-embed {
+        height: 590px;
+    }
 }
 
 @media (max-width: 380px) {