59 lines
2.0 KiB
JavaScript
59 lines
2.0 KiB
JavaScript
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(); |