ettore.dreucci/lagomareGates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add gate groups. Graphics adjustments

Browse Source
This commit is contained in:
Ettore
2026-05-07 23:42:27 +02:00
parent d30b320595
commit 893a5e4750
7 changed files with 86 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/static/index.html
View File

@@ -55,7 +55,6 @@
justify-content: space-between;
padding: 1rem 1.25rem;
background: var(--surface);
border-bottom: 1px solid var(--border);
position: sticky;
top: 0;
z-index: 10;
@@ -64,11 +63,24 @@
.app-header .sub { color: var(--text-muted); font-size: .8rem; }
#gates-grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 1.25rem;
flex: 1;
}
.gate-group-title {
font-size: .8rem;
font-weight: 700;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: .6rem;
}
.gate-group-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1rem;
padding: 1.25rem;
flex: 1;
}
/* ── Loading state ───────────────────────────────────────────────────── */
#loading-gates {
@@ -86,8 +98,7 @@
<div id="login-view">
<img src="/static/logo.svg" alt="Lagomare" style="width:72px;height:72px;object-fit:contain;margin-bottom:.5rem" />
<h1>Lagomare Gates</h1>
<p class="subtitle">Enter your keypass to continue</p>
<div class="card">
<div class="card" style="margin-top:2rem">
<form id="login-form">
<div class="field">
<label for="keypass-input">Keypass</label>
@@ -113,12 +124,9 @@
<!-- ── Gates view ──────────────────────────────────────────────────────── -->
<div id="gates-view" class="hidden">
<header class="app-header">
<div style="display:flex;align-items:center;gap:.6rem">
<img src="/static/logo.svg" alt="" style="width:32px;height:32px;object-fit:contain" />
<div>
<div class="app-header h2">Lagomare Gates</div>
<div class="sub">Select a gate to open</div>
</div>
<div style="display:flex;align-items:center;gap:.75rem">
<img src="/static/logo.svg" alt="" style="width:50px;height:50px;object-fit:contain;flex-shrink:0" />
<div class="app-header h2">Lagomare Gates</div>
</div>
<button id="logout-btn" class="btn btn-ghost" style="font-size:.85rem;padding:.5rem 1rem">
Logout