<!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" />
  </head>
  <body>
    <header>
      <div class="header-content">
        <div class="project-name"><a href="index.html">freeTTRPG</a></div>
        <button class="burger-menu" onclick="toggleMenu()">☰</button>
        <ul class="menu">
          <li><a href="#section1">open a git console</a></li>
          <li><a href="#section2">Go to our codeberg website</a></li>
          <li><a href="#section3">git clone</a></li>
          <li><a href="#section4">read through our license</a></li>
        </ul>
      </div>
    </header>

    <article>
      <section id="section1">
        <h1>open a git console</h1>
        <p class="code-box">$ git init</p>
        <p>Initialize an empty Git repository in the current directory.</p>
      </section>

      <section id="section2">
        <h1>Go to our codeberg website</h1>
        <a href="https://codeberg.org/Patrick_Pluto/FreeTTRPG.git">
          <button type="button">Our source code</button>
        </a>
        <p class="code-box">
          $ git clone https://codeberg.org/Patrick_Pluto/FreeTTRPG.git
        </p>
        <p>
          Clone the FreeTTRPG repository from Codeberg to your local machine.
        </p>
      </section>

      <section id="section3">
        <h1>git clone</h1>
        <p class="code-box">
          $ git clone https://codeberg.org/Patrick_Pluto/FreeTTRPG.git
        </p>
        <p>
          Clone the FreeTTRPG repository from Codeberg to your local machine.
        </p>
      </section>

      <section id="section4">
        <h1>move into the repository</h1>
        <p class="code-box">$ cd FreeTTRPG</p>
        <p>Display the contents of the license file (`LICENSE`).</p>
      </section>

      <section id="section5">
        <h1>read through our license</h1>
        <p class="code-box">$ cat LICENSE</p>
        <p>Move the bash console into the newly created repository</p>
      </section>
    </article>

    <script>
      function toggleMenu() {
        const menu = document.querySelector(".menu");
        menu.classList.toggle("active");
      }
    </script>
  </body>
</html>