Remove blurred overlay completely — hide main-content when not logged in
This commit is contained in:
@@ -813,7 +813,6 @@ body[data-lang="en"] .hide-de { display: none !important; }
|
|||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
|
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);
|
transition: box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
.section:hover {
|
.section:hover {
|
||||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
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-headline a:hover { text-decoration: underline; }
|
||||||
.calendar-event-time { color: #65676b; white-space: nowrap; }
|
.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
|
FOOTER
|
||||||
======================================== */
|
======================================== */
|
||||||
|
|||||||
@@ -357,9 +357,6 @@
|
|||||||
|
|
||||||
<!-- Members Section -->
|
<!-- Members Section -->
|
||||||
<section class="section section-alt fade-in-section" id="members">
|
<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">
|
<div class="container">
|
||||||
<h2 class="section-title">
|
<h2 class="section-title">
|
||||||
<span class="hide-de">Mitglieder</span>
|
<span class="hide-de">Mitglieder</span>
|
||||||
@@ -380,9 +377,6 @@
|
|||||||
|
|
||||||
<!-- Wiki Section -->
|
<!-- Wiki Section -->
|
||||||
<section class="section fade-in-section" id="wiki">
|
<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">
|
<div class="container">
|
||||||
<h2 class="section-title">
|
<h2 class="section-title">
|
||||||
<span class="hide-de">Wiki</span>
|
<span class="hide-de">Wiki</span>
|
||||||
|
|||||||
+1
-5
@@ -351,8 +351,6 @@ function checkSession() {
|
|||||||
document.getElementById('telegram-banner').style.display = 'none';
|
document.getElementById('telegram-banner').style.display = 'none';
|
||||||
document.getElementById('main-content').style.display = 'block';
|
document.getElementById('main-content').style.display = 'block';
|
||||||
document.getElementById('newsletter-section').style.display = 'block';
|
document.getElementById('newsletter-section').style.display = 'block';
|
||||||
// Remove locked overlays
|
|
||||||
document.querySelectorAll('.section-locked').forEach(el => el.style.display = 'none');
|
|
||||||
loadUsers();
|
loadUsers();
|
||||||
loadWiki();
|
loadWiki();
|
||||||
loadDates();
|
loadDates();
|
||||||
@@ -362,10 +360,8 @@ function checkSession() {
|
|||||||
document.getElementById('logout-btn').style.display = 'none';
|
document.getElementById('logout-btn').style.display = 'none';
|
||||||
document.getElementById('profile-btn').style.display = 'none';
|
document.getElementById('profile-btn').style.display = 'none';
|
||||||
document.getElementById('telegram-banner').style.display = 'block';
|
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';
|
document.getElementById('newsletter-section').style.display = 'none';
|
||||||
// Show locked overlays
|
|
||||||
document.querySelectorAll('.section-locked').forEach(el => el.style.display = '');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user