Reworked to use Pure.css and Catppuccin

This commit is contained in:
2026-04-09 14:21:01 -04:00
parent 09487d9a1f
commit 0fbcb20a48
22 changed files with 922 additions and 2519 deletions

122
htdocs/landing-page.html Normal file
View File

@@ -0,0 +1,122 @@
<!doctype html>
<html lang="en">
<!--#include virtual="/common/header.html" -->
<body>
<title>eom.dev - Home</title>
<!--#include virtual="/common/topnav.html" -->
<div class="splash-container">
<div class="splash">
<h1 class="splash-head">Eric O'Neill Meehan</h1>
<p class="splash-subhead">
Welcome to Eric's homepage.
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center">Links</h2>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
<i class="fa fa-rocket"></i>
<a href="https://gitea.eom.dev/">Repositories</a>
</h3>
<p>
Open-source engineering projects hosted on <a href="https://gitea.eom.dev/explore/">Gitea</a>.
</p>
</div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
<i class="fa fa-film"></i>
<a href="https://owncast.eom.dev/">Live Streams</a>
</h3>
<p>
Broadcasting engineering, music, travel, and games on <a href="https://owncast.eom.dev">Owncast</a> and <a href="https://youtube.com/c/EricOMeehan">YouTube</a>.
</p>
</div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
<i class="fa fa-mobile"></i>
<a href="mailto:eric@eom.dev">Contact</a>
</h3>
<p>
Get in touch by joining the <a href="https://mailman.eom.dev/">mailing list</a>, visiting the <a href="https://discourse.eom.dev">forum</a>, or through <a href="https://matrix.to/#general:eom.dev">Matrix</a>.
</p>
</div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
<i class="fa fa-check-square-o"></i>
<a href="https://minio.eom.dev/public">Media</a>
</h3>
<p>
Explore the archive of videos, music, and more from eom.dev.
</p>
</div>
</div>
</div>
<div class="ribbon l-box-lrg pure-g">
<div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
<img width="300" alt="File Icons" class="pure-img-responsive" src="/static/profile_2026.jpg">
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
<h2 class="content-head content-head-ribbon">About</h2>
<p>
Eric Meehan is a 31-year-old software engineer and musician living in Raleigh, North Carolina.
This website is the homepage for Eric's private computer network, eom.dev. Eric uses this network
to self-host and self-publish his engineering and artistic projects. This content is often documenting
further developments of the network itself, and is usually delivered in an educational tone. There is not
a set schedule for projects, events, or live streams, and Eric tends to pick up many projects. The best
way to stay up-to-date is to join the <a href="https://mailman.eom.dev/">mailing list</a>, and the best
way to reach Eric directly is by <a href="mailto:eric@eom.dev">email</a>.
</p>
<a href="/eric@eom.dev.pub">Eric's GPG Key</a>
</div>
</div>
<div class="content">
<h2 class="content-head is-center">Donate</h2>
<center>
<p>
Make a donation to support Eric's online services, engineering projects, and educational content.
</p>
</center>
<div class="pure-g">
<div class="l-box-lrg pure-u-1 pure-u-md-1-2">
<h4>USD</h4>
<p>
Donate USD through Stripe.
</p>
<script async
src="https://js.stripe.com/v3/buy-button.js">
</script>
<stripe-buy-button
buy-button-id="buy_btn_1T2GbAC5KPXqTvVLpcz9TMQU"
publishable-key="pk_live_51RXqTsC5KPXqTvVLWl5bzCxoaZivWceeLGMNURUmxzQMwaM5pUUl4VabywrjCQvgKopGFvUBqPLxRMF3eALsiDst00tR59vRhN"
>
</stripe-buy-button>
</div>
<div class="l-box-lrg pure-u-1 pure-u-md-1-2">
<h4>XMR</h4>
<p>Monero donations can be sent to </p>
<code style="word-wrap: break-word">48mFvxYDSCzMy5a3Zaj7ewApbX4GwXVXX9T1JC8mqBC19s9UcrNq8eaKkQ6GKdhHGQGmhdpvMd3mcbjf4eQbP8Yv7KdAREw</code>
<h5>P2Pool</h5>
<p>
Contribute compute power to the eom.dev mining pool with <a href="https://xmrig.com/">XMRig</a>.
Update the <i>user</i> field in the <a href="/xmrig.json">~/.xmrig.json</a> configuration below to your wallet address.
You may use the Monero donation address above if you would like to donate your payouts to eom.dev.
</div>
</div>
</div>
<!--#include virtual="/common/footer.html" -->
</div>
</body>
</html>