main.js

function addView() {
    let xhttp = new XMLHttpRequest();
    xhttp.open("POST", "https://home.such.blue/count-api/setViews");
    xhttp.send();
}

window.onload = function() {
    fetch('https://api.github.com/repos/SuchBlue/such.blue/commits', {
        headers: {
            'Accept': 'application/vnd.github.v3+json'
        }
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById("vcs").innerText = data[0].sha.slice(0, 7);
        document.getElementById("vcs").href = data[0].html_url;
    })
    .catch(error => console.error(error));

    let xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState === 4) {
            if (xhttp.status === 200) {
                document.getElementById("views").innerText = `${this.responseText}`;
            } else {
                document.getElementById("viewsParent").innerText = "Server is offline.";
            }
        }
    };

    xhttp.open("GET", "https://home.such.blue/count-api/getViews");
    xhttp.send();

    let time = new Date().getTime() - window.performance.timing.navigationStart;
    let seconds = Math.floor(time / 1000);
    let milliseconds = time % 1000;
    document.getElementById("time").innerText = `${seconds}.${milliseconds}`;
    document.getElementById("time").style.marginBottom = `${window.innerHeight/4}px`;

    addView();
}