$(document).ready(function() {
    $("#overlay").click(function() {
        $("body").toggleClass("inverted");
    });

    fetch();

    setInterval(function() {
        fetch();
    }, 5000);
});

function fetch() {
    $.get("/api/data", function(data) {
        for(var widget in data) {
            for(var id in data[widget]) {
                $(".d-" + widget + "-" + id).text(data[widget][id]);
            }
        }
    });
}