index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <title>Building React</title>
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" />
  </head>
  <body>
    <div class="container">
      <h1>Building Act.js</h1>
      <h4>To learn the core ideas of React.js</h4>
      <hr/>
      <h4>Welcome</h4>
      <h5>Let's handcraft our own version of React.js</h5>

      <p>
        This repository tries to give a step-by-step tutorial on how React.js
        works and tries to convey it's core ideas.
      </p>
      <p>
        The repository has a bunch of branches named <code>exericse-XX/topic</code> and <code>solution-XX/topic</code>
        These indicate the different exericse and their solutions.
      </p>
      <p>
        There will be a navigation at the bottom with two buttons to quickly
        switch the branch holding the next exericse or the solution to the
        current exericse. You can either use these buttons or manually switch
        branches to your liking.
      </p>
    </div>

  </body>

  <div id="tutorial-nav" class="container">
    <button id="btn-next" class="button-primary">exercise-00/setup</button>
  </div>
  <script type="module" src="./server/tutorial.js"></script>
</html>