freettrpg/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>FreeTTRPG</title>
    <link rel="stylesheet" href="style.css" />
    <script src="header.js" type="text/javascript" defer></script>
    <script src="java.js" type="text/javascript" defer></script>
  </head>
  <body>
  <header-component></header-component>

    <article>
      <section id="section1">
        <h1>The Game</h1>
        <p>
          Tired of the commercialization of tabletop role-playing games, we
          decided to take matters into our own hands. We're creating an
          open-source, community-driven TTRPG project that puts creativity and
          freedom back in the hands of players.
        </p>
        <img src="assets/game.png" alt="current game version" />
        <p class="no-margin">Current game version</p>
      </section>

      <section id="section2">
        <h1>Our Goal</h1>
        <p>
          Our project offers a game engine with a solid foundation of basic
          content and story packs to get you started. But that's just the
          beginning. We're also providing a powerful content creator tool that
          allows users to craft their own custom content packs. With this tool,
          you'll be able to create your own rules, characters, items, spells,
          attacks, and much more.
        </p>
      </section>

      <section id="section3">
        <h1>Community-Driven Platform</h1>
        <p>
          We're building a platform where users can share their content packs
          with the community. While sharing is encouraged, it's not required.
          You can keep your creations private or share them with the world – the
          choice is yours.
        </p>
      </section>

      <section id="section4">
        <h1>Join Us</h1>
        <p>
          We're excited to share FreeTTRPG with the world and hope you'll join
          us on this journey. Together, let's create a TTRPG ecosystem that's
          open, inclusive, and driven by the passion of its community.
        </p>
      </section>

      <section id="section5">
        <h1>Our Code</h1>
        <p>
          The entire code for FreeTTRPG is publicly saved and available. To download out project please follow the instructions from the download page. 
        </p>
        <a href="download.html" target="_blank">
          <button type="button">Download</button>
        </a>
      </section>
      <section id="section6">
        <h2>
          Copyright Note
        </h2>
        <p>
          The main game must be distributed as stated in the LICENSE file. Any content made for it can however be freely distributed under any license. Once we make the content creator for this game, any content made there will also have no restrictions on the content you make with it.
        </p>
      </section>

      <section id="section7">
        <h1>Our Game Assets</h1>
        <h2>Our charackters</h2>
        <div class="cards">
          <a href="charackters/gigachad.html" class="card">
            <img src="assets/gigachad.png" alt="Gigachad" />
            <h3>Gigachad</h3>
            <p>Our test human paladin on maximum level</p>
          </a>
          <a href="charackters/tharok.html" class="card">
            <img src="assets/tharok.png" alt="Tharok" />
            <h3>Tharok</h3>
            <p>Our test human fighter on starting level</p>
          </a>
          <a href="charackters/bjoern.html" class="card">
            <img src="assets/player.png" alt="Blank Card" />
            <h3>Björn</h3>
            <p>Our test dwarven Mage at starting level</p>
          </a>
          <a href="charackters/elara.html" class="card">
            <img src="assets/player.png" alt="Blank Card" />
            <h3>Elara</h3>
            <p>Our test elf Ranger at starting level</p>
          </a>
          <a href="charackters/lyra.html" class="card">
            <img src="assets/player.png" alt="Blank Card" />
            <h3>Lyra</h3>
            <p>Out test tiefling bard at starting level</p>
          </a>
        </div>
        <h2>Our textures</h2>
        <div class="cards">
          <a href="#section7" class="card">
            <img src="assets/water.png" alt="Water Texture" />
            <h3>Water</h3>
            <p>Our water texture that is incomplete</p>
          </a>
          <a href="#section7" class="card">
            <img src="assets/grass.png" alt="Grass Texture" />
            <h3>Grass</h3>
            <p>Our grass texture that is incomplete</p>
          </a>
          <a href="#section7" class="card">
            <img src="assets/sand.png" alt="Blank Card" />
            <h3>sand</h3>
            <p>Our sand texture that is incomplete</p>
          </a>
          <!-- To create new cards use this template
          <a href="https://www.example5.com" class="card">
            <img src="assets/blank.png" alt="Blank Card" />
            <h3>Blank Card 5</h3>
            <p>Description for Blank Card 5</p>
          </a> -->
        </div>
      </section>
    </article>
    <footer>
      <br />
      <br />
    </footer>
  </body>
</html>