<!--
© Fallow Deer 2026. All rights reserved.

------------@@@@@@@@@@@@@--------------------------------------------------@@@@@@@@@@@@@------------
------------@@@@@@@@@@@@@--------------------------------------------------@@@@@@@@@@@@@------------
------------@@@@@@@@@@@@@--------------------------------------------------@@@@@@@@@@@@@------------
------------@@@@@@@@@@@@@--------------------------------------------------@@@@@@@@@@@@@------------
------------@@@@@@@@@@@@@--------------------------------------------------@@@@@@@@@@@@@------------
------------@@@@@@@@@@@@@--------------------------------------------------@@@@@@@@@@@@@------------
------------@@@@@@@@@@@@@--------------------------------------------------@@@@@@@@@@@@@------------
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
====================================================================================================
====================================================================================================
====================================================================================================
====================================================================================================
====================================================================================================
====================================================================================================
==++++++++++=============++++++++++++++++++++++++++++++++++++++++++++++++++=============++++++++++==
  **********:::::::::::::++++++++++++++++++++++++++++++++++++++++++++++++++:::::::::::::**********  
  **********:::::::::::::++++++++++++++++++++++++++++++++++++++++++++++++++:::::::::::::**********  
  **********:::::::::::::++++++++++++++++++++++++++++++++++++++++++++++++++:::::::::::::**********  
  **********:::::::::::::++++++++++++++++++++++++++++++++++++++++++++++++++:::::::::::::**********  
  **********:::::::::::::++++++++++++++++++++++++++++++++++++++++++++++++++:::::::::::::**********  
  **********:::::::::::::++++++++++++++++++++++++++++++++++++++++++++++++++:::::::::::::**********  
  ##########++===========++++++++++++++++++++++++++++++++++++++++++++++++++===========++##########  
  @@@@@@@@@@@@++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++@@@@@@@@@@@@  
  @@@@@@@@@@@@++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++@@@@@@@@@@@@  
  @@@@@@@@@@@@++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++@@@@@@@@@@@@  
  @@@@@@@@@@@@++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++@@@@@@@@@@@@  
  @@@@@@@@@@@@++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++@@@@@@@@@@@@  
  @@@@@@@@@@@@++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++@@@@@@@@@@@@  
  @@@@@@@@@@@@************............@@@@@@@@@@@@@@@@@@@@@@@@............************@@@@@@@@@@@@  
  @@@@@@@@@@@@************............@@@@@@@@@@@@@@@@@@@@@@@@............************@@@@@@@@@@@@  
  @@@@@@@@@@@@************............@@@@@@@@@@@@@@@@@@@@@@@@............************@@@@@@@@@@@@  
  @@@@@@@@@@@@************............@@@@@@@@@@@@@@@@@@@@@@@@............************@@@@@@@@@@@@  
  @@@@@@@@@@@@************............@@@@@@@@@@@@@@@@@@@@@@@@............************@@@@@@@@@@@@  
  @@@@@@@@@@@@************............@@@@@@@@@@@@@@@@@@@@@@@@............************@@@@@@@@@@@@  
  @@@@@@@@@@@@************............@@@@@@@@@@@@@@@@@@@@@@@@............************@@@@@@@@@@@@  
  ************************............::::::::::::::::::::::::............************************  
  ************************............::::::::::::::::::::::::............************************  
  ************************............::::::::::::::::::::::::............************************  
  ************************............::::::::::::::::::::::::............************************  
  ************************............::::::::::::::::::::::::............************************  
  ************************............::::::::::::::::::::::::............************************  
  ************************************************************************************************  
  ************************************************************************************************  
  ************************************************************************************************  
  ************************************************************************************************  
  ************************************************************************************************  
  ************************************************************************************************  
  ************************************************************************************************
-->

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Fallow Deer</title>
  <meta name="description" content="Fallow Deer makes Minecraft Fabric projects, resource packs, Minecraft tools, and small creative tools.">
  <link rel="icon" href="/assets/images/favicon.png">
  <link rel="stylesheet" href="/assets/css/style.css?v=20260503-cleanjs">

  <style>
    @media (max-width: 720px) {
      .hero-skin {
        display: none !important;
      }

      .hero-content {
        grid-template-columns: 1fr !important;
      }

      .hero-copy {
        max-width: 100%;
      }
    }
  </style>
