index.js

/*
 * DECLARATIONS
 */
let contentAdderInstance;
const button_ids = ["cv-puter_0", "blog-puter_0", "nw4_0", "omega-psi_0", "co-re_0",
                    "cv-puter_1", "blog-puter_1", "nw4_1", "omega-psi_1", "co-re_1"]
const kbityArray = [
  "assets/images/KBITY_TRANSEDEN_TEAL_HEHE_.png",
  "assets/images/kbity-antinihility-black.png",
  "assets/images/kbity-chroniclers-gray.png",
  "assets/images/kbity-dante-green.png",
  "assets/images/kbity-abyssal-lavender.png",
  "assets/images/kbity-magical-pink.png",
  "assets/images/kbity-mainframe-cerulean.png",
  "assets/images/kbity-matrix-green.png",
  "assets/images/kbity-order-teal.png",
  "assets/images/kbity-otherworldly-blue.png",
  "assets/images/kbity-pandemonium-red.png",
  "assets/images/kbity-relentless-magenta.png",
  "assets/images/kbity-system-blue.png",
  "assets/images/kbity-the-fifth-crimson.png",
]

/*
 * FUNCTIONS & HELPER CLASSES
 */
// This is so pointless but okay girl. have fun i guess.
class ContentAddersSingleton {
  constructor() {
    if (contentAdderInstance) {
      throw new Error("Programmer attempted to create a second singleton ...why?");
    }

    contentAdderInstance = this;
  }

  getInstance() {
    return this;
  }

  footerPaster() {
    var footer = document.getElementById("footer-paster");
    footer.innerHTML = `
        <div class="cooler-footer">
          <footer class="footer-display">
            <p>02.2024 - 12.2024, by LVSA</p>
          </footer>
        </div>
        <div class="post-footer">
          <a href="https://github.com/PerfectMach1ne/">#."Me GitHub"_</a>
        </div>
        <div class="post-footer">
          <p>#.EOF_</p>
        </div>
`; 
  }
}

class SelectorClassAdders {
  static #cssSelectors = {
    marginPaddingSaviour: "margin-padding-saviour"
  }
  
  static saveMarginsPaddings(htmlTag) {
    var elements = document.getElementsByTagName(htmlTag);

    for (var i = 0; i < elements.length; i++) {
      elements.item(i).classList.add(this.#cssSelectors.marginPaddingSaviour);
    }
  }
}

function kbityRandomizer() {
  function getRandomInt(min, max) {
    const minCeiled = Math.ceil(min);
    const maxFloored = Math.floor(max);
    return Math.floor(Math.random() * (maxFloored - minCeiled) + minCeiled); // The maximum is exclusive and the minimum is inclusive
  }

  return kbityArray[getRandomInt(0, kbityArray.length - 1)];
}

/*
 * FUNCTIONALITY
 */
// ContentAdders.footerPaster();
contentAdderInstance = new ContentAddersSingleton();
contentAdderInstance.getInstance().footerPaster();

SelectorClassAdders.saveMarginsPaddings("ol");
SelectorClassAdders.saveMarginsPaddings("ul");
SelectorClassAdders.saveMarginsPaddings("dl");
SelectorClassAdders.saveMarginsPaddings("dt");
SelectorClassAdders.saveMarginsPaddings("dd");

if (window.location.pathname == "/") {
  let kbity_l = document.getElementById("kbity-left"); 
  let kbity_r = document.getElementById("kbity-right"); 

  kbity_l.src = kbityRandomizer();
  kbity_r.src = kbityRandomizer();
  kbity_l.addEventListener("click", () => { kbity_l.src = kbityRandomizer(); });
  kbity_r.addEventListener("click", () => { kbity_r.src = kbityRandomizer(); });

  let buttons = Array();

  button_ids.forEach((id_str) => {
    buttons.push(document.getElementById(id_str));
  });
  
  buttons.forEach((butt) => {
    const id = butt.id;
    butt.addEventListener("click", () => {
      window.location = window.location.origin + "/view/" + id.substring(-2, id.length - 2) + ".html";
    })
  });
} else {
  let kbity_l = document.getElementById("kbity-left"); 
  let kbity_r = document.getElementById("kbity-right"); 

  kbity_l.src = "../" + kbityRandomizer();
  kbity_r.src = "../" + kbityRandomizer();
  kbity_l.addEventListener("click", () => { kbity_l.src = "../" + kbityRandomizer(); });
  kbity_r.addEventListener("click", () => { kbity_r.src = "../" + kbityRandomizer(); });

  const subpage_button_ids = ["cv-puter", "blog-puter", "nw4", "omega-psi", "co-re"];
  let subpage_buttons = Array();

  subpage_button_ids.forEach((id_str) => {
    subpage_buttons.push(document.getElementById(id_str));
  });
  
  subpage_buttons.forEach((butt) => {
    const id = butt.id;
    butt.addEventListener("click", () => {
      window.location = window.location.origin + "/view/" + id + ".html";
    })
  });

  const home_button = document.getElementById("go-home");
  home_button.addEventListener("click", () => {
    window.location = window.location.origin;
  })
}

// Shoutout to Vim motions girls (myself including)