Hide admin panel from navigation and protect admin page

Remove HALLINTA link from nav, add subtle footer gear icon link.
Hide admin UI content until successful login (display:none by default).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-08 14:53:09 +02:00
parent 734b67cbc7
commit 2feb581830
2 changed files with 5 additions and 1 deletions

View File

@@ -235,6 +235,7 @@
</div> </div>
</div> </div>
<div id="adminContent" style="display:none">
<header class="admin-header"> <header class="admin-header">
<div class="logo"> <div class="logo">
<span class="logo-icon">🍳</span> <span class="logo-icon">🍳</span>
@@ -409,6 +410,7 @@
</div> </div>
</main> </main>
</div><!-- /adminContent -->
<div class="toast" id="toast"></div> <div class="toast" id="toast"></div>
@@ -479,6 +481,7 @@
const data = await apiPost('admin_login', { password: pw }); const data = await apiPost('admin_login', { password: pw });
if (data.ok) { if (data.ok) {
document.getElementById('loginOverlay').style.display = 'none'; document.getElementById('loginOverlay').style.display = 'none';
document.getElementById('adminContent').style.display = '';
await loadAdminData(); await loadAdminData();
} else { } else {
err.textContent = data.error || 'Kirjautuminen epäonnistui.'; err.textContent = data.error || 'Kirjautuminen epäonnistui.';
@@ -947,6 +950,7 @@
const data = await apiGet('admin_check'); const data = await apiGet('admin_check');
if (data.loggedIn) { if (data.loggedIn) {
document.getElementById('loginOverlay').style.display = 'none'; document.getElementById('loginOverlay').style.display = 'none';
document.getElementById('adminContent').style.display = '';
await loadAdminData(); await loadAdminData();
} else { } else {
document.getElementById('adminPwInput').focus(); document.getElementById('adminPwInput').focus();

View File

@@ -22,7 +22,6 @@
<a href="#posts" data-i18n="nav_posts"></a> <a href="#posts" data-i18n="nav_posts"></a>
<a href="#about" data-i18n="nav_about"></a> <a href="#about" data-i18n="nav_about"></a>
<a href="#contact" data-i18n="nav_contact"></a> <a href="#contact" data-i18n="nav_contact"></a>
<a href="admin.html" data-i18n="nav_admin"></a>
</nav> </nav>
</div> </div>
</header> </header>
@@ -76,6 +75,7 @@
<!-- FOOTER --> <!-- FOOTER -->
<footer> <footer>
<p>🍳 tykkää.fi &mdash; <span data-i18n="footer"></span> &copy; 2026</p> <p>🍳 tykkää.fi &mdash; <span data-i18n="footer"></span> &copy; 2026</p>
<a href="admin.html" style="color:#c4b09a;font-size:0.7rem;text-decoration:none;opacity:0.4"></a>
</footer> </footer>
<!-- POST MODAL --> <!-- POST MODAL -->