<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Manual</title>
  <link rel="stylesheet" href="../css/style.css">
  <script src="../js/update.js" defer></script>
  <script src="../js/script.js" defer></script>
</head>
<body>
  <main class="manual-main">
    <div class="logo-container">
      <img src="../img/logo_en.png" alt="Logo" class="logo">
    </div>
    <hr class="hr1">
    <div class="title-container">
      <h1 class="manual-title">LoopTrain ~Having Some Fun with Her and my Hypno-App!~</h1>
      <h1 class="manual-title">[Gameplay Manual]</h1>
      <p class="manual-date">NowLoading...</p>
    </div>
    <hr class="hr1">
    <div class="manual-text">
      <p>Please select the item you want to view from the navigation menu on the left.</p>
      <p>This manual uses HTML+CSS+JS. Please view it in a browser that supports scripts.</p>
    </div>
    <div class="banner-container">
      <div class="banner-item">
        <a href="https://dlaf.jp/maniax/dlaf/=/t/s/link/work/aid/temporary_ad_cien/id/RJ01073609.html" class="banner-link"><img src="../img/bnr_looptrain_dlsite.png" alt="Banner 1" class="banner"></a>
        <p class="banner-description">DLsite Version [LoopTrain ~Having Some Fun with Her and my Hypno-App!~]<br>Store Page</p>
      </div>
      <div class="banner-item">
        <a href="#" class="banner-link"><img src="../img/bnr_looptrain_steam.png" alt="Banner 2" class="banner"></a>
        <p class="banner-description">Steam Version [LoopTrain ~Having Some Fun with Her and my Hypno-App!~]<br>Store Page</p>
      </div>
      <div class="banner-item">
        <a href="https://ci-en.dlsite.com/creator/10885" class="banner-link"><img src="../img/bnr_cien.png" alt="Banner 3" class="banner"></a>
        <p class="banner-description">Developer & Publisher Mistilteinn's Development Blog</p>
      </div>
      <div class="banner-item">
        <a href="https://mistilteinn.jp/girlandchainsaw/index.html" class="banner-link"><img src="../img/bnr_galchain.png" alt="Banner 4" class="banner"></a>
        <p class="banner-description">Previous Work [Girl & Chainsaw]<br>Official Website</p>
      </div>
    </div>
  </main>
</body>
</html>