zoeissleeping/passport
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

V0.3.3: Even more optimization
Some checks failed
Build and Push Docker Image to GHCR / build-and-push (push) Failing after 25m29s
Details

Browse Source 
In this realease, I have further optimized Passport. The css that
Passport now uses is entirely handrolled and build via postcss (sadly).
Several bugs have also been fixed in this release, as well as a few
performance improvements relating to the admin UI.
This commit is contained in:
Zoe
2025-10-04 22:02:15 -05:00
parent f6ffc90ec2
commit 68284bc963
28 changed files with 1771 additions and 642 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/templates/views/admin/login.hbs
View File

@@ -1,20 +1,31 @@
<main class="flex justify-center items-center h-screen relative bg-base">
<div class="flex bg-surface rounded-xl overflow-hidden">
<img src="/assets/leaves.webp" class="h-96 w-64 object-cover" />
<div class="flex flex-col p-4 text-center">
<h2 class="text-2xl">
<!DOCTYPE html>
<html lang="en">
<head>
<title>Passport</title>
<link rel="favicon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preload" as="font" type="font/woff2" crossorigin="anonymous"
href="/assets/fonts/InstrumentSans-VariableFont_wdth,wght.woff2" />
{{{embedFile "assets/styles/login.css"}}}
</head>
<body>
<main class="login-container">
<img src="/assets/leaves.webp" />
<div>
<h2>
Login
</h2>
<form action="/admin/login" method="post" class="flex flex-col gap-y-3 my-2">
<form action="/admin/login" method="post" class="login-form">
<input type="text" name="username" placeholder="Username" />
<input type="password" name="password" placeholder="Password" />
<button class="px-4 py-2 rounded-md w-full bg-accent text-white border-0" type="submit">Login</button>
</form>
<span id="message"></span>
</div>
</div>
</main>
</main>
</body>
<script>
let message = document.getElementById("message");
let form = document.querySelector("form");
@@ -42,4 +53,7 @@
message.innerText = (await res.json()).message;
});
</script>
</script>
{{{devContent}}}
</html>