const MINOR_CONTAINER_CLASS = "minor-left-container";
const MAJOR_CONTAINER_CLASS = "major-right-container";
const MOBILE_WIDTH = 1000;

function resize() {
    var minor = document.getElementsByClassName(MINOR_CONTAINER_CLASS)[0];
    var major = document.getElementsByClassName(MAJOR_CONTAINER_CLASS)[0];

    console.log(minor);

    if (minor == null || major == null) {
        return;
    }

    console.log(window.innerWidth);

    if (window.innerWidth < MOBILE_WIDTH) {
        minor.classList.add("hide");
    } else {
        minor.classList.remove("hide");
    }
}


console.log("resize.js loaded");
window.addEventListener("resize", function() {
    resize();
});
resize();