index.html

<!doctype html>
<html lang="en">

<head>
  <title>TuffClient</title>
  <meta charset="utf-8" />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
  <link type="text/css" rel="stylesheet" href="files.css?v=2" />
</head>

<body>
  <div class="container">
    <header class="header">
      <h1 class="logo">Tuff Untested</h1>
      <nav class="nav">
        <button class="nav-btn active" data-section="latest">Latest</button>
        <button class="nav-btn" data-section="archive">Archive</button>
        <button class="nav-btn" data-section="support">Support</button>
      </nav>
    </header>

    <main>
      <section id="latest" class="section active">
        <div class="section-header">
          <h2>Latest Build</h2>
          <span class="badge">1.1UT15</span>
        </div>
        
        <div class="card">
          <h3>Play Online</h3>
          <div class="link-group">
            <a href="files/1_1UT15/WASM/" class="btn btn-primary">Play WASM Here</a>
            <a href="files/1_1UT15/JS/" class="btn btn-secondary">Play JS Here</a>
          </div>
        </div>

        <div class="card">
          <h3>Downloads</h3>
          <div class="link-group">
            <a href="files/1_1UT15/WASM/Tuff_Client_Offline_WASM.html" download class="btn btn-primary">Download WASM Offline</a>
            <a href="files/1_1UT15/JS/Tuff_Client_JS.html" download class="btn btn-secondary">Download JS Offline</a>
            <a href="files/1_1UT15/WASM/WASM.zip" download class="btn btn-secondary">Download WASM Web</a>
            <a href="files/1_1UT15/JS/JS.zip" download class="btn btn-secondary">Download JS Web</a>
          </div>
        </div>

        <div class="card">
          <h3>Other TuffClient Info</h3>
          <div class="link-group">
            <a href="https://tuffclient.com" class="btn btn-secondary">TuffClient Website</a>
            <a href="https://github.com/TuffNetwork/Tuff-Client-Builds/releases/tag/1.1UT15" target="_blank" class="btn btn-secondary">GitHub Releases</a>
            <a href="https://github.com/TuffNetwork/tufftest/blob/v2/ModDocs.md" target="_blank" class="btn btn-secondary">Tuff Mod Docs</a>
          </div>
        </div>

        <div class="card">
          <h3>TuffX+</h3>
            <p>TuffX+ (TuffXPlus) is the plugin required to enable modern features such as Below Y0, ViaBlocks, and more on the latest TuffClient 1.1UT builds.</p>
            <a href="https://modrinth.com/plugin/tuffxplus" target="_blank" class="btn btn-primary">Get TuffX+ Plugin</a>
            <a href="https://github.com/TuffNetwork/TuffXPlus/releases" target="_blank" class="btn btn-secondary">TuffX+ GitHub Releases</a>
        </div>

        <div class="card notes">
          <h3>Release Notes</h3>
          <p class="version-info">Version 1.1UT15 - April 30, 2026</p>
          <ul>
            <li>Fixed "Invalid Payload Capacity" error on some servers</li>
            <li>Fixed loading screen error on JS Web Runtime</li>
            <li>Made rendering optimizations</li>
            <li>Implemented ViaBlocks chunk processing queue and integrated with y0 queue</li>
            <li>Organized and optimized ViaBlocks predictor a bit</li>
            <li>Fixed most ViaBlocks collisions</li>
            <li>Fixed some ViaBlocks rendering and selection boxes</li>
            <li>Fixed version number with "Minecraft Style GUI" enabled</li>
            <li>Fixed build issues</li>
            <li>Disabled TabComplete by default until stable</li>
            <li>Fixed some completion issues with TabComplete</li>
            <li>Cleaned up Minimap and module code</li>
            <li>Fixed Tall Seagrass and Lapis Ore with WAILA</li>
          </ul>
        </div>

      </section>

      <section id="archive" class="section">
        <div class="section-header">
          <h2>Archived Builds</h2>
        </div>
        
        <div class="card">
          <div class="archive-list">
            <a href="files/1_1UT14/WASM/" class="archive-item">
              <span class="version">1.1UT14</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT13/WASM/" class="archive-item">
              <span class="version">1.1UT13</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT12/WASM/" class="archive-item">
              <span class="version">1.1UT12</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT11/WASM/" class="archive-item">
              <span class="version">1.1UT11</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UD10/WASM/" class="archive-item">
              <span class="version">1.1UD10</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT9/WASM/" class="archive-item">
              <span class="version">1.1UT9</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT8/WASM/" class="archive-item">
              <span class="version">1.1UT8</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT7/WASM/" class="archive-item">
              <span class="version">1.1UT7</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT6/WASM/" class="archive-item">
              <span class="version">1.1UT6</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT6/JS/" class="archive-item">
              <span class="version">1.1UT6</span>
              <span class="type">JS</span>
            </a>
            <a href="files/1_1UT5/WASM/" class="archive-item">
              <span class="version">1.1UT5</span>
              <span class="type">WASM</span>
            </a>
            <a href="files/1_1UT5/JS/" class="archive-item">
              <span class="version">1.1UT5</span>
              <span class="type">JS</span>
            </a>
          </div>
        </div>
      </section>

      <section id="support" class="section">
        <div class="section-header">
          <h2>Support</h2>
        </div>
        
        <div class="card">
          <h3>Having Issues?</h3>
          <p>If you're experiencing lag, try adjusting your graphics settings and lowering your render distance.</p>
          <p>If you're experiencing crashes, first try closing extra tabs. If crashes continue, try clearing your browser cookies and lowering your render distance.</p>
          <p>If you continue to  have issues, ask in our Discord.</p>
          <a href="https://support.google.com/accounts/answer/32050?hl=en&co=GENIE.Platform%3DDesktop" target="_blank" class="btn btn-secondary">Clear Cookies Guide</a>
          <a href="https://discord.gg/dGSkF3wvqX" target="_blank" class="btn btn-secondary">Join Discord</a>
        </div>

        <div class="card">
          <h3>Report Bugs</h3>
          <p>Found a bug? Create an issue on GitHub.</p>
          <a href="https://github.com/TuffNetwork/Tuff-Client-Builds/issues/new?template=bug.yml" target="_blank" class="btn btn-secondary">Create Issue</a>
        </div>

        <div class="card">
          <h3>Self-Hosting</h3>
          <p>Want to host your own instance?</p>
          <a href="https://github.com/TuffNetwork/tufftest" target="_blank" class="btn btn-secondary">View on GitHub</a>
        </div>
      </section>
    </main>
  </div>

  <script>
    document.querySelectorAll('.nav-btn').forEach(function (btn) {
      btn.addEventListener('click', function () {
        document.querySelectorAll('.nav-btn').forEach(function (b) { b.classList.remove('active'); });
        document.querySelectorAll('.section').forEach(function (s) { s.classList.remove('active'); });
        btn.classList.add('active');
        document.getElementById(btn.dataset.section).classList.add('active');
      });
    });

    if ('serviceWorker' in navigator) {
      var swReady = navigator.serviceWorker.register('/sw.js').then(function () {
        if (navigator.serviceWorker.controller) return;
        return new Promise(function (r) {
          navigator.serviceWorker.addEventListener('controllerchange', r, { once: true });
        });
      });

      document.addEventListener('click', function (e) {
        var link = e.target.closest('a[href*="/files/"]');
        if (!link) return;
        e.preventDefault();
        swReady.then(function () { location.href = link.href; });
      });
    }
  </script>
</body>

</html>