Upload

js/bgmusic.js

@@ -0,0 +1,12 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const youtubePlayer = document.getElementById('youtubePlayer');
+    
+    // Beállítjuk a mentett YouTube ID-t, ha létezik
+    const savedYoutubeId = localStorage.getItem('youtubeId');
+    if (savedYoutubeId) {
+        // Beállítjuk az új YouTube ID-t
+        youtubePlayer.src = `https://www.youtube.com/embed/${savedYoutubeId}?autoplay=1`;
+        youtubePlayer.width = '560'; // Esetleg állítsd vissza a méretet
+        youtubePlayer.height = '315'; // Esetleg állítsd vissza a méretet
+    }
+});

js/feedback.js

@@ -0,0 +1,3 @@
+function toggleLike(button) {
+    button.classList.toggle('active');
+}

js/navbar.js

@@ -0,0 +1,42 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const navbarContainer = document.createElement('div');
+    navbarContainer.id = 'navbar-container';
+    document.body.insertBefore(navbarContainer, document.body.firstChild);
+  
+    fetch('../src/navbar.html')
+      .then(response => response.text())
+      .then(data => {
+        navbarContainer.innerHTML = data;
+  
+        const themeBtn = document.querySelector('.theme-btn');
+        const themeBall = document.querySelector('.theme-ball');
+        const btnMenu = document.querySelector('.btn-menu');
+        const sidebar = document.querySelector('.sidebar');
+  
+        if (btnMenu && sidebar) {
+          btnMenu.addEventListener('click', () => {
+            sidebar.classList.toggle('expand');
+          });
+        }
+  
+        if (themeBtn && themeBall) {
+          const localData = localStorage.getItem('theme');
+          if (localData === 'dark') {
+            document.body.classList.add('dark-mode');
+            themeBall.classList.add('dark');
+          }
+  
+          themeBtn.addEventListener('click', () => {
+            document.body.classList.toggle('dark-mode');
+            themeBall.classList.toggle('dark');
+            if (document.body.classList.contains('dark-mode')) {
+              localStorage.setItem('theme', 'dark');
+            } else {
+              localStorage.setItem('theme', 'light');
+            }
+          });
+        }
+      })
+      .catch(error => console.error('Error loading the navbar:', error));
+  });
+  

js/settings.js

@@ -0,0 +1,54 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const youtubeIdInput = document.getElementById('youtube-id');
+    const youtubePlayer = document.getElementById('youtubePlayer');
+    const loopToggle = document.getElementById('loop-toggle');
+    
+    // Betöltjük a mentett beállításokat
+    const savedYoutubeId = localStorage.getItem('youtubeId');
+    const savedLoop = localStorage.getItem('loop');
+
+    if (savedYoutubeId) {
+        youtubeIdInput.value = savedYoutubeId;
+        let url = `https://www.youtube.com/embed/${savedYoutubeId}?autoplay=1`;
+        if (savedLoop === 'true') {
+            url += '&loop=1';
+            loopToggle.checked = true;
+        } else {
+            loopToggle.checked = false;
+        }
+        youtubePlayer.src = url;
+    }
+    document.getElementById('reset-music').addEventListener('click', () => {
+        localStorage.setItem('youtubeId', '');
+        youtubePlayer.src = '';
+        youtubeIdInput.value = '';
+        //alert('YouTube ID törölve!');
+    });
+    document.getElementById('save-music').addEventListener('click', () => {
+        const youtubeId = youtubeIdInput.value.trim();
+        if (youtubeId) {
+            let url = `https://www.youtube.com/embed/${youtubeId}?autoplay=1`;
+            if (loopToggle.checked) {
+                url += '&loop=1';
+            }
+            youtubePlayer.src = url;
+            localStorage.setItem('youtubeId', youtubeId);
+            localStorage.setItem('loop', loopToggle.checked);
+            //alert('YouTube ID elmentve!');
+        } else {
+            //alert('Kérlek, add meg a YouTube ID-t!');
+        }
+    });
+    
+    loopToggle.addEventListener('change', () => {
+        const youtubeId = youtubeIdInput.value.trim();
+        if (youtubeId) {
+            let url = `https://www.youtube.com/embed/${youtubeId}?autoplay=1`;
+            if (loopToggle.checked) {
+                url += '&loop=1';
+            }
+            youtubePlayer.src = url;
+            localStorage.setItem('loop', loopToggle.checked);
+        }
+    });
+});