tim/xxx
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Rework the layout for small screens.

Browse Source 
From the live site: local Noto Sans, a flexible layout up to 1000px, and
a slide-out sidebar menu on small screens. Remove the unused Genericons
font and logo images.
This commit is contained in:
tim
2026-09-25 23:32:08 +02:00
parent b94dd648ec
commit dd43940366
20 changed files with 390 additions and 769 deletions
Download Patch File Download Diff File Expand all files Collapse all files
utilities.js
+10 -12
View File
@@ -1,17 +1,15 @@
function togglemenu() {
var menu = document.getElementById("navigation-menu");
var button = document.getElementById("navigation-button");
if (menu.style.display === 'none' || menu.style.display === '') {
menu.style.display = 'block';
button.className += " toggle-on";
} else {
menu.style.display = 'none'
button.className = button.className.replace(/(?:^|\s)toggle-on(?:$|\s)/g , '');
function closeMenu(e) {
var sidebar = document.querySelectorAll("#sidebar")[0];
var input = sidebar.querySelectorAll("input.menu-toggle")[0];
if (e.keyCode == 27 || (e.type == 'click' && e.target.closest('#sidebar') === null)) {
if (input.checked) {
input.checked = false;
}
}
//menu.class
return;
}
function addListenersOnLoad() {
document.getElementById("navigation-button").addEventListener("click", togglemenu);
var sidebar = document.getElementById("sidebar");
document.addEventListener("click", closeMenu, false);
document.addEventListener("keyup", closeMenu, false);
}
document.addEventListener("DOMContentLoaded", addListenersOnLoad, false);