Hope Peak Network Directory

HOW TO JOIN & WIDGET CONFIG

Want to display the directory button on your site?

Copy the clean HTML widget code below.
Paste it onto your website.
Email satori@satoriori.com with your site URL so I can add you to the directory list!

HOPE PEAK NETWORK
            <
            
            >
          
RANDOM

COPY THIS CODE TO YOUR SITES:

<!-- HOPE PEAK NETWORK DIRECTORY WIDGET -->
<div style="display: flex; flex-direction: column; align-items: center; gap: 8px; background: #e0e0e0; border: 3px solid #000; box-shadow: 3px 3px 0px #000; padding: 10px 15px; width: fit-content; margin: 15px auto; font-family: 'Press Start 2P', monospace;">
  <span style="font-size: 10px; color: #000; text-align: center; text-shadow: 1px 1px 0px #fff;">HOPE PEAK NETWORK</span>
  <div style="display: flex; align-items: center; justify-content: center; gap: 15px;">
    <a href="https://alteregoweb.neocities.org/?action=previous" style="display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; background: linear-gradient(180deg, #ffffff 50%, #000000 50%); border: 2px solid #000; color: #d91414; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0 #fff;" title="Previous Site"><</a>
    <a href="https://alteregoweb.neocities.org/" target="_blank" title="Hope Peak Network Hub">
      <img src="https://alteregoweb.neocities.org/images/Monoring.gif" alt="Hope Peak Network" style="display: block; width: 88px; height: 31px; image-rendering: pixelated; border: 2px solid #000;">
    </a>
    <a href="https://alteregoweb.neocities.org/?action=next" style="display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; background: linear-gradient(180deg, #ffffff 50%, #000000 50%); border: 2px solid #000; color: #d91414; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0 #fff;" title="Next Site">></a>
  </div>
  <a href="https://alteregoweb.neocities.org/?action=random" style="font-size: 8px; color: #000; text-decoration: none; border: 1px solid #000; padding: 2px 4px; margin-top: 2px; background: #fff;" title="Random Site">RANDOM</a>
</div>