$name
@@ -342,6 +372,20 @@ document.addEventListener('DOMContentLoaded',function(){
const cards=document.querySelectorAll('.site-card');
const search=document.getElementById('searchBox');
const cloud=document.getElementById('tagCloud');
+ const loginBanner=document.getElementById('loginBanner');
+ const protectedCards=document.querySelectorAll('.site-card[data-protected]');
+
+ // Check authentication
+ const isLoggedIn=sessionStorage.getItem('secubox_token')!==null;
+
+ if(isLoggedIn){
+ // Unlock protected cards
+ protectedCards.forEach(c=>c.classList.add('unlocked'));
+ loginBanner.classList.add('hidden');
+ }else if(protectedCards.length===0){
+ // No protected content, hide banner
+ loginBanner.classList.add('hidden');
+ }
document.querySelectorAll('.view-btn[data-view]').forEach(b=>b.onclick=function(){
document.querySelectorAll('.view-btn[data-view]').forEach(x=>x.classList.remove('active'));
@@ -357,6 +401,7 @@ document.addEventListener('DOMContentLoaded',function(){
function filter(cat){
cards.forEach(c=>{
let show = cat==='all' || c.dataset.category===cat || c.dataset.type===cat;
+ if(c.dataset.protected && !isLoggedIn) show=false;
c.style.display = show ? '' : 'none';
});
}
@@ -369,7 +414,11 @@ document.addEventListener('DOMContentLoaded',function(){
search.oninput=function(){
const q=this.value.toLowerCase();
- cards.forEach(c=>c.style.display=c.dataset.search.toLowerCase().includes(q)?'':'none');
+ cards.forEach(c=>{
+ let show=c.dataset.search.toLowerCase().includes(q);
+ if(c.dataset.protected && !isLoggedIn) show=false;
+ c.style.display=show?'':'none';
+ });
};
});