feat: Initial commit

view/_partials/footer.ejs

@@ -0,0 +1,5 @@
+<div>
+  <span>&copy; <%= (new Date()).getFullYear() %> Cyper</span>
+  <span style="color: var(--border)">|</span>
+  <span>All rights reserved</span>
+</div>

view/_partials/header.ejs

@@ -0,0 +1,4 @@
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<title><%= typeof(title) !== "undefined" ? title + ' - ' : "" %>Template</title>

view/_partials/navbar.ejs

@@ -0,0 +1,29 @@
+<nav>
+  <a href="/" class="nav-brand">Cyper</a>
+
+  <% if (typeof(account) !== "undefined" && account.authenticated) { %>
+    <div class="nav-avatar-wrap">
+      <button class="nav-avatar" id="navAvatarBtn" aria-haspopup="true" aria-expanded="false">
+        <% if (account.avatarUrl) { %>
+          <img src="<%= account.avatarUrl %>" alt="<%= account.username %>" />
+        <% } else { %>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+            <path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/>
+          </svg>
+        <% } %>
+      </button>
+
+      <div class="nav-dropdown" id="navDropdown" aria-hidden="true">
+        <div class="nav-dropdown-header">
+          <span class="nav-dropdown-username"><%= account.username %></span>
+        </div>
+        <a href="/profile" class="nav-dropdown-item">Profile</a>
+        <a href="/settings" class="nav-dropdown-item">Settings</a>
+        <div class="nav-dropdown-divider"></div>
+        <form method="post" action="/logout">
+          <button class="nav-dropdown-item nav-dropdown-signout" type="submit">Sign out</button>
+        </form>
+      </div>
+    </div>
+  <% } %>
+</nav>