</head>
<body>
  <div class="site-toast" data-site-toast aria-live="polite">
    <div class="site-toast-inner">
      <div>
        <div class="site-toast-title">The site has changed</div>
        <p>This is the new Fallow Deer site. You can still use the old version at <a class="inline-link" href="https://6cb5fa79.fdlegacy.pages.dev">6cb5fa79.fdlegacy.pages.dev</a>.</p>
      </div>
      <div class="site-toast-actions">
        <a class="pixel-button secondary" href="https://6cb5fa79.fdlegacy.pages.dev">Legacy site</a>
        <button class="pixel-button" type="button" data-toast-close>Close</button>
      </div>
    </div>
  </div>

  <a class="skip-link" href="#content">Skip to content</a>

  <header class="site-header">
    <div class="nav-wrap">
      <a class="brand" href="index.html" aria-label="Fallow Deer home">
        <img class="brand-icon" src="/assets/images/favicon.png" alt="" aria-hidden="true">
        <span class="brand-text">
          <strong>Fallow Deer</strong>
          <small>Minecraft mods & tools</small>
        </span>
      </a>

      <nav class="nav-links" aria-label="Main navigation">
        <a class="nav-link active" href="index.html">Home</a>
        <a class="nav-link" href="minecraft-projects.html">Minecraft Projects</a>
        <a class="nav-link" href="projects.html">Projects</a>
        <a class="nav-link" href="links.html">Links</a>
        <a class="nav-link" href="friends.html">Friends</a>
        <a class="nav-link" href="contact.html">Contact</a>
        <a class="nav-link" href="about.html">About</a>
      </nav>
    </div>
  </header>

  <main id="content">
    <section class="hero-banner" aria-labelledby="hero-title">
      <div class="hero-content">
        <div class="hero-copy">
          <h1 id="hero-title">Fallow Deer</h1>
          <p class="lead">I build Minecraft mods, resource packs, Minecraft tools, and simple web tools.</p>

          <div class="hero-actions">
            <a class="pixel-button primary" href="minecraft-projects.html">Minecraft Projects</a>
            <a class="pixel-button secondary" href="projects.html">Other Projects</a>
            <a class="pixel-button secondary" href="links.html">Links</a>
          </div>
        </div>

        <div class="hero-skin" aria-hidden="true">
          <img src="/assets/images/skin-render.png" alt="">
        </div>
      </div>
    </section>

    <section class="section" aria-labelledby="stats-title">
      <div class="section-head">
        <div>
          <h2 id="stats-title">Stats</h2>
        </div>
      </div>

      <div class="stat-grid">
        <div class="stat-card">
          <span class="stat-number">5</span>
          <span class="stat-label">years playing Minecraft</span>
        </div>

        <div class="stat-card">
          <span class="stat-number">3</span>
          <span class="stat-label">years modding</span>
        </div>

        <div class="stat-card">
          <span class="stat-number" data-stat="youtube-views">Loading</span>
          <span class="stat-label">YouTube views</span>
        </div>

        <div class="stat-card">
          <span class="stat-number" data-stat="modrinth-downloads">Loading</span>
          <span class="stat-label">Modrinth downloads</span>
        </div>
      </div>
    </section>

    <section class="section wide-section selected-projects" aria-labelledby="featured-title">
      <div class="section-head">
        <div>
          <h2 id="featured-title">Selected projects</h2>
        </div>
      </div>

      <div class="project-grid">
        <article class="project-card">
          <div class="project-top">
            <img class="project-icon" src="/assets/images/projects/bananas-and-katanas.gif" alt="Bananas and Katanas icon">
            <div>
              <div class="project-tags">
                <span class="tag green">Mod</span>
                <span class="tag">Fabric</span>
              </div>
              <h3>Bananas and Katanas</h3>
            </div>
          </div>

          <p>Bananas with a unique twist.</p>

          <div class="card-actions">
            <a class="pixel-button" href="https://modrinth.com/mod/bananas-and-katanas" target="_blank" rel="noreferrer">Download</a>
            <a class="pixel-button secondary" href="minecraft-projects.html">View</a>
          </div>
        </article>

        <article class="project-card">
          <div class="project-top">
            <img class="project-icon" src="/assets/images/projects/mc-cape-viewer.png" alt="MC Cape Viewer icon">
            <div>
              <div class="project-tags">
                <span class="tag green">Tool</span>
                <span class="tag">Minecraft</span>
              </div>
              <h3>MC Cape Viewer</h3>
            </div>
          </div>

          <p>Make HD images and previews of Minecraft capes.</p>

          <div class="card-actions">
            <a class="pixel-button" href="https://projects.fallowdeer.eu/mc-cape-viewer" target="_blank" rel="noreferrer">Website</a>
          </div>
        </article>

        <article class="project-card">
          <div class="project-top">
            <img class="project-icon" src="/assets/images/projects/bookmarklets.png" alt="Bookmarklets icon">
            <div>
              <div class="project-tags">
                <span class="tag green">Tool</span>
                <span class="tag">Web</span>
              </div>
              <h3>Bookmarklets</h3>
            </div>
          </div>

          <p>A collection of fun bookmarklets.</p>

          <div class="card-actions">
            <a class="pixel-button" href="https://projects.fallowdeer.eu/bookmarklets" target="_blank" rel="noreferrer">Website</a>
            <a class="pixel-button secondary" href="https://github.com/FallowDev/bookmarklets" target="_blank" rel="noreferrer">GitHub</a>
          </div>
        </article>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="footer-wrap">
      <span>© Fallow Deer <span data-year>2026</span></span>
    </div>
  </footer>

  <script src="/assets/js/site.js?v=20260503-cleanjs"></script>
  <script src="/assets/js/stats.js?v=20260503-cf-custom-2"></script>
</body>
</html>