Reworked to use Pure.css and Catppuccin
This commit is contained in:
122
htdocs/landing-page.html
Normal file
122
htdocs/landing-page.html
Normal 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>
|
||||
Reference in New Issue
Block a user