<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="icon" type="image/x-icon" href="@/static/favicon.ico">
    <link rel="stylesheet" href="@/static/page.css" type="text/css">
  </head>
  <body>
    <nav>
      <a href="@/">Home</a>
      &middot;
      <span class="dropdown">
	<a href="#">Lessons</a>
	<span class="dropdown-content">
          <a href="@/01_intro/">Introduction</a>
	</span>
      </span>
      &middot;
      <span class="dropdown">
        <a href="#">Extras</a>
        <span class="dropdown-content">
	  <a href="@/license/">License</a>
	  <a href="@/conduct/">Code of Conduct</a>
	  <a href="@/contrib/">Contributing</a>
	  <a href="@/bibliography/">Bibliography</a>
	  <a href="@/glossary/">Glossary</a>
        </span>
      </span>
    </nav>
    <main>
{{content}}
    </main>
    <footer>
      <a href="@/">McCole Template</a>
      copyright &copy; 2025
      <a href="@/01_intro/#acknowledgments">the authors</a>
    </footer>
  </body>
</html>
