Files
www/htdocs/index.html
T
2026-10-29 15:08:25 -04:00

208 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>
<a class="quiet-link" href="#services">Browse community services</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="section" id="services" aria-labelledby="services-title">
<div class="section-heading">
<p class="eyebrow">One account, a community of services</p>
<h2 id="services-title">Find your place on eom.dev</h2>
<p>A free account includes forums, chat, Git hosting and hosted games. Gold (Level 3) and above add Mastodon and PeerTube account access. Public posts and videos can still be browsed without a paid membership.</p>
</div>
<div class="project-grid">
<article class="project-card">
<p class="card-kicker">Free · Level 0 and above</p>
<h3>Discourse · Forums</h3>
<p>Ask questions, share projects and join longer conversations. Bronze and above also get exclusive member content.</p>
<a class="text-link" href="https://discourse.eom.dev/">Visit Discourse <span aria-hidden="true">→</span></a>
</article>
<article class="project-card">
<p class="card-kicker">Free · Level 0 and above</p>
<h3>Matrix · Chat</h3>
<p>Keep in touch in community rooms through Element. Bronze and above also get exclusive member content.</p>
<a class="text-link" href="https://element.eom.dev/">Open Matrix chat <span aria-hidden="true">→</span></a>
</article>
<article class="project-card">
<p class="card-kicker">Free · Level 0 and above</p>
<h3>Gitea · Git hosting</h3>
<p>Host code, collaborate on repositories and explore the projects behind the lab.</p>
<a class="text-link" href="https://gitea.eom.dev/">Explore Gitea <span aria-hidden="true">→</span></a>
</article>
<article class="project-card">
<p class="card-kicker">Free · Level 0 and above</p>
<h3>Hosted games</h3>
<p>Join community games, including Luanti, and try The Button. No paid membership is needed; exclusive higher-tier servers are not currently offered.</p>
<div class="project-links"><a class="text-link" href="https://discourse.eom.dev/c/gaming/23">Find a game</a><a class="text-link" href="https://button.eom.dev/">Play The Button</a></div>
</article>
<article class="project-card">
<p class="card-kicker">Gold · Levels 3–5</p>
<h3>Mastodon · Social networking</h3>
<p>Participate with an eom.dev Mastodon account and connect with the wider fediverse.</p>
<a class="text-link" href="https://mastodon.eom.dev/">Visit Mastodon <span aria-hidden="true">→</span></a>
</article>
<article class="project-card">
<p class="card-kicker">Gold · Levels 3–5</p>
<h3>PeerTube · Video sharing</h3>
<p>Use an eom.dev PeerTube account to take part in the video community. Public recordings remain available to watch.</p>
<a class="text-link" href="https://peertube.eom.dev/">Visit PeerTube <span aria-hidden="true">→</span></a>
</article>
<article class="project-card">
<p class="card-kicker">Included with your free account</p>
<h3>Dex · Shared sign-in</h3>
<p>Use the same eom.dev identity across compatible services. Dex handles sign-in; start from the service you want to use.</p>
<a class="text-link" href="/members/register/">Create your account <span aria-hidden="true">→</span></a>
</article>
<article class="project-card">
<p class="card-kicker">Public live channel</p>
<h3>Owncast · Live streams</h3>
<p>Watch live performances, experiments and work in progress when the channel is on air.</p>
<a class="text-link" href="https://owncast.eom.dev/">Watch Owncast <span aria-hidden="true">→</span></a>
</article>
</div>
<p><a class="text-link" href="/members/">Compare membership benefits and included services <span aria-hidden="true">→</span></a></p>
</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="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>