Update html/account-me.ejs

This commit is contained in:
ashley 2025-10-18 22:39:29 +02:00
parent 302fa76fa7
commit 1e8ee4cdb6

View File

@ -38,7 +38,13 @@
100%{background-position:0 50%} 100%{background-position:0 50%}
} }
a{color:inherit;text-decoration:none} a {
color:inherit;
text-decoration:none !important;
}
a:hover, a:focus, a:visited, a:active {
text-decoration:none !important;
}
.layout{ .layout{
display:grid; display:grid;
@ -211,10 +217,10 @@
.privacy-link{ .privacy-link{
font-size:12.5px; font-size:12.5px;
color:var(--accent); color:var(--accent);
text-decoration:none; text-decoration:none !important;
transition:opacity .2s ease; transition:opacity .2s ease;
} }
.privacy-link:hover{opacity:0.7} .privacy-link:hover{opacity:0.7;text-decoration:none !important;}
main{ main{
position:relative; position:relative;
@ -380,12 +386,6 @@
</div> </div>
<script type="text/javascript" id="poke-subs" data-name="My Poke Subscriptions JS"> <script type="text/javascript" id="poke-subs" data-name="My Poke Subscriptions JS">
/*
@licstart
Copyright (C) 2024 Poke Project
GPLv3-or-later notice below
@licend
*/
document.addEventListener("DOMContentLoaded",()=>{ document.addEventListener("DOMContentLoaded",()=>{
const channels=[...document.querySelectorAll(".channel")]; const channels=[...document.querySelectorAll(".channel")];
const search=document.getElementById("search"); const search=document.getElementById("search");
@ -393,35 +393,14 @@ document.addEventListener("DOMContentLoaded",()=>{
const sortAZ=document.getElementById("sortAZ"); const sortAZ=document.getElementById("sortAZ");
const sortZA=document.getElementById("sortZA"); const sortZA=document.getElementById("sortZA");
const list=document.getElementById("channelList"); const list=document.getElementById("channelList");
const viewer=document.getElementById("viewer");
const title=document.getElementById("channelTitle");
// disable direct link loading when JS active // make channel links go directly (not iframe)
document.querySelectorAll(".channel-name-link").forEach(link=>{ document.querySelectorAll(".channel-name-link").forEach(link=>{
link.addEventListener("click",e=>{ link.addEventListener("click",e=>{
e.preventDefault(); // no preventDefault — allow normal navigation
const parent=link.closest(".channel");
const id=parent.dataset.id;
const name=parent.querySelector(".channel-name").textContent;
channels.forEach(c=>c.classList.remove("active"));
parent.classList.add("active");
renderIframe(id,name);
}); });
}); });
function renderIframe(id,name){
viewer.innerHTML=`
<div class="close-view" title="close">✖</div>
<iframe sandbox="allow-scripts allow-same-origin allow-popups" src="/channel?id=${encodeURIComponent(id)}&embedchannelsubsfeed=true" loading="lazy" allowfullscreen></iframe>`;
title.textContent=name;
const closeBtn=viewer.querySelector(".close-view");
closeBtn.addEventListener("click",()=>{
viewer.innerHTML='<div class="placeholder">select a channel on the left to view it</div>';
channels.forEach(c=>c.classList.remove("active"));
title.textContent="nothing selected yet";
});
}
// search + sorting // search + sorting
function filter(){ function filter(){
const term=search.value.toLowerCase(); const term=search.value.toLowerCase();
@ -452,4 +431,4 @@ document.addEventListener("DOMContentLoaded",()=>{
}); });
</script> </script>
</body> </body>
</html> </html>