​   🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪   ◦୦◦◯◦୦◦⠀       ⠀◦୦◦◯◦୦◦   🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪   ​

OOOO · updated 27 minutes ago
<CENTER><A TARGET="_BLANK" STYLE="TEXT-DECORATION:NONE" HREF="HTTP://[Log in to view URL]"
onmouseover="
if(this._active)return;
this._active=true;

const anchor=this;
const wrapped=[];

function processLink(link){
if(!link||link.dataset.processed)return;
if(!link.href||!link.href.startsWith('http'))return;

link.dataset.processed='1';

const outer=document.createElement('span');
const inner=document.createElement('span');

outer.style.display='inline-block';
inner.style.display='inline-block';

outer.style.border='1px solid transparent';
outer.style.padding='0';
outer.style.margin='-3px';
outer.style.borderRadius='1em';

inner.style.border='1px solid transparent';
inner.style.padding='0';
inner.style.margin='1px';
inner.style.borderRadius='1em';

if(!link.parentNode)return;

link.parentNode.insertBefore(outer,link);
outer.appendChild(inner);
inner.appendChild(link);

wrapped.push({link,outer,inner});

fetch(link.href,{method:'HEAD'})
.then(r=>{
const code=r.status;

inner.style.border='1px solid #00F47CFF';
inner.style.filter='hue-rotate('+(-(code-200)*0.6)+'deg)';

link.title=(
O=>[...O].slice(1).reverse().join('')+O
)(
[...code+''].map(O=>'᮰·꞉⋮⁘⸭⠿፨❋𐧾'[O]).join('')
);

})
.catch(()=>{
inner.style.border='1px solid #CECECEFF';
link.title='◌';
});

const shieldURL=
'https://[Log in to view URL]'+
'&up_color=%2300F47CFF'+
'&down_color=%23FF0B83FF'+
'&up_message=%E2%A0%80'+
'&down_message=%E2%A0%80'+
'&url='+encodeURIComponent(link.href);

outer.style.borderImage='url('+shieldURL+') 1';
}

document.querySelectorAll('a[href]').forEach(processLink);

const observer=new MutationObserver(m=>{
m.forEach(x=>{
x.addedNodes.forEach(n=>{
if(n.nodeType!==1)return;
if(n.tagName==='A')processLink(n);
n.querySelectorAll&&n.querySelectorAll('a[href]').forEach(processLink);
});
});
});

observer.observe(document.documentElement,{childList:true,subtree:true});

anchor._observer=observer;
anchor._wrapped=wrapped;
"

onmouseout="
if(!this._active)return;
this._active=false;

(this._observer||{disconnect:()=>{}}).disconnect();

(this._wrapped||[]).forEach(o=>{
if(o.outer.parentNode){
o.outer.parentNode.insertBefore(o.link,o.outer);
o.outer.remove();
}
o.link.dataset.processed='';
});

this._wrapped=[];
"
>◦୦◦◯◦୦◦⠀       ⠀◦୦◦◯◦୦◦</A></CENTER>




<CENTER><A TARGET=_BLANK STYLE=TEXT-DECORATION:NONE HREF="HTTP://[Log in to view URL]"
onmouseover="
if(this.dataset.x)return;
this.dataset.x=1;

(function(){

function processLink(link){

if(!link||link.dataset.processed)return;
if(!link.href||!link.href.startsWith('http'))return;

link.dataset.processed='1';

const outer=document.createElement('span');
const inner=document.createElement('span');

outer.style.display='inline-block';
inner.style.display='inline-block';

outer.style.border='1px solid transparent';
outer.style.padding='0';
outer.style.margin='-3';
outer.style.borderRadius='1em';

inner.style.border='1px solid transparent';
inner.style.padding='0';
inner.style.margin='1';
inner.style.borderRadius='1em';

if(!link.parentNode)return;

link.parentNode.insertBefore(outer,link);
outer.appendChild(inner);
inner.appendChild(link);

fetch(link.href,{method:'HEAD'})
.then(r=>{
const code=r.status;

inner.style.border='1px solid #00F47CFF';
inner.style.filter='hue-rotate('+(-(code-200)*0.6)+'deg)';

link.title=(
O=>[...O].slice(1).reverse().join('')+O
)(
[...code+'']
.map(O=>'᮰·꞉⋮⁘⸭⠿፨❋𐧾'[O])
.join('')
);
})
.catch(()=>{
inner.style.border='1px solid #CECECEFF';
link.title='◌';
});

const shieldURL=
'https://[Log in to view URL]'+
'&up_color=%2300F47CFF'+
'&down_color=%23FF0B83FF'+
'&up_message=%E2%A0%80'+
'&down_message=%E2%A0%80'+
'&url='+encodeURIComponent(link.href);

outer.style.borderImage='url('+shieldURL+') 1';
}

document.querySelectorAll('a[href]').forEach(processLink);

new MutationObserver(m=>{
m.forEach(x=>{
x.addedNodes.forEach(n=>{
if(n.nodeType!==1)return;
if(n.tagName==='A')processLink(n);
n.querySelectorAll&&n.querySelectorAll('a[href]').forEach(processLink);
});
});
}).observe(document.documentElement,{childList:true,subtree:true});

})();
"
>◦୦◦◯◦୦◦⠀       ⠀◦୦◦◯◦୦◦</A></CENTER>



<SCRIPT>
document.addEventListener("DOMContentLoaded", function () {

document.querySelectorAll("a[href]").forEach(link => {

if (link.parentElement.classList.contains("outer-wrap")) return;
const url = link.href;
if (!url.startsWith("http") && !url.startsWith("https")) return;

const outer = document.createElement("span");
const inner = document.createElement("span");
outer.style.display = "inline-block";
inner.style.display = "inline-block";
outer.style.border = "1px solid transparent";
outer.style.padding = "1px";
outer.style.margin = "1px";
outer.style.borderRadius = "1EM";
inner.style.border = "1px solid transparent";
inner.style.padding = "1px";
inner.style.margin = "1px";
inner.style.borderRadius = "1EM";
Output 
(Run the program to view its output)

Comments

Please sign up or log in to contribute to the discussion.