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

OOOO · updated 1 hour ago
<SCRIPT>
document.addEventListener("DOMContentLoaded", function () {

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

// Skip if already wrapped
if (link.parentElement.classList.contains("outer-wrap")) return;

const url = link.href;
if (!url.startsWith("http")) return;

// === CREATE WRAPPERS ===
const outer = document.createElement("span");
const inner = document.createElement("span");

outer.className = "outer-wrap";
inner.className = "inner-wrap";

// Layout-safe inline stacking
outer.style.display = "inline-block";
inner.style.display = "inline-block";

// 2nd border (external check)
outer.style.border = "1px SOLID TRANSPARENT";
outer.style.marginBottom = "1px";


// 1st border (local check)
inner.style.border = "1px SOLID TRANSPARENT";
inner.style.margin = "1px";


// Replace link with wrapped version
link.parentNode.insertBefore(outer, link);
outer.appendChild(inner);
inner.appendChild(link);

// === LOCAL HTTP CHECK ===
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 = "Local HTTP: " + code;
})
.catch(() => {
inner.style.border = "1px SOLID #55555555";
link.title = "Local HTTP: fetch failed";
});

// === EXTERNAL SHIELDS BORDER IMAGE ===
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(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 => {

// Skip if already wrapped
if (link.parentElement.classList.contains("outer-wrap")) return;

const url = link.href;
if (!url.startsWith("http")) return;

// === CREATE WRAPPERS ===
const outer = document.createElement("span");
const inner = document.createElement("span");

outer.className = "outer-wrap";
inner.className = "inner-wrap";

// Layout-safe inline stacking
outer.style.display = "inline-block";
inner.style.display = "inline-block";

// 2nd border (external check)
outer.style.border = "1px SOLID TRANSPARENT";
outer.style.marginBottom = "1px";


// 1st border (local check)
inner.style.border = "1px SOLID TRANSPARENT";
inner.style.margin = "1px";


// Replace link with wrapped version
link.parentNode.insertBefore(outer, link);
outer.appendChild(inner);
inner.appendChild(link);

// === LOCAL HTTP CHECK ===
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 = "Local HTTP: " + code;
})
.catch(() => {
inner.style.border = "1px SOLID #55555555";
link.title = "Local HTTP: fetch failed";
});

// === EXTERNAL SHIELDS BORDER IMAGE ===
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(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.