Minetest-j45.github.io/nav.js

async function AddNav() {
    var nav = document.createElement('div');
    nav.setAttribute('id', 'nav');

    var percentage = 6;
    var screenWidth = window.screen.width;
    var wpixels = Math.round((percentage / 100) * screenWidth);
    var img = new Image(wpixels, wpixels);
    img.src = 'https://j1233.minetest.land/images/j45withname.png';
    img.onclick = function() {
        window.location.href = "https://j1233.minetest.land/"
    }
    nav.appendChild(img);

    var checkbox = document.createElement('input');
    checkbox.setAttribute('type', 'checkbox');
    checkbox.setAttribute('id', 'checkbox_toggle');
    nav.appendChild(checkbox);

    var burger = document.createElement('label');
    burger.setAttribute('for', 'checkbox_toggle');
    burger.setAttribute('class', 'burger');
    burger.innerHTML = '☰';
    nav.appendChild(burger);

    var homeLink = document.createElement('a');
    homeLink.href = 'https://j1233.minetest.land/#nav';
    homeLink.setAttribute('class', 'nav-link');
    homeLink.innerHTML = 'Home';
    nav.appendChild(homeLink);

    var portfolioLink = document.createElement('a');
    portfolioLink.href = 'https://j1233.minetest.land/#portfolio';
    portfolioLink.setAttribute('class', 'nav-link');
    portfolioLink.innerHTML = 'Portfolio';
    nav.appendChild(portfolioLink);

    var blogLink = document.createElement('a');
    blogLink.href = 'https://j1233.minetest.land/blog/';
    blogLink.setAttribute('class', 'nav-link');
    blogLink.innerHTML = 'Blog';
    nav.appendChild(blogLink);

    var discordLink = document.createElement('a');
    discordLink.onclick = function() {
        window.open("https://discordapp.com/invite/pQ8HaE78Mt").focus();
    };
    discordLink.setAttribute('class', 'nav-link');
    discordLink.innerHTML = 'Discord';
    nav.appendChild(discordLink);

    var br = document.createElement('br');

    var center = document.getElementsByTagName('center').item(0);
    center.insertBefore(br, center.firstChild);
    center.insertBefore(nav, center.firstChild);
};

AddNav();