diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-03-22 10:05:16 +0000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-03-22 10:05:16 +0000 |
| commit | 11b905fd437d651b2e39745aa82a5dd36f70331e (patch) | |
| tree | a9019cfa8fc81b274622b5b414fbb8d5f602fa78 /web/templates/login.html | |
| parent | 77f4aa8d1f818169490a35bf2ec3eb43e60166b4 (diff) | |
style: modernize UI with dark glass theme and 40% bg opacity
Diffstat (limited to 'web/templates/login.html')
| -rw-r--r-- | web/templates/login.html | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/web/templates/login.html b/web/templates/login.html index 7d40a6b..19bce00 100644 --- a/web/templates/login.html +++ b/web/templates/login.html @@ -7,13 +7,14 @@ <link rel="icon" type="image/svg+xml" href="/static/favicon.svg"> <link rel="stylesheet" href="/static/css/output.css"> <style> - .text-shadow { text-shadow: 0 0 8px black, 0 0 8px black; } + .text-shadow-sm { text-shadow: 0 1px 2px rgba(0,0,0,0.5); } </style> </head> -<body class="min-h-screen flex items-center justify-center bg-gray-900" style="background-image: url('https://picsum.photos/1920/1080?random=login'); background-size: cover; background-position: center;"> - <div class="w-full max-w-md p-8"> - <div class="bg-black/60 backdrop-blur-sm rounded-xl p-8 text-shadow" style="box-shadow: 0 0 12px black;"> - <h1 class="text-2xl font-light text-white text-center mb-8 tracking-wide">Personal Dashboard</h1> +<body class="min-h-screen flex items-center justify-center bg-slate-950 text-slate-200"> + <div class="bg-overlay" style="background-image: url('https://picsum.photos/1920/1080?random=login');"></div> + <div class="w-full max-w-md p-6 sm:p-8 relative z-10"> + <div class="card shadow-2xl"> + <h1 class="text-3xl font-light text-white text-center mb-10 tracking-tight text-shadow-sm">Personal Dashboard</h1> {{if .Error}} <div class="mb-6 p-4 bg-red-900/50 border border-red-500/30 rounded-lg text-red-300 text-sm"> |