content/includes/layout.njk

<!DOCTYPE html>
<!-- THIS IS A GENERATED FILE. DO NOT EDIT. -->
<html lang="en">
  <head>
    {% block meta -%}
      <meta charset="utf-8">
      <meta name="generator" content="{{ eleventy.generator }}">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      {% if keywords -%}
        <meta name="keywords" content="{{ keywords }}">
      {%- endif %}
      {% if description -%}
        <meta name="description" content="{{ description }}">
      {%- endif -%}
    {%- endblock -%}

    <title>Use JSDoc{% if title %}: {{ title }}{% endif %}</title>

    {%- block styles -%}
      <link rel="stylesheet" href="/styles/usejsdoc.css">
      <link rel="stylesheet" href="/styles/hljs-tomorrow.css">
      <link rel="stylesheet" href="/styles/css3-github-ribbon.css">
    {%- endblock -%}
  </head>

  <body>
    <header>
      <a href="/">@use JSDoc</a>

      <div class="menu-wrapper">
        <div id="theme-toggle-btn">
          <ion-icon name="sunny" id="theme-icon"></ion-icon>
        </div>
        <ion-icon name="menu-outline" id="burger-menu"></ion-icon>
      </div>
    </header>

    <main class="main-secion">
      <nav class="nav-sidebar">
      <ion-icon name="close-outline" id="closeMenuIcon"></ion-icon>
      {%- for tocSection in toc -%}
        {{ renderSection(tocSection) }}
      {%- endfor -%}
      </nav>

      <article class="article-content">
        {%- block content -%}
          <!-- Generated article content goes here-->
        {%- endblock -%}
      </article>
    </main>

    <footer>
      <a class="license-badge" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" class="license-badge" src="images/cc-by-sa.svg" width="80" height="15" /></a>
      <br>
      Copyright &#169; 2011 the
      <a href="https://github.com/jsdoc/jsdoc.github.io/contributors">contributors</a> to the JSDoc
      documentation.
      <br>
      This website is <a href="https://github.com/jsdoc/jsdoc.github.io">open source</a> and is
      licensed under the
      <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons
      Attribution-ShareAlike 3.0 Unported License</a>.
    </footer>

     {%- block script -%}
      <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
      <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
      <script type="text/javascript" src="/lib/nav-sidebar.js"></script>
    {%- endblock -%}
  </body>
</html>