initial commit

2026-04-27 19:17:22 +02:00
commit b22bfcf15b
65 changed files with 2758 additions and 0 deletions
@@ -0,0 +1,51 @@
+//Context-Menü deaktivieren
+//Deactivate Context-Menu
+document.addEventListener('contextmenu', function(event) {
+    event.preventDefault();
+});
+const langbutton = document.getElementById("lang");
+//langbutton.addEventListener("click", function() {
+//   window.location.href = "/lang/en/";
+//})
+
+function toggleMenu() {
+    const navButtonMobile = document.getElementById("navbutton_mobile");
+    const navMobile = document.getElementById("mobile_nav");
+    
+    navMobile.classList.toggle('open'); // Menü umschalten
+    navButtonMobile.classList.toggle('openButton'); // Button-Animation umschalten
+}
+
+document.addEventListener('click', function(event) {
+    const navButtonMobile = document.getElementById("navbutton_mobile");
+    const navMobile = document.getElementById("mobile_nav");
+    
+    // Prüfen, ob das Ziel des Klicks nicht das Menü oder der Button ist
+    if (!navMobile.contains(event.target) && !navButtonMobile.contains(event.target)) {
+        navMobile.classList.remove('open'); // Menü schließen
+        navButtonMobile.classList.remove('openButton'); // Button zurücksetzen
+    }
+});
+
+document.addEventListener("DOMContentLoaded", function() {
+    var langLink = document.getElementById("lang");
+
+    // Eventlistener für das Klicken auf das Bild
+    langLink.addEventListener("click", function(event) {
+        event.preventDefault();  // Verhindert das Standardverhalten des Links
+
+        // Die aktuelle URL abrufen
+        var currentUrl = window.location.href;
+
+        // Wenn die URL "/de/" enthält, ersetze es durch "/en/"
+        if (currentUrl.includes("/de/")) {
+            var newUrl = currentUrl.replace("/de/", "/en/");
+            window.location.href = newUrl;
+        }
+        // Wenn die URL "/en/" enthält, ersetze es durch "/de/" (optional, falls du einen Umschalter möchtest)
+        else if (currentUrl.includes("/en/")) {
+            var newUrl = currentUrl.replace("/en/", "/de/");
+            window.location.href = newUrl;  // Neue URL aufrufen
+        }
+    });
+});
@@ -0,0 +1,19 @@
+//Context-Menü deaktivieren
+//Deactivate Context-Menu
+document.addEventListener('contextmenu', function(event) {
+    event.preventDefault();
+});
+
+function langRedirect() {
+        var systemsprache = navigator.language || navigator.userLanguage;
+        var sprache;
+        
+        if (systemsprache.startsWith('de')) {
+            sprache = 'de';
+        } else {
+            sprache = 'en';
+        }
+            window.location.href = 'lang/' + sprache;
+            }
+
+langRedirect()
@@ -0,0 +1,133 @@
+const animatedText = document.querySelector('.main1_animatedText');
+
+const texts = [
+    "angehender Webentwickler (Frontend)",
+    "Video Editor und Content Creator",
+    "LIVE Streamer",
+    "angehender Filmemacher",
+    "Musiker und Produzent",
+    "angehender Podcaster",
+    "gelernter Elektroniker"
+];
+
+let currentIndex = 0;
+let currentText = '';
+let isDeleting = false;
+let speed = 60;
+let delay = 1000;
+
+function type() {
+    const fullText = texts[currentIndex];
+
+    // Schreib- oder Löschprozess
+    if (isDeleting) {
+        currentText = fullText.substring(0, currentText.length - 1); // Löschen
+    } else {
+        currentText = fullText.substring(0, currentText.length + 1); // Schreiben
+    }
+
+    // Text mit Cursor anzeigen
+    animatedText.textContent = '> ' + currentText + '_';
+
+    // Überprüfe, ob der vollständige Text geschrieben wurde
+    if (!isDeleting && currentText === fullText) {
+        // Warte, bevor das Löschen beginnt
+        setTimeout(() => {
+            isDeleting = true;
+            type(); // Fortsetzen nach dem Delay
+        }, delay);
+        return;
+    }
+    
+    // Überprüfe, ob der vollständige Text gelöscht wurde
+    if (isDeleting && currentText === '') {
+        // Starte den nächsten Text, wenn der aktuelle gelöscht ist
+        isDeleting = false;
+        currentIndex = (currentIndex + 1) % texts.length; // Nächster Text
+    }
+
+    // Bestimme die Geschwindigkeit je nachdem, ob gelöscht oder geschrieben wird
+    const typingSpeed = isDeleting ? speed / 2 : speed;
+    setTimeout(type, typingSpeed); // Timer für das Schreiben/Löschen
+}
+
+// Animation automatisch beim Laden der Seite starten
+document.addEventListener('DOMContentLoaded', type);
+
+
+
+function smoothScrollTo(targetId) {
+    const target = document.getElementById(targetId);
+    if (!target) return;
+
+    const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - 100; // 100px vom oberen Bildschirmrand abziehen
+    const startPosition = window.pageYOffset;
+    const distance = targetPosition - startPosition;
+    const duration = 1000; // Dauer der Animation in Millisekunden
+    let startTime = null;
+
+    function animation(currentTime) {
+        if (startTime === null) startTime = currentTime;
+        const timeElapsed = currentTime - startTime;
+        const progress = Math.min(timeElapsed / duration, 1); // Normalisierung des Fortschritts
+
+        // Quadratische Ease-In-Out-Kurve
+        const ease = progress < 0.5 
+            ? 2 * progress * progress 
+            : -1 + (4 - 2 * progress) * progress;
+
+        window.scrollTo(0, startPosition + distance * ease);
+
+        if (timeElapsed < duration) {
+            requestAnimationFrame(animation); // Animation fortsetzen
+        }
+    }
+
+    requestAnimationFrame(animation); // Animation starten
+}
+
+function navigateToPage(page) {
+    window.location.href = page; // Wechselt zur angegebenen Datei
+}
+
+
+const projects = [
+    {
+        title: "Ein kleines Browser-Minigame - Light Logic Game",
+        description: "Hier habe ich versucht ein kleines Browsergame zu programmieren, bei dem es darauf ankommt sein Geschick zu beweisen. (Durch einige Änderungen an den Dateipfaden kann es zu Fehlern kommen. Diese werden in Zukunft noch behoben)",
+        link: "#", // Link zum Projekt
+        image: "#" // Bild des Projekts
+    },
+    {
+        title: "Aktiver YouTube Kanal",
+        description: "Ich würde dies als Projekt mit aufnehmen, da ich hier meine Videoschnitt Skills aufbessere und mit neuen Funktionen versuche meine Fähigkeiten im Schnitt zu verbessern.",
+        link: "#",
+        image: "#"
+    },
+    // Weitere Projekte können hier hinzugefügt werden
+];
+
+// Funktion zum Rendern der Projekte
+function renderProjects() {
+    const container = document.getElementById('projects-container');
+    container.innerHTML = ''; // Vorherige Inhalte löschen
+
+    projects.forEach(project => {
+        const projectDiv = document.createElement('div');
+        projectDiv.classList.add('project');
+
+        projectDiv.innerHTML = `
+            <div class="project-content">
+                <img src="${project.image}" alt="${project.title}" class="project-image">
+                <div class="project-text">
+                    <h3>${project.title}</h3>
+                    <p>${project.description}</p>
+                    <a href="${project.link}" target="_blank">Mehr erfahren</a>
+                </div>
+            </div>
+        `;
+        
+        container.appendChild(projectDiv);
+    });
+}
+document.addEventListener('DOMContentLoaded', renderProjects);
@@ -0,0 +1,133 @@
+const animatedText = document.querySelector('.main1_animatedText');
+
+const texts = [
+    "Aspiring Web Developer (Frontend)",
+    "Video Editor and Content Creator",
+    "LIVE Streamer",
+    "Aspiring Filmmaker",
+    "Musician and Producer",
+    "Aspiring Podcaster",
+    "Trained Electronics Technician"
+];
+
+let currentIndex = 0;
+let currentText = '';
+let isDeleting = false;
+let speed = 60;
+let delay = 1000;
+
+function type() {
+    const fullText = texts[currentIndex];
+
+    // Schreib- oder Löschprozess
+    if (isDeleting) {
+        currentText = fullText.substring(0, currentText.length - 1); // Löschen
+    } else {
+        currentText = fullText.substring(0, currentText.length + 1); // Schreiben
+    }
+
+    // Text mit Cursor anzeigen
+    animatedText.textContent = '> ' + currentText + '_';
+
+    // Überprüfe, ob der vollständige Text geschrieben wurde
+    if (!isDeleting && currentText === fullText) {
+        // Warte, bevor das Löschen beginnt
+        setTimeout(() => {
+            isDeleting = true;
+            type(); // Fortsetzen nach dem Delay
+        }, delay);
+        return;
+    }
+    
+    // Überprüfe, ob der vollständige Text gelöscht wurde
+    if (isDeleting && currentText === '') {
+        // Starte den nächsten Text, wenn der aktuelle gelöscht ist
+        isDeleting = false;
+        currentIndex = (currentIndex + 1) % texts.length; // Nächster Text
+    }
+
+    // Bestimme die Geschwindigkeit je nachdem, ob gelöscht oder geschrieben wird
+    const typingSpeed = isDeleting ? speed / 2 : speed;
+    setTimeout(type, typingSpeed); // Timer für das Schreiben/Löschen
+}
+
+// Animation automatisch beim Laden der Seite starten
+document.addEventListener('DOMContentLoaded', type);
+
+
+
+function smoothScrollTo(targetId) {
+    const target = document.getElementById(targetId);
+    if (!target) return;
+
+    const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - 100; // 100px vom oberen Bildschirmrand abziehen
+    const startPosition = window.pageYOffset;
+    const distance = targetPosition - startPosition;
+    const duration = 1000; // Dauer der Animation in Millisekunden
+    let startTime = null;
+
+    function animation(currentTime) {
+        if (startTime === null) startTime = currentTime;
+        const timeElapsed = currentTime - startTime;
+        const progress = Math.min(timeElapsed / duration, 1); // Normalisierung des Fortschritts
+
+        // Quadratische Ease-In-Out-Kurve
+        const ease = progress < 0.5 
+            ? 2 * progress * progress 
+            : -1 + (4 - 2 * progress) * progress;
+
+        window.scrollTo(0, startPosition + distance * ease);
+
+        if (timeElapsed < duration) {
+            requestAnimationFrame(animation); // Animation fortsetzen
+        }
+    }
+
+    requestAnimationFrame(animation); // Animation starten
+}
+
+function navigateToPage(page) {
+    window.location.href = page; // Wechselt zur angegebenen Datei
+}
+
+
+const projects = [
+    {
+        title: "Small Browser-Minigame - Light Logic Game",
+        description: "I've been working on a small browser game where the goal is to test your skills. (Due to some changes in the file paths, there may be errors. These will be fixed in the future.)",
+        link: "#", // Link zum Projekt
+        image: "#" // Bild des Projekts
+    },
+    {
+        title: "Active YouTube Kanal",
+        description: "I’m including this as a project because it allows me to enhance my video editing skills. I’m using this opportunity to explore new features and improve my editing techniques.",
+        link: "#",
+        image: "#"
+    },
+    // Weitere Projekte können hier hinzugefügt werden
+];
+
+// Funktion zum Rendern der Projekte
+function renderProjects() {
+    const container = document.getElementById('projects-container');
+    container.innerHTML = ''; // Vorherige Inhalte löschen
+
+    projects.forEach(project => {
+        const projectDiv = document.createElement('div');
+        projectDiv.classList.add('project');
+
+        projectDiv.innerHTML = `
+            <div class="project-content">
+                <img src="${project.image}" alt="${project.title}" class="project-image">
+                <div class="project-text">
+                    <h3>${project.title}</h3>
+                    <p>${project.description}</p>
+                    <a href="${project.link}" target="_blank">Mehr erfahren</a>
+                </div>
+            </div>
+        `;
+        
+        container.appendChild(projectDiv);
+    });
+}
+document.addEventListener('DOMContentLoaded', renderProjects);