referat(WT): Shrink navbar on small screens

1 files changed, 21 insertions, 0 deletions

diff --git a/Year 4/Web technologies/referat/javascript/navbar-shrink.js b/Year 4/Web technologies/referat/javascript/navbar-shrink.js
new file mode 100644
index 0000000..62c4b04
--- /dev/null
+++ b/Year 4/Web technologies/referat/javascript/navbar-shrink.js
@@ -0,0 +1,21 @@
+const nav = document.getElementById('contents');
+
+function change_nav_names() {
+    if (window.screen.width < 700) {
+        nav.children[0].innerText = 'Във';
+        nav.children[1].innerText = 'Инст';
+        nav.children[2].innerText = 'Арх';
+        nav.children[3].innerText = 'ВХ';
+        nav.children[4].innerText = 'Конф';
+    }
+    else {
+        nav.children[0].innerText = 'Въведение';
+        nav.children[1].innerText = 'Инсталиране';
+        nav.children[2].innerText = 'Архитектура';
+        nav.children[3].innerText = 'Виртуални хостове';
+        nav.children[4].innerText = 'Конфигуриране';
+    }
+}
+
+window.addEventListener('resize', change_nav_names);
+change_nav_names();