Cyper/TypeScriptTemplate
Template
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Overhauled base template

Browse Source
This commit is contained in:
Cyper committed 2026-04-17 00:18:05 -04:00
1 parent 04b9739853
commit dabfef1458
37 files changed
+2679 -144
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

view/_partials/footer.ejs
+1 -1
View File
@@ -1,5 +1,5 @@
<div>
<span>&copy; <%= (new Date()).getFullYear() %> Cyper</span>
<span>&copy; <%= (new Date()).getFullYear() %> AppName</span>
<span style="color: var(--border)">|</span>
<span>All rights reserved</span>
</div>
view/_partials/header.ejs
+4 -1
View File
@@ -1,4 +1,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="/js/theme.js"></script> <!-- Load before CSS to prevent page flashing -->
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/css/site.css">
<title><%= typeof(title) !== "undefined" ? title + ' - ' : "" %>Template</title>
<title><%= typeof(title) !== "undefined" ? title + ' - ' : "" %>AppName</title>
view/_partials/navbar.ejs
+34 -23
View File
@@ -1,29 +1,40 @@
<nav>
<a href="/" class="nav-brand">Cyper</a>
<a href="/" class="nav-brand">AppName</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-right">
<button class="nav-theme-toggle" id="themeToggle" aria-label="Toggle theme">
<svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path d="M21 12.79A9 9 0 1 1 11.21 3a7 7 0 0 0 9.79 9.79z"/>
</svg>
<svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/>
</svg>
</button>
<div class="nav-dropdown" id="navDropdown" aria-hidden="true">
<div class="nav-dropdown-header">
<span class="nav-dropdown-username"><%= account.username %></span>
<% if (typeof(account) !== "undefined") { %>
<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>
<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>
<% } %>
<% } %>
</div>
</nav>
view/home.ejs
-5
View File
@@ -1,12 +1,7 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%- include('_partials/header', { title: "Home" }); %>
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/css/site.css">
</head>
<body>
<header>
view/login.ejs
+3 -1
View File
@@ -15,7 +15,9 @@
<main class="grid place-items-center px-4">
<div class="card w-full max-w-sm">
<h1 class="text-lg font-semibold tracking-wide mb-6" style="color: var(--khaki)">Sign in</h1>
<% if (error) { %>
<h2 class="mb-6" style="color: var(--mint)"><%= error %></h1>
<% } %>
<form method="post" class="flex flex-col gap-4">
<div class="field">
<label for="username">Username</label>
view/setup/index.ejs
+35
View File
@@ -0,0 +1,35 @@
<!doctype html>
<html>
<head>
<%- include('_partials/header', { title: 'Setup' }); %>
</head>
<body>
<header>
<%- include("_partials/navbar"); %>
</header>
<main class="grid place-items-center px-4">
<div class="card w-full max-w-lg">
<h1 class="text-3xl text-center pb-6">First Time Setup</h1>
<% if (error) { %>
<p class="pb-6 text-center" style="color: var(--mint)"><%= error %></p>
<% } %>
<form method="post" class="form flex flex-col gap-4">
<div class="field">
<label for="username">Username</label>
<input type="text" id="username" name="username" />
</div>
<div class="field">
<label for="password">Password</label>
<input type="password" id="password" name="password" />
</div>
<button class="btn btn-primary" type="submit">Create Admin Account</button>
</form>
</div>
</main>
<footer>
<%- include("_partials/footer"); %>
</footer>
<script src="/js/navbar.js"></script>
</body>
</html>