function load_random_site() {
    const webring_all_url = "https://aidang.cc/webring/all";

    fetch(webring_all_url)
        .then((response) => response.json())
        .then((obj) => {
            const entries = obj; // TODO: remove myself from the list
            const entries_cleaned = obj.filter((item) => {
                console.log(item);
                return true;
                return !item.is({
                    name: "jjanzen's website",
                    url: "https://jjanzen.ca",
                });
            });
            console.log(entries_cleaned);
            const entry = entries[Math.floor(Math.random() * entries.length)];
            // window.location.href = entry.url;
        });
}

function load_webring() {
    const webring_url = "https://aidang.cc/webring/https://jjanzen.ca";

    const webring_container = document.getElementById("cssa-webring-container");

    fetch(webring_url)
        .then((response) => response.json())
        .then((obj) => {
            const webring_html = `
<section class='cssa-webring-description'>
  "Official" CSSA Webring
</section>
<ul class='cssa-webring-site-links'>
  <li class='cssa-webring-prev-site'><a href='${obj.left.url}'>${obj.left.name}</a></li>
  <li class='cssa-webring-rand-site'><a href='javascript:load_random_site()'>Random Site</a></li>
  <li class='cssa-webring-next-site'><a href='${obj.right.url}'>${obj.right.name}</a></li>
</ul>`;
            webring_container.innerHTML = webring_html;
        });
}
document.addEventListener("DOMContentLoaded", load_webring, false);