admin/revfulop-calendar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated login page

Browse Source
This commit is contained in:
authentik Default Admin
2026-02-07 10:39:28 +01:00
parent 89cabeed60
commit 6475ab0e6e
3 changed files with 33 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/hero.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 MiB

public/index.html
+31 -5
View File
@@ -146,9 +146,28 @@
/* Login */ /* Login */
.login-overlay { .login-overlay {
position: fixed; inset: 0; background: #F5F0EB; position: fixed; inset: 0; background: #F5F0EB;
display: flex; align-items: center; justify-content: center; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 100;
overflow-y: auto; padding: 20px 16px;
} }
.login-box { text-align: center; width: 280px; } .login-hero {
width: 100%; max-width: 420px; margin-bottom: 24px; text-align: center;
}
.login-hero img {
width: 100%; max-width: 380px; border-radius: 14px;
box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}
.login-tagline {
font-family: 'Playfair Display', serif;
font-size: calc(var(--title-size) * 0.7);
font-weight: 600; color: #3A332D;
line-height: 1.35; margin: 20px 0 6px;
font-style: italic;
}
.login-tagline-sub {
font-size: var(--font-size); color: #8B7E74;
line-height: 1.5; margin-bottom: 4px;
}
.login-box { text-align: center; width: 300px; }
.login-box input, .login-box select { .login-box input, .login-box select {
padding: 10px 16px; border-radius: 8px; border: 1px solid #E8E0D8; padding: 10px 16px; border-radius: 8px; border: 1px solid #E8E0D8;
font-size: var(--button-size); font-family: 'DM Sans', sans-serif; width: 100%; font-size: var(--button-size); font-family: 'DM Sans', sans-serif; width: 100%;
@@ -173,10 +192,13 @@
<body> <body>
<div id="login-screen" class="login-overlay" style="display:none;"> <div id="login-screen" class="login-overlay" style="display:none;">
<div class="login-hero">
<img src="/hero.png" alt="Révfülöp, Balaton">
<div class="login-tagline">Ahol a család találkozik,<br>ahol a nyár kezdődik.</div>
<div class="login-tagline-sub">A révfülöpi nyaraló foglalási naptára</div>
</div>
<div class="login-box"> <div class="login-box">
<div class="header-sub site-subtitle">Révfülöp · Balaton</div> <div class="header-line" style="margin:0 auto 16px;"></div>
<h1 class="site-title" style="font-family:'Playfair Display',serif;font-size:var(--title-size);font-weight:700;color:#3A332D;margin:4px 0 8px;">Nyaraló Naptár</h1>
<div class="header-line" style="margin:0 auto 12px;"></div>
<div style="font-size:calc(var(--font-size) - 1px);color:#8B7E74;margin-bottom:4px;">Ki vagy?</div> <div style="font-size:calc(var(--font-size) - 1px);color:#8B7E74;margin-bottom:4px;">Ki vagy?</div>
<div class="login-members" id="login-members"></div> <div class="login-members" id="login-members"></div>
<input type="password" id="login-password" placeholder="Jelszó" onkeydown="if(event.key==='Enter')doLogin()"> <input type="password" id="login-password" placeholder="Jelszó" onkeydown="if(event.key==='Enter')doLogin()">
@@ -290,6 +312,10 @@ async function loadConfig() {
// Update site name/subtitle if customized // Update site name/subtitle if customized
document.querySelectorAll('.site-title').forEach(el => el.textContent = config.siteName); document.querySelectorAll('.site-title').forEach(el => el.textContent = config.siteName);
document.querySelectorAll('.site-subtitle').forEach(el => el.textContent = config.siteSubtitle); document.querySelectorAll('.site-subtitle').forEach(el => el.textContent = config.siteSubtitle);
const taglineEl = document.querySelector('.login-tagline');
if (taglineEl && config.loginTagline) taglineEl.innerHTML = config.loginTagline;
const loginSubEl = document.querySelector('.login-tagline-sub');
if (loginSubEl && config.loginSubtitle) loginSubEl.textContent = config.loginSubtitle;
} catch (e) { } catch (e) {
console.log('Using default UI config'); console.log('Using default UI config');
} }
server.js
+2
View File
@@ -19,6 +19,8 @@ const UI_CONFIG = {
buttonSize: process.env.UI_BUTTON_SIZE || '14', // button/input font size in px buttonSize: process.env.UI_BUTTON_SIZE || '14', // button/input font size in px
siteName: process.env.UI_SITE_NAME || 'Nyaraló Naptár', siteName: process.env.UI_SITE_NAME || 'Nyaraló Naptár',
siteSubtitle: process.env.UI_SITE_SUBTITLE || 'Révfülöp · Balaton', siteSubtitle: process.env.UI_SITE_SUBTITLE || 'Révfülöp · Balaton',
loginTagline: process.env.UI_LOGIN_TAGLINE || 'Ahol a család találkozik,<br>ahol a nyár kezdődik.',
loginSubtitle: process.env.UI_LOGIN_SUBTITLE || 'A révfülöpi nyaraló foglalási naptára',
}; };
// Family members config (can be overridable via FAMILY_MEMBERS env var as JSON) // Family members config (can be overridable via FAMILY_MEMBERS env var as JSON)