
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Noodle Extensions | Documentation</title>

  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <meta type="description"
        content="A Beat Saber mod that allows mappers to create bold experiences, and allows players to play them."/>

  <meta property="og:type" content="website">
  <meta property="og:title" content="Noodle Extensions">
  <meta property="og:url" content="https://noodleextensions.com">
  <meta property="og:image" content="https://raw.githubusercontent.com/cal117/NE-Website/master/assets/cover.png">
  <meta property="og:image:width" content="1280"/>
  <meta property="og:image:height" content="720"/>
  <meta content="summary_large_image" name="twitter:card">
  <meta content="Noodle Extensions" name="twitter:title">
  <meta content="A Beat Saber mod that allows mappers to create bold experiences, and allows players to play them." name="twitter:description">
  <meta content="https://raw.githubusercontent.com/cal117/NE-Website/master/assets/cover.png" name="twitter:image">
  <meta property="og:description" content="A Beat Saber mod that allows mappers to create bold experiences, and allows players to play them. ">

  <link rel="stylesheet" href="/css/bulma.min.css"/>
  <link rel="stylesheet" href="/css/custom.css"/>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
  <script src="https://unpkg.com/showdown/dist/showdown.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://unpkg.com/bulma-prefers-dark" />
  <script src="/js/core.js"></script>
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="/">
      <img class="dark-image" src="/assets/dark-logo.png" height="125" alt="logo">
      <img class="light-image" src="/assets/light-logo.png" height="125" alt="logo">
    </a>

    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start">
      <a class="navbar-item" href="https://noodleextensions.com/">
        Home
      </a>

      <a class="navbar-item" href="/">
        Documentation
      </a>

      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          More
        </a>

        <div class="navbar-dropdown">
          <a class="navbar-item" href="https://github.com/StackDoubleFlow/NoodleExtensions">
            Quest GitHub
          </a>
          <a class="navbar-item" href="https://github.com/Aeroluna/Heck/">
            PC GitHub
          </a>
          <hr class="navbar-divider">
          <a class="navbar-item" href="https://noodleextensions.com/report-issue">
            Report an issue
          </a>
        </div>
      </div>
    </div>

    <div class="navbar-end">
      <div class="navbar-item">
        <div class="buttons">
          <a class="button is-dark" href="https://noodleextensions.com/#download">
            <strong>Download</strong>
          </a>
          <a class="button is-primary" href="https://discord.gg/FqchatST5F" style="background-color: #5865F2 !important;">
            <strong>Discord</strong>
          </a>
        </div>
      </div>
    </div>
  </div>
</nav>

<hr>

<div class="columns">
  <div class="sidebar column is-one-quarter">
    <!-- Sidebar -->
    <aside class="menu p-2">
      <p class="menu-label">
        Noodle Extensions Documentation
      </p>
      <ul class="menu-list">
        <li><a href="/">Information</a></li>
      </ul>
      <%
        function handleElement(element, level) {
          if(level === 0) {
            %>
            <p class="menu-label">
                    <%= element.title %>
            </p>
            <ul class="menu-list">
            <%
          } else {
            %>
              <li>
                <ul><p class="menu-label"><%= element.title %></p></ul>

              <%
          }

          if(Array.isArray(element["children"])) {
            element["children"].forEach(child => {%>
              <ul><a href="<%= child.link %>"><%= child.title %></a></ul>
            <%});%>
              </li><%
          } else {
            Object.entries(element.children).forEach(elm => handleElement(elm[1], level+1))
              %>
            </ul>
      <%
          }
        }
        Object.entries(site.sidebar).forEach(elm => {
          handleElement(elm[1], 0)
        });
       %>
<!--      <ul class="menu-list">-->
<!--        <li><a>Dashboard</a></li>-->
<!--        <li><a>Customers</a></li>-->
<!--      </ul>-->
<!--      <p class="menu-label">-->
<!--        Administration-->
<!--      </p>-->
<!--      <ul class="menu-list">-->
<!--        <li><a>Team Settings</a></li>-->
<!--        <li>-->
<!--          <a class="is-active">Manage Your Team</a>-->
<!--          <ul>-->
<!--            <li><a>Members</a></li>-->
<!--            <li><a>Plugins</a></li>-->
<!--            <li><a>Add a member</a></li>-->
<!--          </ul>-->
<!--        </li>-->
<!--        <li><a>Invitations</a></li>-->
<!--        <li><a>Cloud Storage Environment Settings</a></li>-->
<!--        <li><a>Authentication</a></li>-->
<!--      </ul>-->
<!--      <p class="menu-label">-->
<!--        Transactions-->
<!--      </p>-->
<!--      <ul class="menu-list">-->
<!--        <li><a>Payments</a></li>-->
<!--        <li><a>Transfers</a></li>-->
<!--        <li><a>Balance</a></li>-->
<!--      </ul>-->
    </aside>
  </div>
  <div class="column">
    <div>
      <div class="content">
        <%- body %>
      </div>
    </div>
  </div>
</div>



</body>
</html>
