wip makefile

frontend/templates/panel/header/index.html

@@ -0,0 +1,3 @@
+<header>
+  <. include!("./sidebar/index.html"); .>
+</header>

frontend/templates/panel/header/sidebar/index.html

@@ -0,0 +1,88 @@
+<nav class="secondary-menu">
+  <ul>
+    <li class="secondary-menu__heading">
+      <img class="secondary-menu__logo" src="./icon-trans.png" alt="Logo" />
+      <div class="secondary-menu__brand-name">
+        mCaptcha
+      </div>
+    </li>
+
+    <!--
+          <li class="secondary-menu__section-partition"></li>
+          -->
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img class="secondary-menu__icon" src="./svg/home.svg" alt="" />
+        <div class="secondary-menu__item-name">
+          Overview
+        </div>
+      </a>
+    </li>
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img class="secondary-menu__icon" src="./svg/key.svg" alt="" />
+        <div class="secondary-menu__item-name">
+          Site Keys
+        </div>
+      </a>
+    </li>
+    <!--
+          <li class="main-menu__item--spacer"></li>
+          -->
+
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img class="secondary-menu__icon" src="./svg/settings.svg" alt="" />
+        <div class="secondary-menu__item-name">
+          Settings
+        </div>
+      </a>
+    </li>
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img class="secondary-menu__icon" src="./svg/credit-card.svg" alt="" />
+        <div class="secondary-menu__item-name">
+          Billing
+        </div>
+      </a>
+    </li>
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img class="secondary-menu__icon" src="./svg/help-circle.svg" alt="" />
+        <div class="secondary-menu__item-name">
+          Help
+        </div>
+      </a>
+    </li>
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img
+          class="secondary-menu__icon"
+          src="./svg/message-square.svg"
+          alt=""
+        />
+
+        <div class="secondary-menu__item-name">
+          Support
+        </div>
+      </a>
+    </li>
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img class="secondary-menu__icon" src="./svg/file-text.svg" alt="" />
+        <div class="secondary-menu__item-name">
+          API Docs
+        </div>
+      </a>
+    </li>
+    <li class="secondary-menu__item">
+      <a class="secondary-menu__item-link" href="">
+        <img class="secondary-menu__icon" src="./svg/github.svg" alt="" />
+        <div class="secondary-menu__item-name">
+          Source Code
+        </div>
+      </a>
+    </li>
+  </ul>
+</nav>
+<!-- Nav/Side/Secondary bar -->