Add a live P2Pool mining section to the homepage

A new #mining section invites visitors to mine on p2pool.eom.dev and shows
live node/sidechain/network hashrate, connected miners and shares from the
same-origin /p2pool/stats.json summary published by ansible-role-monero.
The stats load progressively: static placeholders and join instructions
remain when the endpoint is unavailable (including in the local preview
and on the onion mirror).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018STDcc5BaYxPMNA9S8Wycs

htdocs/index.html

@@ -201,6 +201,50 @@
         </div>
     </section>
 
+    <section class="section featured-section mining-section" id="mining" aria-labelledby="mining-title">
+        <div class="section-heading section-heading-row">
+            <div>
+                <p class="eyebrow">Monero · Decentralized mining with P2Pool</p>
+                <h2 id="mining-title">Mine Monero with us.</h2>
+                <p>I run a Monero node and a P2Pool node on the same servers as this site. Point XMRig at <code>p2pool.eom.dev:3333</code> (TLS) with your own wallet address. There is no pool fee and no account, and payouts go straight from Monero's block reward to your wallet.</p>
+            </div>
+            <a class="text-link" href="https://discourse.eom.dev/t/cryptocurrency/686">Follow the project updates <span aria-hidden="true">→</span></a>
+        </div>
+        <div id="p2pool-stats">
+            <dl class="mining-stats" data-p2pool-stats>
+                <div><dt>Hashrate on this node</dt><dd data-stat="node-hashrate">—</dd></div>
+                <div><dt>Connected miners</dt><dd data-stat="node-miners">—</dd></div>
+                <div><dt>Shares found</dt><dd data-stat="node-shares">—</dd></div>
+                <div><dt>Sidechain hashrate</dt><dd data-stat="pool-hashrate">—</dd></div>
+                <div><dt>Monero network</dt><dd data-stat="network-hashrate">—</dd></div>
+            </dl>
+            <p class="feed-status" data-p2pool-status role="status" aria-live="polite">Live pool stats load automatically when available.</p>
+            <noscript><p>Enable JavaScript to see live hashrate here. The join instructions below work without it.</p></noscript>
+        </div>
+        <div class="project-grid">
+            <article class="project-card">
+                <div class="project-mark mark-green" aria-hidden="true">⛏</div>
+                <p class="card-kicker">Bring your own CPU</p>
+                <h3>Join the pool</h3>
+                <p>Download the example XMRig configuration, replace the wallet with your own primary address (it starts with 4), and start mining. Every share you find on this node also helps keep Monero's hashrate decentralized.</p>
+                <div class="project-links">
+                    <a class="text-link" href="/xmrig.json">Example XMRig configuration <span aria-hidden="true">→</span></a>
+                    <a class="text-link" href="https://discourse.eom.dev/t/monetization/345/2">Setup notes</a>
+                </div>
+            </article>
+            <article class="project-card">
+                <div class="project-mark mark-blue" aria-hidden="true">≈</div>
+                <p class="card-kicker">Before you start</p>
+                <h3>Is it worth it?</h3>
+                <p>At today's prices, most CPUs spend more on electricity than they earn. Mining can make sense with efficient hardware, cheap power, or heat you'd want in winter anyway. I wrote up the numbers, including what it would take to break even.</p>
+                <div class="project-links">
+                    <a class="text-link" href="https://discourse.eom.dev/t/cryptocurrency/686/2">Read the analysis <span aria-hidden="true">→</span></a>
+                    <a class="text-link" href="https://gitea.eom.dev/DevOps/ansible-role-monero">How the node is deployed</a>
+                </div>
+            </article>
+        </div>
+    </section>
+
     <section class="section films-section" id="peertube-library" aria-labelledby="library-title">
         <div class="section-heading">
             <p class="eyebrow">Channels &amp; collections · Always something to explore</p>
@@ -317,12 +361,14 @@
                 <p>Monero contributions can be sent to this public address:</p>
                 <code class="wallet-address">48mFvxYDSCzMy5a3Zaj7ewApbX4GwXVXX9T1JC8mqBC19s9UcrNq8eaKkQ6GKdhHGQGmhdpvMd3mcbjf4eQbP8Yv7KdAREw</code>
                 <p>The <a href="/xmrig.json">XMRig configuration</a> is an example for running your own miner on P2Pool, not a contribution link. Replace the example wallet with your own.</p>
+                <p><a class="text-link" href="#mining">See live pool stats and how to join <span aria-hidden="true">→</span></a></p>
             </details>
         </div>
     </section>
 </main>
 <script type="module" src="/static/peertube-feeds.mjs"></script>
 <script type="module" src="/static/gitea-projects.mjs"></script>
+<script type="module" src="/static/p2pool-stats.mjs"></script>
 <script type="module" src="/static/theme-player.mjs"></script>
 <!--#include virtual="/common/footer.html" -->
 </body>