Remove blurred overlay completely — hide main-content when not logged in

This commit is contained in:
Kato
2026-09-05 21:09:49 +00:00
parent 03cd0b024d
commit 0ab6d2579d
3 changed files with 1 additions and 34 deletions
-23
View File
@@ -813,7 +813,6 @@ body[data-lang="en"] .hide-de { display: none !important; }
max-width: 1200px;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
transition: box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
}
.section:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
@@ -1581,28 +1580,6 @@ TELEGRAM BANNER
.calendar-event-headline a:hover { text-decoration: underline; }
.calendar-event-time { color: #65676b; white-space: nowrap; }
/* ========================================
SECTION LOCKED OVERLAY — blurred preview for non-logged-in users
======================================== */
.section-locked {
position: absolute;
inset: 0;
z-index: 10;
border-radius: 12px;
overflow: hidden;
display: block;
}
.locked-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(16px);
-webkit-filter: blur(16px);
transform: scale(1.1);
}
/* ========================================
FOOTER
======================================== */
-6
View File
@@ -357,9 +357,6 @@
<!-- Members Section -->
<section class="section section-alt fade-in-section" id="members">
<div class="section-locked" id="members-locked">
<img class="locked-bg" src="/spacer.png" alt="" aria-hidden="true">
</div>
<div class="container">
<h2 class="section-title">
<span class="hide-de">Mitglieder</span>
@@ -380,9 +377,6 @@
<!-- Wiki Section -->
<section class="section fade-in-section" id="wiki">
<div class="section-locked" id="wiki-locked">
<img class="locked-bg" src="/spacer.png" alt="" aria-hidden="true">
</div>
<div class="container">
<h2 class="section-title">
<span class="hide-de">Wiki</span>
+1 -5
View File
@@ -351,8 +351,6 @@ function checkSession() {
document.getElementById('telegram-banner').style.display = 'none';
document.getElementById('main-content').style.display = 'block';
document.getElementById('newsletter-section').style.display = 'block';
// Remove locked overlays
document.querySelectorAll('.section-locked').forEach(el => el.style.display = 'none');
loadUsers();
loadWiki();
loadDates();
@@ -362,10 +360,8 @@ function checkSession() {
document.getElementById('logout-btn').style.display = 'none';
document.getElementById('profile-btn').style.display = 'none';
document.getElementById('telegram-banner').style.display = 'block';
document.getElementById('main-content').style.display = 'block';
document.getElementById('main-content').style.display = 'none';
document.getElementById('newsletter-section').style.display = 'none';
// Show locked overlays
document.querySelectorAll('.section-locked').forEach(el => el.style.display = '');
}
}