<!DOCTYPE html>
<html>

<meta name="viewport" content="width=device-width, initial-scale=1">

<head>
  <title>About Mangosteen Library</title>
  <link rel="stylesheet" href="/stylesheets/style.css" />
</head>

<header>
  <%- include('../yellowtoolbar.ejs', {pageLocation: 'Configure'}) %>
</header>

<body>
  <div id="wrapper" class="mx-6 my-6">
    <div class="grid  grid-cols-1 lg:grid-cols-4 gap-16">
      <div id="config-menu-bar" class="col-span-1">
        <ul class="menu menu-compact lg:menu-normal bg-accent-content border-primary border w-full p-2 rounded-box">
          <li>
            <a href="/yellow/config/sections/">
              <svg xmlns="http://www.w3.org/2000/svg" class="w-5 aspect-square" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
              </svg>
              Library Buildings & Sections
            </a>
          </li>
          <li>
            <a class="active" href="/yellow/config/about/">
              <svg xmlns="http://www.w3.org/2000/svg" class="w-5 aspect-square" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
              </svg>
              About Software
            </a>
          </li>
        </ul>
      </div>

      <div class="lg:col-span-3">
        <div class="mb-4">
          <div class="uppercase">Configure</div>
          <div class="text-4xl font-semibold">
            About
            <svg class="text-inherit inline h-8 mx-0.5 mb-2" viewBox="0 0 284 284" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M0 49.9851C0 49.9901 0 49.995 0 50V60.6769L72.2513 132.928L62.8508 142.329L0 79.478V205.18L62.8508 142.329L72.2513 151.729L0 223.981V234C0 261.614 22.3858 284 50 284H60.9444L132.733 212.211L142.134 221.612L79.7454 284H204.522L142.134 221.612L151.534 212.211L223.323 284H234C261.614 284 284 261.614 284 234V223.713L212.016 151.729L221.417 142.329L284 204.912V79.7455L221.417 142.329L212.016 132.928L284 60.9444V50C284 22.3858 261.614 0 234 0H223.981L151.534 72.4463L142.134 63.0458L205.18 0H79.088L142.134 63.0458L132.733 72.4463L60.2869 0H50C22.3907 0 0.00806 22.3777 0 49.9851ZM142.134 81.8468L132.733 72.4463L72.2513 132.928L81.6518 142.329L72.2513 151.729L132.733 212.211L142.134 202.811L151.534 212.211L212.016 151.729L202.616 142.329L212.016 132.928L151.534 72.4463L142.134 81.8468ZM142.134 81.8468L202.616 142.329L142.134 202.811L81.6518 142.329L142.134 81.8468Z" fill="currentColor" />
            </svg>
            Library
          </div>
        </div>
        <div>Made by me :)</div>
      </div>
    </div>
  </div>
</body>

</html>