ignitetnt/index.html

IGNITE OS — Advanced proxy-enabled gaming platform with comprehensive filter bypass system

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#100a09" />
    <meta name="description" content="Find your next obsession in the Ignite OS arcade." />
    <title>Ignite OS | Arcade</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=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./config/main.css?v=2" />
    <script src="./config/main.js" type="module"></script>
  </head>
  <body class="arcade-home">
    <div class="fire-particles" aria-hidden="true">
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
      <div class="fire-particle"></div>
    </div>
    <div class="ambient ambient-top" aria-hidden="true"></div>
    <div class="ambient ambient-bottom" aria-hidden="true"></div>

    <header class="topbar">
      <a class="brand" href="./" aria-label="Ignite OS home">
        <svg class="brand-mark" viewBox="0 0 32 40" aria-hidden="true">
          <path d="M19.1 1.5c1 7.5-5 9.1-3.3 15.2 1-2 2.5-3.3 4.3-4.2 5.2 4.1 8.2 8.5 8.2 13.4C28.3 33.1 22.9 39 15.9 39S3.5 33.8 3.5 26.2c0-5.2 3-10 8-14.7-.3 5.5 1 7.6 2.8 8.5C12.7 10.3 20.3 9.2 19.1 1.5Z" />
        </svg>
        <span class="brand-name">IGNITE <strong>OS</strong></span>
      </a>
      <div class="topbar-meta">THE ARCADE <span>/</span> PRESS PLAY</div>
      <div class="online-status"><span class="status-light"></span> ARCADE ONLINE</div>
    </header>

    <main class="page-shell">
      <section class="hero" aria-labelledby="title">
        <div class="hero-copy">
          <p class="eyebrow"><span class="eyebrow-line"></span> YOUR NEXT GAME STARTS HERE</p>
          <h1 id="title">IGNITE OS</h1>
          <p id="subtitle" class="hero-subtitle">FIND YOUR NEXT OBSESSION.</p>
          <div class="hero-footnote">
            <span><strong id="gameCount">—</strong> GAMES READY TO PLAY</span>
            <span class="footnote-divider" aria-hidden="true"></span>
            <span>NO DOWNLOADS. JUST PRESS PLAY.</span>
          </div>
        </div>
        <div class="hero-mark" aria-hidden="true">
          <span class="hero-mark-ring"></span>
          <svg class="hero-flame" viewBox="0 0 120 150">
            <path class="flame-outer" d="M70 4c4 26-18 36-10 57 4-8 10-13 17-17 20 16 32 33 32 52 0 28-21 49-49 49S10 125 10 96c0-20 12-39 31-57-1 21 4 30 11 33C45 40 74 35 70 4Z" />
            <path class="flame-inner" d="M68 77c1 12-9 17-5 28 2-4 5-7 9-9 10 8 16 17 16 27 0 14-11 24-25 24S38 137 38 123c0-10 6-20 16-29 0 11 2 15 6 17-4-17 10-20 8-34Z" />
          </svg>
          <span class="hero-mark-caption">LET IT PLAY</span>
        </div>
      </section>

      <section class="library" aria-labelledby="library-title">
        <div class="library-heading">
          <div>
            <p class="section-kicker">THE VAULT</p>
            <h2 id="library-title">THE GAME LIBRARY<span>.</span></h2>
          </div>
          <div class="library-tools">
            <span id="resultsLabel" class="results-label">PICK YOUR NEXT GAME</span>
            <label class="search-box">
              <svg viewBox="0 0 24 24" aria-hidden="true">
                <circle cx="10.8" cy="10.8" r="6.3"></circle>
                <path d="m15.4 15.4 4.2 4.2"></path>
              </svg>
              <input
                type="search"
                id="searchInput"
                placeholder="Search the arcade..."
                aria-label="Search games"
                autocomplete="off"
              />
            </label>
          </div>
        </div>
        <div id="gamesContainer" class="game-grid" aria-live="polite"></div>
      </section>
    </main>

    <footer class="site-footer">
      <span>FUELED BY CURIOSITY. BUILT TO PLAY.</span>
      <span class="footer-credit"><span>a site by</span> <a class="link" href="https://dsc.gg/parcoil">parcoil network</a></span>
    </footer>
  </body>
</html>