96 lines
3.6 KiB
JavaScript
96 lines
3.6 KiB
JavaScript
window.addEventListener('resize', function() {
|
|
var logo_full = document.getElementById("logo_full")
|
|
var logo_small = document.getElementById("logo_small")
|
|
var smallbtn = document.getElementById("smallbtn1")
|
|
var smallbtn0 = document.getElementById("smallbtn0")
|
|
var smallbtn2 = document.getElementById("smallbtn2")
|
|
var smallbtn3 = document.getElementById("smallbtn3")
|
|
var smallbtn1 = document.getElementById("smallbtn4")
|
|
var smallbtn5 = document.getElementById("smallbtn5")
|
|
var viewport_width = window.innerWidth;
|
|
if (viewport_width < 900) {
|
|
logo_full.className = "invisible";
|
|
logo_small.className = "";
|
|
} else {
|
|
logo_small.className = "invisible";
|
|
logo_full.className = "";
|
|
}
|
|
if (viewport_width < 600) {
|
|
smallbtn.className = "invisible";
|
|
smallbtn2.className = "invisible";
|
|
smallbtn3.className = "invisible";
|
|
} else {
|
|
smallbtn.className = "navbarbutton";
|
|
smallbtn2.className = "navbarbutton";
|
|
smallbtn3.className = "navbarbutton";
|
|
}
|
|
if (viewport_width < 425) {
|
|
smallbtn0.className = "invisible";
|
|
smallbtn1.className = "invisible";
|
|
} else {
|
|
smallbtn0.className = "navbarbutton";
|
|
smallbtn1.className = "navbarbutton";
|
|
}
|
|
if (viewport_width < 280) {
|
|
smallbtn5.className = "invisible";
|
|
} else {
|
|
smallbtn5.className = "navbarbutton";
|
|
}
|
|
});
|
|
window.onload = function() {
|
|
var logo_full = document.getElementById("logo_full")
|
|
var logo_small = document.getElementById("logo_small")
|
|
var smallbtn = document.getElementById("smallbtn1")
|
|
var smallbtn0 = document.getElementById("smallbtn0")
|
|
var smallbtn2 = document.getElementById("smallbtn2")
|
|
var smallbtn3 = document.getElementById("smallbtn3")
|
|
var smallbtn1 = document.getElementById("smallbtn4")
|
|
var smallbtn5 = document.getElementById("smallbtn5")
|
|
var viewport_width = window.innerWidth;
|
|
if (viewport_width < 900) {
|
|
logo_full.className = "invisible";
|
|
logo_small.className = "";
|
|
} else {
|
|
logo_small.className = "invisible";
|
|
logo_full.className = "";
|
|
}
|
|
if (viewport_width < 600) {
|
|
smallbtn.className = "invisible";
|
|
smallbtn2.className = "invisible";
|
|
smallbtn3.className = "invisible";
|
|
} else {
|
|
smallbtn.className = "navbarbutton";
|
|
smallbtn2.className = "navbarbutton";
|
|
smallbtn3.className = "navbarbutton";
|
|
}
|
|
if (viewport_width < 425) {
|
|
smallbtn0.className = "invisible";
|
|
smallbtn1.className = "invisible";
|
|
} else {
|
|
smallbtn0.className = "navbarbutton";
|
|
smallbtn1.className = "navbarbutton";
|
|
}
|
|
if (viewport_width < 280) {
|
|
smallbtn5.className = "invisible";
|
|
} else {
|
|
smallbtn5.className = "navbarbutton";
|
|
}
|
|
var alert = document.getElementById("alert")
|
|
var alerttext = document.getElementById("alerttext")
|
|
if (window.location.hostname == "") {
|
|
alerttext.innerHTML = "You are using this locally.";
|
|
alert.className = "";
|
|
} else if (window.location.hostname == "thomasluigi07.github.io") {
|
|
alerttext.innerHTML = "You are using this on the github pages site.";
|
|
alert.className = "";
|
|
} else if (window.location.hostname == "MORBLOX.com") {
|
|
alerttext.innerHTML = "You are using MORBLOX.com";
|
|
alert.className = "";
|
|
} else if (window.location.hostname == "morblox.us") {
|
|
alerttext.innerHTML = "You are using morblox.us";
|
|
alert.className = "";
|
|
} else {
|
|
alerttext.innerHTML = `You are using an unknown site (${window.location.hostname})`;
|
|
alert.className = "";
|
|
}
|
|
}; |