⠀⠀⠀⠀⠀⠀ 🟥🟩🟥 ⠀⠀⠀⠀⠀⠀◦୦◦◯◦୦◦⠀       ⠀◦୦◦◯◦୦◦⠀⠀⠀⠀⠀⠀ 🟥🟩🟥 ⠀⠀⠀⠀⠀⠀

OOOO · updated 3 hours 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("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.marginBottom = "1px";
inner.style.border = "1px solid transparent";
inner.style.margin = "1px";

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

fetch(url, { method: "HEAD" })
.then(response => {
const code = response.status;

if (code >= 100 && code < 200) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(30deg)";
else if (code >= 200 && code < 300) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(0deg)";
else if (code >= 300 && code < 400) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(-90deg)";
else if (code >= 400 && code < 500) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(-180deg)";
else if (code >= 500) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(-150deg)";

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

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

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

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

});
</SCRIPT>




<SCRIPT>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("A[HREF]").forEach(function (link) {

link.style.border = "1PX DOTTED TRANSPARENT";
link.style.borderImage = "URL(HTTP://[Log in to view URL]" +
"&up_color=%2300F47CFF" +
"&down_color=%23FF0B83FF" +
"&up_message=%E2%A0%80" +
"&down_message=%E2%A0%80" +
"&url=" + encodeURIComponent(link.getAttribute("HREF")) +
") 1";
});
});
</SCRIPT>




<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.marginBottom = "1px";
inner.style.border = "1px solid transparent";
inner.style.margin = "1px";

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

fetch(url, { method: "HEAD" })
.then(response => {
const code = response.status;

if (code >= 100 && code < 200) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(30deg)";
else if (code >= 200 && code < 300) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(0deg)";
else if (code >= 300 && code < 400) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(-90deg)";
else if (code >= 400 && code < 500) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(-180deg)";
else if (code >= 500) inner.style.border = "1px solid #00F47CFF", inner.style.filter = "hue-rotate(-150deg)";

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

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

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

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

});
</SCRIPT>
Output 
(Run the program to view its output)

Comments

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