www/htdocs/index.html

<!doctype html>
<html lang="en">
<!--#include virtual="/common/header.html" -->
<body>
<!--#include virtual="/common/topnav.html" -->
<main id="main-content">
    <section class="hero" aria-labelledby="hero-title">
        <div class="hero-inner">
            <p class="eyebrow">A practical, independent corner of the internet</p>
            <h1 id="hero-title">Build your own corner of the internet.</h1>
            <p class="hero-copy">Practical self-hosting, creative coding, and community experiments from Eric Meehan's home lab. Learn from the work, try the projects, and see how they are made.</p>
            <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="/members/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>
        <div class="hero-art" aria-hidden="true">
            <span class="orbit orbit-one"></span>
            <span class="orbit orbit-two"></span>
            <span class="orbit orbit-three"></span>
            <span class="orbit-core">eom<br>.dev</span>
        </div>
    </section>

    <section class="section intro-section" id="start-here" aria-labelledby="start-title">
        <div class="section-heading">
            <p class="eyebrow">Find your starting point</p>
            <h2 id="start-title">Three ways into the lab</h2>
            <p>Pick a path. Each one leads to real projects, recordings, and source code—not just a list of services.</p>
        </div>
        <div class="path-grid">
            <article class="path-card path-build">
                <span class="card-kicker">01 / Build</span>
                <h3>Make the infrastructure yours</h3>
                <p>Explore self-hosted services, automation, local AI, and the recipes that run this network.</p>
                <a class="text-link" href="https://gitea.eom.dev/DevOps/software-infrastructure">Explore the infrastructure <span aria-hidden="true">→</span></a>
            </article>
            <article class="path-card path-play">
                <span class="card-kicker">02 / Play</span>
                <h3>Join a world or try a game</h3>
                <p>Meet the community in Luanti or see how a small AI-assisted idea became a playable game.</p>
                <a class="text-link" href="https://discourse.eom.dev/c/gaming/23">Find a game to join <span aria-hidden="true">→</span></a>
            </article>
            <article class="path-card path-create">
                <span class="card-kicker">03 / Create</span>
                <h3>Listen, watch, and experiment</h3>
                <p>Browse original music, live performances, creative coding, and field recordings.</p>
                <a class="text-link" href="https://peertube.eom.dev/videos/browse">Browse the video library <span aria-hidden="true">→</span></a>
            </article>
        </div>
    </section>

    <section class="section featured-section" id="projects" aria-labelledby="projects-title">
        <div class="section-heading section-heading-row">
            <div>
                <p class="eyebrow">Made here, shared openly</p>
                <h2 id="projects-title">A few things to explore</h2>
            </div>
            <a class="text-link" href="https://gitea.eom.dev/explore/repos">Browse all repositories <span aria-hidden="true">→</span></a>
        </div>
        <div class="project-grid">
            <article class="project-card">
                <div class="project-mark mark-red" aria-hidden="true">●</div>
                <p class="card-kicker">A social experiment</p>
                <h3>The Button</h3>
                <p>One shared countdown, six risk zones, and a season of nerve. Play, follow the standings, or inspect the code.</p>
                <div class="project-links">
                    <a class="text-link" href="https://button.eom.dev/">Play the game <span aria-hidden="true">→</span></a>
                    <a class="text-link" href="https://gitea.eom.dev/Gaming/the-button">View the source</a>
                </div>
            </article>
            <article class="project-card">
                <div class="project-mark mark-blue" aria-hidden="true">⌘</div>
                <p class="card-kicker">Self-hosted creator tools</p>
                <h3>Broadcast from your own stack</h3>
                <p>See how the network's streaming and video services fit together, then explore the deployment automation behind them.</p>
                <div class="project-links">
                    <a class="text-link" href="https://owncast.eom.dev/">Visit the live channel <span aria-hidden="true">→</span></a>
                    <a class="text-link" href="https://gitea.eom.dev/DevOps/ansible-role-peertube">Explore the PeerTube role</a>
                </div>
            </article>
            <article class="project-card">
                <div class="project-mark mark-green" aria-hidden="true">♫</div>
                <p class="card-kicker">Music and code</p>
                <h3>Make patterns, make sound</h3>
                <p>Listen to electronic compositions made with Tidal Cycles and Strudel, and explore the source behind the music.</p>
                <div class="project-links">
                    <a class="text-link" href="https://peertube.eom.dev/c/eric_music">Listen on PeerTube <span aria-hidden="true">→</span></a>
                    <a class="text-link" href="https://gitea.eom.dev/Music/tidal-cycles-and-strudel-singles">Explore the collection</a>
                </div>
            </article>
        </div>
    </section>

    <section class="community-band" aria-labelledby="community-title">
        <div>
            <p class="eyebrow">Built in public</p>
            <h2 id="community-title">Follow the work. Add your voice.</h2>
            <p>Project notes, questions, and community plans live on the forum. Watch live when a stream is on; catch up with the recordings any time.</p>
        </div>
        <div class="community-actions">
            <a class="button button-primary" href="https://discourse.eom.dev/latest">Visit the forum</a>
            <a class="button button-secondary" href="https://peertube.eom.dev/videos/browse">Watch recent videos</a>
            <a class="quiet-link" href="https://owncast.eom.dev/">Check the live channel</a>
        </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">
        </div>
        <div class="about-copy">
            <p class="eyebrow">The person behind the projects</p>
            <h2 id="about-title">Hi, I'm Eric.</h2>
            <p>I'm a software engineer and musician in Raleigh, North Carolina. I use this independently run network to build and share engineering and creative projects—and to document what works, what doesn't, and how you can try it yourself.</p>
            <div class="about-links">
                <a class="text-link" href="https://mastodon.eom.dev/@eric/">Follow on Mastodon <span aria-hidden="true">→</span></a>
                <a class="text-link" href="mailto:eric@eom.dev">Get in touch</a>
                <a class="text-link" href="/eric@eom.dev.pub">View my GPG key</a>
            </div>
        </div>
    </section>

    <section class="support-section" id="support" aria-labelledby="support-title">
        <div class="support-copy">
            <p class="eyebrow">Keep the lights on</p>
            <h2 id="support-title">Support the independent work.</h2>
            <p>Contributions help cover the servers, storage, and time behind these projects. If you need hands-on help, you can also book a consultation.</p>
        </div>
        <div class="support-actions">
            <a class="button button-primary" href="/members/">Explore memberships</a>
            <a class="button button-secondary" href="https://nextcloud.eom.dev/apps/appointments/pub/McQqQYl49cD5ZzZ9/form">Book a free introductory call</a>
            <a class="quiet-link" href="https://donate.stripe.com/dRm28qczOcDx05Nfd9cQU00">Make a one-time contribution</a>
            <details class="crypto-support">
                <summary>Other ways to support</summary>
                <p>Monero contributions can be sent to this public address:</p>
                <code class="wallet-address">48mFvxYDSCzMy5a3Zaj7ewApbX4GwXVXX9T1JC8mqBC19s9UcrNq8eaKkQ6GKdhHGQGmhdpvMd3mcbjf4eQbP8Yv7KdAREw</code>
                <p>For P2Pool, <a href="/xmrig.json">view the XMRig configuration</a> and replace the example wallet with your own.</p>
            </details>
        </div>
    </section>
</main>
<!--#include virtual="/common/footer.html" -->
</body>
</html>