(cache) 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 ◦୦◦◯◦୦◦⠀       ⠀◦୦◦◯◦୦◦ 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 (NodeJS)

<BODY STYLE=BACKGROUND:#F5F5F5;--O:27PX;FONT-SIZE:VAR(--O);LINE-HEIGHT:VAR(--O);MARGIN:0;MARGIN-TOP:VAR(--O);MARGIN-BOTTOM:VAR(--O);TEXT-ALIGN:CENTER;FONT-WEIGHT:BOLD><!--

--!><A HREF="HTTP://[Log in to view URL]">• <IMG SRC=HTTP://[Log in to view URL] STYLE=WIDTH:VAR(--O);HEIGHT:VAR(--O);VERTICAL-ALIGN:MIDDLE> 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 <IMG SRC=HTTP://[Log in to view URL] STYLE=WIDTH:VAR(--O);HEIGHT:VAR(--O);VERTICAL-ALIGN:MIDDLE></A><!--

--!><A HREF="HTTP://[Log in to view URL]">🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪</A> <!--

--!><A HREF="HTTP://[Log in to view URL]">🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪</A> <!--

--!><A HREF="HTTP://[Log in to view URL]">🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪</A>

<A HREF="HTTP0://HTTPBIN.ORG/status/101">• <IMG SRC=HTTP://[Log in to view URL] STYLE=WIDTH:VAR(--O);HEIGHT:VAR(--O);VERTICAL-ALIGN:MIDDLE> 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 <IMG SRC=HTTP://[Log in to view URL] STYLE=WIDTH:VAR(--O);HEIGHT:VAR(--O);VERTICAL-ALIGN:MIDDLE></A> <!--

--!><A HREF="HTTP://[Log in to view URL]">🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪</A> <!--

--!><A HREF="HTTP://[Log in to view URL]">🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪</A> <!--

--!><A HREF="HTTP://[Log in to view URL]">🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪</A>

document.addEventListener("DOMContentLoaded", function () {

function processLink(link) {

if (!link || link.dataset.processed) return;

if (!link.href || !link.href.startsWith("http")) return;

link.dataset.processed = "1";

// Create outer and inner wrappers

const outer = document.createElement("span");

const inner = document.createElement("span");

outer.className = "◻";

inner.className = "◯";

// Outer wrapper keeps link inline and relative

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

outer.style.position = "relative";

outer.style.borderRadius = "1em";

outer.style.boxSizing = "border-box";

// Inner wrapper sits over outer

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

inner.style.position = "relative";

inner.style.margin = "0";

inner.style.top = "0px";

inner.style.boxSizing = "border-box";

// Wrap the link

if (link.parentNode) {

link.parentNode.insertBefore(outer, link);

outer.appendChild(inner);

inner.appendChild(link);

}

// Contain all images inside the link without breaking inline layout

const imgs = link.querySelectorAll("img");

imgs.forEach(img => {

img.style.maxWidth = "100%";

img.style.maxHeight = "100%";

img.style.objectFit = "contain";

img.style.display = "inline-block";

img.style.verticalAlign = "middle";

});

// Create overlay spans for borders

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";

el.style.boxSizing = "border-box";

el.style.display = "block";

});

// Shield image for outer border

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 overlay exactly covers outer span

overlayOuter.style.top = "0px";

overlayOuter.style.left = "1px";

overlayOuter.style.right = "1px";

overlayOuter.style.bottom = "1px";

overlayOuter.style.margin = "0px";

overlayOuter.style.border = "1px solid transparent";

overlayOuter.style.zIndex = "65535";

overlayOuter.style.borderImage = `url(${shieldURL}) 1 round`;

overlayOuter.style.borderImageSlice = "1";

overlayOuter.style.backgroundClip = "padding-box";

overlayOuter.style.opacity = "CALC(44.41111111111/27)";

// Inner overlay sits inside outer to prevent overlap

overlayInner.style.top = "2px";

overlayInner.style.left = "3px";

overlayInner.style.right = "3px";

overlayInner.style.bottom = "3px";

overlayInner.style.border = "1px solid transparent";

overlayInner.style.zIndex = "65536";

overlayInner.style.backgroundClip = "padding-box";

outer.appendChild(overlayOuter);

outer.appendChild(overlayInner);

// Fetch link status for colored inner border & title

fetch(link.href, { method: "HEAD" })

.then(response => {

const code = response.status;

const angle = -(code - 200) * 0.54;

const angleHSL = angle + 150.5;

overlayInner.style.border = "1px solid #00F47CFF";

overlayInner.style.filter = `hue-rotate(${angle}deg)`;

overlayInner.style.opacity = "CALC(44.41111111111/27)";

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

link.style.cssText += `

border-radius:1em;

// filter:drop-shadow(0 0 calc(1em/9/1.375) hsl(${angleHSL},100%,47.9%)) \\ ;

filter:drop-shadow(0 0 calc(2PX) hsl(${angleHSL},100%,47.9%));

`;

link.style.background +=`url(${"HTTP://[Log in to view URL]" + encodeURIComponent(link.href)})`;

})

.catch(() => {

link.style.background +=`LINEAR-GRADIENT(TO TOP,#CECECE13,#CECECE13)`;

overlayInner.style.border = "1px solid #CECECEFF";

overlayInner.style.opacity = "CALC(44.41111111111/27)";

overlayInner.style.filter = "saturate(1)";

overlayOuter.style.filter = "saturate(1)";

link.title = "◌";

link.style.cssText += `

border-radius:1em;

// filter:drop-shadow(0 0 calc(1em/9/1.375) #AAAAAAFF) saturate(1) \\ ;

filter:drop-shadow(0 0 calc(2PX) #AAAAAAFF) saturate(1);

`;

});

}

// Initial run

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

// MutationObserver for dynamically added links

const observer = new MutationObserver(mutations => {

mutations.forEach(mutation => {

mutation.addedNodes.forEach(node => {

if (node.nodeType !== 1) return;

if (node.matches && node.matches("a[href]")) processLink(node);

if (node.querySelectorAll) node.querySelectorAll("a[href]").forEach(processLink);

});

observer.observe(document.body, {

childList: true,

subtree: true

});

</SCRIPT>

<BODY STYLE=--O:27PX;FONT-SIZE:VAR(--O);LINE-HEIGHT:VAR(--O);MARGIN:0;TEXT-ALIGN:CENTER;FONT-WEIGHT:BOLD><!--

--!><A HREF="HTTP0://HTTPBIN.ORG/status/101">• <IMG SRC=HTTP://[Log in to view URL] STYLE=WIDTH:VAR(--O);HEIGHT:VAR(--O);VERTICAL-ALIGN:MIDDLE>🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄<IMG SRC=HTTP://[Log in to view URL] STYLE=WIDTH:VAR(--O);HEIGHT:VAR(--O);VERTICAL-ALIGN:MIDDLE></A> <!--

--!><A HREF="HTTP://[Log in to view URL]">• 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 •</A> <!--

--!><A HREF="HTTP://[Log in to view URL]">• 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 🞄⏺🞄⬤🞄⏺🞄⠀       ⠀🞄⏺🞄⬤🞄⏺🞄 🟪🟥🟧🟨🟩🟦🟩🟨🟧🟥🟪 •</A>

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";

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

Comments

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