Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move locked CTA section to bottom of page (before footer), hidden on login

Browse Source
This commit is contained in:
Kato
2026-09-06 14:51:13 +00:00
parent 1aea56927d
commit 52eb0fc277
2 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+2 -2
View File
@@ -895,14 +895,14 @@ body[data-lang="en"] .hide-de { display: none !important; }
line-height: 1.4;
}
/* Locked image nach Unsere Themen — nur sichtbar wenn nicht eingeloggt */
/* Locked image — nur sichtbar wenn nicht eingeloggt */
.about-locked-wrap {
position: relative;
display: block;
width: 100%;
max-width: 800px;
height: auto;
margin: 32px auto 0;
margin: 32px auto;
border-radius: 16px;
overflow: hidden;
}
index.html
+17 -15
View File
@@ -349,21 +349,6 @@
</p>
</div>
</div>
<div class="about-locked-wrap">
<img class="about-locked-img" src="/spacer.png" alt="" aria-hidden="true">
<div class="about-locked-blur"></div>
<div class="about-locked-overlay">
<div class="about-locked-text">
<span class="hide-de">Tritt unserer Telegram-Gruppe bei<br>und erhalte Zugang zu allen Inhalten.</span>
<span class="hide-en">Join our Telegram group<br>and get access to all content.</span>
</div>
<a href="https://t.me/paraguaysrcllc_bot?start=send_a_login_link" target="_blank" rel="noopener" class="btn btn-primary about-locked-btn">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.94 8.13l-1.97 9.27c-.15.67-.54.83-1.09.52l-3.02-2.22-1.46 1.4c-.16.16-.3.3-.61.3l.22-3.06 5.55-5.02c.24-.22-.05-.34-.38-.13L8.69 14.7l-2.95-.92c-.64-.2-.66-.64.14-.95l11.15-4.3c.52-.19.97.13.81.9z"/></svg>
<span class="hide-de">Jetzt Telegram beitreten</span>
<span class="hide-en">Join Telegram now</span>
</a>
</div>
</div>
</div>
</section>
@@ -481,6 +466,23 @@
</main>
<!-- Locked CTA (only shown when not logged in) -->
<div class="about-locked-wrap">
<img class="about-locked-img" src="/spacer.png" alt="" aria-hidden="true">
<div class="about-locked-blur"></div>
<div class="about-locked-overlay">
<div class="about-locked-text">
<span class="hide-de">Tritt unserer Telegram-Gruppe bei<br>und erhalte Zugang zu allen Inhalten.</span>
<span class="hide-en">Join our Telegram group<br>and get access to all content.</span>
</div>
<a href="https://t.me/paraguaysrcllc_bot?start=send_a_login_link" target="_blank" rel="noopener" class="btn btn-primary about-locked-btn">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.94 8.13l-1.97 9.27c-.15.67-.54.83-1.09.52l-3.02-2.22-1.46 1.4c-.16.16-.3.3-.61.3l.22-3.06 5.55-5.02c.24-.22-.05-.34-.38-.13L8.69 14.7l-2.95-.92c-.64-.2-.66-.64.14-.95l11.15-4.3c.52-.19.97.13.81.9z"/></svg>
<span class="hide-de">Jetzt Telegram beitreten</span>
<span class="hide-en">Join Telegram now</span>
</a>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">