index.html

<!doctype html>
<html lang="en" data-bs-theme="dark">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="DK64 Rekongpiled." />
    <title>DK64 Rekongpiled | Project Home</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Bungee&family=Space+Grotesk:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="icon" type="image/png" href="img/Logo.png" />
    <link href="styles/styles.css" rel="stylesheet" />
    <link href="styles/landing.css" rel="stylesheet" />
  </head>
  <body id="top">
    <nav
      class="navbar navbar-expand-lg fixed-top site-navbar"
      aria-label="Main navigation"
    >
      <div class="container px-4">
        <a class="navbar-brand" href="#top">DK64 Rekongpiled</a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarResponsive"
          aria-controls="navbarResponsive"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ms-auto">
            <li class="nav-item">
              <a class="nav-link" href="#overview">Overview</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#features">Features</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#setup">Setup</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#community">Community</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="mods.html">Mods</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <header class="hero text-white text-center">
      <div class="hero-overlay"></div>
      <div class="container px-4 hero-content">
        <img class="hero-logo" src="img/Logo.png" alt="DK64 Rekongpiled logo" />
        <div class="hero-actions">
          <a class="btn btn-success btn-lg rounded-pill text-dark" href="#setup"
            >Get Started</a
          >
          <a class="btn btn-outline-light btn-lg rounded-pill" href="mods.html"
            >Browse Mods</a
          >
          <a
            class="btn btn-success btn-lg rounded-pill text-dark"
            href="https://discord.gg/yrMw2CfuEZ"
            target="_blank"
            rel="noopener noreferrer"
            >Join our Discord</a
          >
        </div>
      </div>
    </header>

    <main>
      <section id="overview" class="section-block">
        <div class="container px-4">
          <div class="row g-4 align-items-center">
            <div class="col-lg-6">
              <h2>What is DK64 Rekongpiled?</h2>
              <p>
                This is the official website for the DK64 Recomp project, a
                project to be able to take the original Donkey Kong 64 game and
                recompile it to play on modern platforms.
              </p>
            </div>
            <div class="col-lg-6">
              <div class="panel-card">
                <div class="ratio ratio-16x9">
                  <iframe
                    src="https://www.youtube.com/embed/RYIZZZ33vAI"
                    title="Quickstart Guide"
                    allow="
                      accelerometer;
                      autoplay;
                      clipboard-write;
                      encrypted-media;
                      gyroscope;
                      picture-in-picture;
                      web-share;
                    "
                    allowfullscreen
                  ></iframe>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section id="features" class="section-block alt">
        <div class="container px-4">
          <h2 class="text-center">What are the features?</h2>
          <div class="row g-4 mt-1">
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Fully Intact N64 Effects</h3>
                <p>
                  All graphical effects that would not scale beyond a 4:3 aspect
                  ratio are preserved, ensuring visual consistency between the
                  original game and the recomp.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Faithful Audio</h3>
                <p>
                  Music and sounds are perfectly faithful to the original N64
                  version of the game, with all audio processing intact and no
                  popping or stuttering.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Easy-to-Use Menus</h3>
                <p>
                  Ingame menus have been moved to a simple settings page that
                  persists between sessions.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>High Framerate Support</h3>
                <p>
                  Play at any framerate you want thanks to functionality
                  provided by RT64! Game objects and terrain, texture scrolling,
                  screen effects, and all HUD elements are all rendered at high
                  framerates.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Widescreen and Ultrawide Support</h3>
                <p>
                  Any aspect ratio is supported, with all effects modded to work
                  correctly in widescreen.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Mod Support</h3>
                <p>
                  Install community made mods and texture packs! We even provide
                  a mod discovery page ingame to view the mods available today!
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Instant Load Times</h3>
                <p>
                  Transitions are dramatically faster than on original hardware.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Linux and Steam Deck Support</h3>
                <p>
                  A Linux binary as well as a Flatpak is available for playing
                  on most up-to-date distros, including on the Steam Deck.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Increased Draw Distance</h3>
                <p>
                  World detail remains visible from farther away, improving
                  visibility across larger spaces.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Mouse and Gyro Controls</h3>
                <p>
                  You can now play using mouse and gyro controls in contrast to
                  the original style of gameplay.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Re-balanced for Reduced Lag</h3>
                <p>
                  Modern performance changed some timings, so the second Fungi
                  Forest rabbit race and harder Krazy Kong Klamour have been
                  slowed down to stay fair.
                </p>
              </article>
            </div>
            <div class="col-md-6 col-lg-3">
              <article class="feature-card">
                <h3>Hideout Helm Medal Fix</h3>
                <p>
                  The bug that prevented Hideout Helm medals from being
                  collected after leaving without picking them up has been
                  patched.
                </p>
              </article>
            </div>
          </div>
        </div>
      </section>

      <section id="setup" class="section-block">
        <div class="container px-4">
          <h2>Setup Guide</h2>
          <p class="small-note mb-4">
            Head to the
            <a
              href="https://github.com/Rainchus/Donkey-Kong-64-Recompiled/releases"
              target="_blank"
              rel="noopener noreferrer"
              >Releases page</a
            >
            and scroll down to <strong>Assets</strong>. That's just a list of
            downloads, one for each platform. Pick the one that matches your
            computer below.
          </p>
          <p>
            <strong
              >The Recomp only works with a US ROM of Donkey Kong 64. We do
              NOT distribute the ROM itself, you need to legally dump your own
              copy of the ROM before playing the Recomp.</strong
            >
          </p>
          <div class="row g-4 align-items-start">
            <div class="col-lg-4">
              <div class="panel-card">
                <h3>Windows</h3>
                <ol>
                  <li>
                    Download the file with <strong>Windows</strong> in its name.
                  </li>
                  <li>
                    Right-click the downloaded zip and choose "Extract All."
                  </li>
                  <li>Open the extracted folder and run the program inside.</li>
                  <li>When asked, select your Donkey Kong 64 ROM.</li>
                  <li>
                    Once it opens, check the settings menu to set up your
                    controls and screen options.
                  </li>
                </ol>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="panel-card">
                <h3>Linux</h3>
                <ol>
                  <li>
                    There are two Linux downloads available: a
                    <strong>Flatpak</strong> and an <strong>x64 binary</strong>,
                    each in their own zip. Download whichever is relevant to
                    your system. (SteamOS uses Flatpak)
                  </li>
                  <li>Extract the downloaded zip.</li>
                  <li>
                    Open a terminal in that folder, or double-click the program
                    if your file manager allows it.
                  </li>
                  <li>When asked, select your Donkey Kong 64 ROM.</li>
                  <li>
                    Check the settings menu to set up your controls and screen
                    options.
                  </li>
                </ol>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="panel-card">
                <h3>macOS</h3>
                <ol>
                  <li>
                    Download the file with <strong>macOS</strong> in its name.
                  </li>
                  <li>Extract the downloaded file.</li>
                  <li>Open the extracted folder and run the program inside.</li>
                  <li>When asked, select your Donkey Kong 64 ROM.</li>
                  <li>
                    Check the settings menu to set up your controls and screen
                    options.
                  </li>
                </ol>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section id="community" class="section-block alt">
        <div class="container px-4 text-center">
          <h2>Contributing to the recomp!</h2>
          <p>
            While we don't implement many changes directly into the recomp
            itself you can always help make changes there for new integrations
            such as ray tracing!
            <br />
            Outside of that we highly suggest you contribute to our mod registry
            so you can help make your mods more discoverable to the community
            and help others find your work!
          </p>
          <div class="hero-actions center-actions">
            <a
              class="btn btn-success rounded-pill text-dark"
              href="https://github.com/Rainchus/Donkey-Kong-64-Recompiled"
              target="_blank"
              rel="noopener noreferrer"
            >
              Contribute to Recomp
            </a>
            <a
              class="btn btn-success rounded-pill text-dark"
              href="https://github.com/Killklli/DK64RecompWebsite/blob/main/config.json"
              target="_blank"
              rel="noopener noreferrer"
            >
              Contribute to Mod Registry
            </a>
          </div>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <div class="container px-4">
        <p>DK64 Rekongpiled</p>
        <p class="small-note">
          <br />
          Recomp made by Rainchus and Ballaam, with thanks to Wiseguy and
          Dariosamo for the Recompiled Framework.
          <br />
          In-game characters, images and logos copyright © 1999 Nintendo.
          <br />
          dk64recomp.com does not distribute copyrighted material.
          <br />
        </p>
      </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>