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

OOOO · updated 14 minutes ago
<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("HTTP") && !url.startsWith("https") && !url.startsWith("HTTPS") ) return;


const outer = document.createElement("span");
const inner = document.createElement("span");
outer.className = "outer-wrap";

outer.style.display = "inline-block";
outer.style.position = "relative";

inner.style.display = "inline-block";
inner.style.position = "relative";

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


const overlayOuter = document.createElement("span");
const overlayInner = document.createElement("span");

[overlayOuter, overlayInner].forEach(el => {
el.style.position = "absolute";
el.style.pointerEvents = "none";
el.style.borderRadius = "1em";
});


overlayOuter.style.width = "CALC(100%/9*3)";
overlayOuter.style.height = "CALC(100%/9*3)";
overlayOuter.style.padding = "0px";
overlayOuter.style.margin = "0px";
overlayOuter.style.top = "50%";
overlayOuter.style.left = "50%";
overlayOuter.style.transform = "translate(-50%, -50%)";
overlayOuter.style.border = "1px solid TRANSPARENT";
overlayOuter.style.borderStyle = "solid";
overlayOuter.style.borderWidth = "1px";
overlayOuter.style.zIndex = "65535";

overlayInner.style.width = "CALC(100%/9*1)";
overlayInner.style.height = "CALC(100%/9*1)";
overlayInner.style.top = "50%";
overlayInner.style.left = "50%";
overlayInner.style.transform = "translate(-50%, -50%)";
overlayInner.style.zIndex = "65536";


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

overlayOuter.style.borderImage = "url(" + shieldURL + ") 1";
overlayOuter.style.mixBlendMode="NORMAL";
overlayOuter.style.opacity="CALC(4.41111111111/27)";


fetch(url, { method: "HEAD" })
.then(response => {
const code = response.status;
const angle = -(code - 200) * 0.6;
overlayInner.style.border = "1px SOLID #00F47CFF";
overlayInner.style.filter = `hue-rotate(${angle}deg)`;
overlayInner.style.mixBlendMode="NORMAL";
overlayInner.style.opacity="CALC(4.41111111111/27)";


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

})
.catch(() => {
overlayInner.style.border = "1px SOLID #CECECEFF";
overlayInner.style.mixBlendMode="NORMAL";
overlayInner.style.opacity="CALC(4.41111111111/27)";
link.title = "◌";
});

outer.appendChild(overlayOuter);
outer.appendChild(overlayInner);

});

});
</SCRIPT>




<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(){
Output 
(Run the program to view its output)

Comments

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