
<div class="container">
  <div class="image-wrapper">
    <div class="card-front">
      <!-- svelte-ignore a11y-img-redundant-alt -->
      <img src="/icon_800x800_transparent.png" alt="My Picture" class="picture">
    </div>
    <div class="card-back">
      <!-- svelte-ignore a11y-img-redundant-alt -->
      <img src="/root_logo.png" alt="My Picture" class="picture">
    </div>
  </div>
  <div class="alpha-test">
    <h3>Alpha Site</h3>
    <p>Click <a href="https://alpha.jonasjones.dev/">here</a> to get to the alpha website and check out the latest progress towards the upcoming release</p>
  </div>
  <div class="links">
    <a href="https://old.jonasjones.me" class="home-link">Home</a>
    <a href="based/" class="for-the-based-link">For The Based&trade;</a>
    </div>
    <div class="line">
      <hr>
    </div>
    <div class="line-content">
      <p>Idk how this dott got here but im leaving it.</p>
    </div>
    <div class="social-media">
    <div class="row">
        <a href="https://github.com/J-onasJones"><i class="fab fa-github"></i></a>
        <a href="https://www.youtube.com/@JonasJones"><i class="fab fa-youtube"></i></a>
        <a href="https://discord.gg/V2EsuUVmWh"><i class="fab fa-discord"></i></a>
    </div>
    <div class="row">
        <a href="https://www.reddit.com/u/Jonas_Jones_"><i class="fab fa-reddit"></i></a>
        <a href="https://twitter.com/Jonas_Jones_"><i class="fab fa-twitter"></i></a>
        <a href="https://www.instagram.com/_jonas_jones_"><i class="fab fa-instagram"></i></a>
    </div>
  </div>
</div>
<div class="footer">
  <p>Website by Jonas_Jones @ jonasjones.me. 2021 - 2023</p>
</div>
  
  <script>
    // Add script here if needed
  </script>
  
  <style>
    @import '+page.css';
  </style>