From 36a7845c881664202180e09379f54c928b998c18 Mon Sep 17 00:00:00 2001 From: malik Date: Wed, 24 Jan 2024 19:35:35 +0100 Subject: [PATCH 01/13] Add langchange button Add (not working) js to translate later --- aboutme.html | 6 +++--- contactme.html | 6 +++--- css/style.css | 18 ++++++++++++++++++ index.html | 7 ++++--- js/lang.js | 16 ++++++++++++++++ projects.html | 6 +++--- webicons/eng.png | Bin 0 -> 19572 bytes webicons/ger.png | Bin 0 -> 4585 bytes 8 files changed, 47 insertions(+), 12 deletions(-) create mode 100644 js/lang.js create mode 100644 webicons/eng.png create mode 100644 webicons/ger.png diff --git a/aboutme.html b/aboutme.html index cfed338..2c6c9eb 100644 --- a/aboutme.html +++ b/aboutme.html @@ -44,9 +44,9 @@
- - - + + +
diff --git a/contactme.html b/contactme.html index 2a0053e..56e6c97 100644 --- a/contactme.html +++ b/contactme.html @@ -35,9 +35,9 @@
- - - + + +
diff --git a/css/style.css b/css/style.css index f77a3b8..2b507f9 100644 --- a/css/style.css +++ b/css/style.css @@ -61,6 +61,16 @@ nav ul li a:hover{ cursor: pointer; } +#lang{ + color: black; + padding: 5px; + background-color: #e2de84; + box-shadow: 5px 5px 5px black; + width: 2.5em; + margin-top: 28px; + margin-left: 5px; +} + h1{ color: black; } @@ -192,8 +202,16 @@ h2{ box-shadow: 0 0 0; } + #lang{ + margin-left: 5px; + margin-bottom: 23px; + width: 58px; + transform: translateX(-60px); + } + .menu-icon{ display: block; + transform: translateX(70px); } #menuList{ diff --git a/index.html b/index.html index 9919343..8fb6bd9 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,7 @@ +
@@ -37,9 +38,9 @@
- - - + + +
diff --git a/js/lang.js b/js/lang.js new file mode 100644 index 0000000..053e975 --- /dev/null +++ b/js/lang.js @@ -0,0 +1,16 @@ +var language = { + eng: { + welcometitle: "Hello Internet!", + welcome: "I'm Malik, some guy on the web who's learning to code.
Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)" + }, + ger: { + welcometitle: "Hallo Internet!", + welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.
Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)" + } +}; + +if(window.location.hash) { + if(window.location.hash == "#ger") { + welcome.textContent = language.ger.welcome; + } +} \ No newline at end of file diff --git a/projects.html b/projects.html index 640f92b..642d4e5 100644 --- a/projects.html +++ b/projects.html @@ -35,9 +35,9 @@
- - - + + +
diff --git a/webicons/eng.png b/webicons/eng.png new file mode 100644 index 0000000000000000000000000000000000000000..0aac31617bf1f9bd7ab663768c46c650d21b05ec GIT binary patch literal 19572 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ੁ_0M0i; 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 f@29OXbD!Y00000NkvXXu0mjfN*m14 literal 0 HcmV?d00001 diff --git a/webicons/ger.png b/webicons/ger.png new file mode 100644 index 0000000000000000000000000000000000000000..200866d83c41ccf5faf21ee947de51653f14907d GIT binary patch literal 4585 zcmeHKdr(x@8NXyO7!(H))M}NRyTsJW-TT=IaHaSKGCW>W9t+~o@UVD~P2 z+4>+VX_yqPZGgn4CdTT-v1V$Fov|?^R>@!|icKamHPZ@Wh{pPec5I9~?YVb(PBPOn z)8sF9=G;B!eBbx`zVCOwbLN~@Pgzk)@`7XpK~h}B&T<4v$cFuW(;tH0#TlIs;NQ(y zWwlbyMbTg=Aj$OrRhohT1*$9|h~ zu@3UH6E7cn6;b*4oI1_ipc>cj?yZo{Z^jor6R3j{f5J%RZcKse0*m zmsZ!UelfbNul&@j9nPA8cHzva<{3q&U;gY|%i^})fh}O>KOG;aduiqiW7h0vvr^hW z>@4XnyV>Mht-;3==2~-$%F4?+o zN7>yc&j{_e=XwwP*n2H}YvJ=VzWOuWC%0iOh1mt0rcaAhdRp4742--Q8Q8kNf&B{&DxxpLTsZD|J0BRy6KG@mR~24@49@hCw+x5}z;Vc8|jQ!^12(g+_r_ z_62n-NcIFxMV7|Mnh={N(bE|p2s9tXouECEyRHni+-}wx5F%Q5E~g#S{Ig;}kVRJS z<_NSPh_rx{j6mWH$4IzUB2BnWplv3eWK3o$XB?EvA67WO05m8FZj>PoZ{;`(M+&%w zV>p~K2_kNz%{jP8Q#Px>3yjT7kAqkll3`VH_2Z+`phO78a01U;%@*9sa1e^JnsA;r z3ph{mW)sJYHbJ!NP@=#-6$tq_xSX<&^8zC1_v!+TaJInXvSYN79GmgfbBY8F>{zMn zkEmmUO4$c06i#E4vXEwqCQX!?p=c{@9#dKcLSa~m8YV>=O>v2~EG$e063c0I3ITKr zm<#I&0Zs{oDg%LfJEnz%YL=s7H{4Dlr*KYA0T7g=8J472nyI90EM;X)=4Eh5j?)i_ zvefk7w6)EH=Eax1SPnz~P5M-PM^%7^_$WTCm-VfLqWY#_IU$}xm}>;09w)?#i-cOv z?*;Jm7%tb5dHEYk!9t6i#U{}>0K9}VITVHSqFKTP8)p?vu$p)ZOhgX{Bqhp)K!F$X z2)TmgsdI(?Kwqe(6SbqYKwAY!7*107*9jwr6DG7XV>*j(0c0-Xp={nlOSG4O&Z3_vAOi$t1<)E=;3Z=FYChU|sQ_k)L0AAKS9yJ Date: Wed, 24 Jan 2024 20:16:42 +0100 Subject: [PATCH 02/13] Add Translation script (testing) --- index.html | 11 ++++++----- js/lang.js | 19 +++++++++++++++---- 2 files changed, 21 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 8fb6bd9..d006db8 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ +
@@ -22,15 +23,13 @@ - +
-

Hallo Internet!

-

Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.

-

‎

-

Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)

+

Hello Internet!

+

I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)

@@ -66,6 +65,8 @@ + + \ No newline at end of file diff --git a/js/lang.js b/js/lang.js index 053e975..27cc78e 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,16 +1,27 @@ + +var dataReload = document.querySelectorAll("[data-reload]"); + var language = { eng: { welcometitle: "Hello Internet!", - welcome: "I'm Malik, some guy on the web who's learning to code.
Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)" + welcome: "I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)" }, ger: { welcometitle: "Hallo Internet!", - welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.
Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)" + welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)" } }; if(window.location.hash) { - if(window.location.hash == "#ger") { + if(window.location.hash === "#ger") { welcome.textContent = language.ger.welcome; } -} \ No newline at end of file +} + +for (i = 0; i <= dataReload.length; i++) { + dataReload[i].onclick = function() { + location.reload(true); + }; +} + + From 92fe5ba8e933010350dd3d9b7424532dda2b14d8 Mon Sep 17 00:00:00 2001 From: malik Date: Wed, 24 Jan 2024 23:07:50 +0100 Subject: [PATCH 03/13] test --- index.html | 2 +- js/lang.js | 12 +++++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index d006db8..fda0139 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@ - +
diff --git a/js/lang.js b/js/lang.js index 27cc78e..6e6c6a1 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,6 +1,4 @@ -var dataReload = document.querySelectorAll("[data-reload]"); - var language = { eng: { welcometitle: "Hello Internet!", @@ -18,10 +16,14 @@ if(window.location.hash) { } } -for (i = 0; i <= dataReload.length; i++) { - dataReload[i].onclick = function() { + function langReload() { + if(localStorage) + + localStorage.setItem('Language') = ger + + location.reload(true); }; -} + From 6bb6ad1e7725d0b2d2b7a345d8af9d372f269d9b Mon Sep 17 00:00:00 2001 From: malik Date: Wed, 24 Jan 2024 23:29:41 +0100 Subject: [PATCH 04/13] Add LocalStorage language selection save --- css/style.css | 8 ++++++-- index.html | 2 +- js/lang.js | 43 +++++++++++++++++++++++++++++++++---------- 3 files changed, 40 insertions(+), 13 deletions(-) diff --git a/css/style.css b/css/style.css index 2b507f9..255a32b 100644 --- a/css/style.css +++ b/css/style.css @@ -67,10 +67,14 @@ nav ul li a:hover{ background-color: #e2de84; box-shadow: 5px 5px 5px black; width: 2.5em; - margin-top: 28px; + margin-top: 24px; margin-left: 5px; } +#lang:hover{ + cursor: pointer; +} + h1{ color: black; } @@ -204,7 +208,7 @@ h2{ #lang{ margin-left: 5px; - margin-bottom: 23px; + margin-bottom: 25px; width: 58px; transform: translateX(-60px); } diff --git a/index.html b/index.html index fda0139..bf63b00 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@ - +
diff --git a/js/lang.js b/js/lang.js index 6e6c6a1..8a7fa39 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,3 +1,28 @@ +var isGermanTemp = localStorage.getItem('isGerman') +var isGerman; + +if(isGermanTemp=''){ + isGerman=false; +} +else{ + isGerman=true; +} + +function langChange() { + + if(isGerman==false){ + isGerman=true; + localStorage.setItem("isGerman", isGerman); + + } + else{ + isGerman=false; + localStorage.setItem("isGerman", isGerman); + + } + + location.reload(true); +}; var language = { eng: { @@ -10,20 +35,18 @@ var language = { } }; -if(window.location.hash) { - if(window.location.hash === "#ger") { - welcome.textContent = language.ger.welcome; - } +if(isGerman==true) { + welcometitle.textContent = language.ger.welcometitle; + welcome.textContent = language.ger.welcome; +} +else{ + welcometitle.textContent = language.eng.welcometitle; + welcome.textContent = language.eng.welcome; } - function langReload() { - if(localStorage) - - localStorage.setItem('Language') = ger - location.reload(true); - }; + From dd06103e53116f596fd4d39481c86379f6711105 Mon Sep 17 00:00:00 2001 From: malik Date: Wed, 24 Jan 2024 23:46:37 +0100 Subject: [PATCH 05/13] Want to test it online --- js/lang.js | 54 +++++++++++++++++++++++++++++------------------------- 1 file changed, 29 insertions(+), 25 deletions(-) diff --git a/js/lang.js b/js/lang.js index 8a7fa39..dd5b02f 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,13 +1,36 @@ -var isGermanTemp = localStorage.getItem('isGerman') +var isGermanTemp = localStorage.getItem("isGerman") var isGerman; -if(isGermanTemp=''){ - isGerman=false; +if(isGermanTemp!=''){ + isGerman=isGermanTemp; } else{ - isGerman=true; + isGerman=false; } +var language = { + eng: { + welcometitle: "Hello Internet!", + welcome: "I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)" + }, + ger: { + welcometitle: "Hallo Internet!", + welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)" + } +}; + + + +if(isGerman===true) { + welcometitle.textContent = language.ger.welcometitle; + welcome.textContent = language.ger.welcome; +} +else{ + welcometitle.textContent = language.eng.welcometitle; + welcome.textContent = language.eng.welcome; +} + + function langChange() { if(isGerman==false){ @@ -20,29 +43,10 @@ function langChange() { localStorage.setItem("isGerman", isGerman); } - - location.reload(true); + console.log(localStorage.getItem("isGerman")); + window.location.reload(); }; -var language = { - eng: { - welcometitle: "Hello Internet!", - welcome: "I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)" - }, - ger: { - welcometitle: "Hallo Internet!", - welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)" - } -}; - -if(isGerman==true) { - welcometitle.textContent = language.ger.welcometitle; - welcome.textContent = language.ger.welcome; -} -else{ - welcometitle.textContent = language.eng.welcometitle; - welcome.textContent = language.eng.welcome; -} From 8a295e864c165d4b71b2ef3e08c815f3ae2d3bae Mon Sep 17 00:00:00 2001 From: malik Date: Thu, 25 Jan 2024 00:20:29 +0100 Subject: [PATCH 06/13] The langchanger finally works. --- js/lang.js | 28 +++++----------------------- 1 file changed, 5 insertions(+), 23 deletions(-) diff --git a/js/lang.js b/js/lang.js index dd5b02f..b97c503 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,13 +1,3 @@ -var isGermanTemp = localStorage.getItem("isGerman") -var isGerman; - -if(isGermanTemp!=''){ - isGerman=isGermanTemp; -} -else{ - isGerman=false; -} - var language = { eng: { welcometitle: "Hello Internet!", @@ -19,7 +9,7 @@ var language = { } }; - +var isGerman = localStorage.getItem("isGerman") === "true"; if(isGerman===true) { welcometitle.textContent = language.ger.welcometitle; @@ -32,20 +22,12 @@ else{ function langChange() { - - if(isGerman==false){ - isGerman=true; - localStorage.setItem("isGerman", isGerman); - - } - else{ - isGerman=false; - localStorage.setItem("isGerman", isGerman); - - } + isGerman = !isGerman; + localStorage.setItem("isGerman", isGerman); console.log(localStorage.getItem("isGerman")); window.location.reload(); -}; +} + From 14f26c4ac6d29c29a97d6573f7c0b89d6a4c38d8 Mon Sep 17 00:00:00 2001 From: malik Date: Thu, 25 Jan 2024 01:02:30 +0100 Subject: [PATCH 07/13] Add all translations. (not working yet) --- aboutme.html | 6 +- index.html | 6 +- js/lang.js | 214 +++++++++++++++++++++++++++++++++++++++++++++++++-- 3 files changed, 218 insertions(+), 8 deletions(-) diff --git a/aboutme.html b/aboutme.html index 2c6c9eb..43d1113 100644 --- a/aboutme.html +++ b/aboutme.html @@ -21,11 +21,12 @@ +
-

Über mich:

+

hhh

Hey, ich weiß selbst nach fast zwei Jahrzehnten auf diesem Planeten nicht genau, was ich über mich schreiben soll in solchen „Über Mich“s. Aber ich versuche es mal. :)

‎

Also ich interessiere mich sehr für alles rund um Computer. Ich nutze Linux und lerne gerade programmieren. Abseits vom Computer treffe ich mich gerne mit Freunden und höre sehr viel Musik. In letzter Zeit höre ich überwiegend Techno, daher gehe ich auch mega gerne regelmäßig in Technoclubs.

@@ -72,6 +73,9 @@ + + + \ No newline at end of file diff --git a/index.html b/index.html index bf63b00..d948a6b 100644 --- a/index.html +++ b/index.html @@ -28,8 +28,10 @@
-

Hello Internet!

-

I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)

+

+

I'm Malik, some guy on the web who's learning to code.

+

‎

+

Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)

diff --git a/js/lang.js b/js/lang.js index b97c503..8d85b9d 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,23 +1,227 @@ var language = { eng: { + //index.html welcometitle: "Hello Internet!", - welcome: "I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)" + welcome1: "I'm Malik, some guy on the web who's learning to code.", + welcome2: "Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)", + //aboutme.html + aboutmetitle: "About me:", + aboutme1: "Hey, even after almost two decades on this planet I don't know exactly what to write about myself in these 'About Me's. But I'll give it a try. :)", + aboutme2: "So I'm very interested in everything to do with computers. I use Linux and am currently learning to program. Away from the computer, I like to meet up with friends and listen to a lot of music. Lately I've been listening mainly to techno lately, which is why I also go to techno clubs regularly. ", + aboutme3: "Last but not least. I love cats and even have two of these weirdos.", + aboutmebutton1: "Cats", + aboutmebutton2: "Linux", + aboutmebutton3: "Top 10 Techno", + //projects.html + projectstitle: "Comming Soon!", + projects: "Nothing here yet. :)", + //contactme.html + contacttitle: "Contact", + contact: "Email: malik.wachter[at]mawacode.de", + //aboutme/cats.html + catstitle: "My Cats!", + cats: "The white cat is called Percy and the black and white cat is called Mailo.", + //aboutme/linux.html + linuxtitle: "Linux", + linux1: "My Linux distrohop history:", + linuxli1: "2021 January - Linux Mint", + linuxli2: "2021 June - Kubuntu", + linuxli3: "2021 July - KDE Neon", + linuxli4: "2022 February - Fedora", + linuxli5: "2022 June - Nobara", + linuxli6: "Currently Fedora and Nobara", + linux2: "Desktop: Nobara Linux", + linux3: "Distros I've only played around with once:", + linuxli7: "Arch Linux", + linuxli8: "Artix Linux", + linuxli9: "AntiX", + linuxli10: "TailsOS", + linux4: "Other Linux devices I own:", + linuxli11: "Raspberry Pi - Rasberry Pi OS", + linuxli12: "Steam Deck - SteamOS", + linuxli13: "Fairphone 3+ - iodéOS", + //aboutme/techno.html + technotitle: "Techno Top 10", + techno: "Befor you read: This top 10 list is not meant seriously. It was not rated according to any criteria. It's just a collection of songs that I currently enjoy listening to.", + technoli1: "1. i wanna be your girlfriend | Dj Brice", + technoli2: "2. DIE LIEBE KOMMT NICHT AUS BERLIN | Brutalismus 3000", + technoli3: "3. HEISS (Floorkiller Flex) | ÅMRTÜM", + technoli4: "4. Underground | Tucker", + technoli5: "5. Audio Bully - Original | ANSBRO", + technoli6: "6. Goes Crazy - Original Mix | RBX", + technoli7: "7. As We Kick | RVLT, Ouija", + technoli8: "8. Language Of The Devil | Infeed", + technoli9: "9. NUR MEIN KÖRPER UND DIE ANGST | Brutalismus 3000", + technoli10: "10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary" }, ger: { + //index.html welcometitle: "Hallo Internet!", - welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)" + welcome1: "Ich bin Malik, ein Typ aus dem Internet, der programmieren lernt.", + welcome2: "Willkommen auf meiner persönlichen Website. Hier kannst du mehr über mich und meine Projekte erfahren! Danke fürs Vorbeischauen :)", + //aboutme.html + aboutmetitle: "Über mich:", + aboutme1: "Hey, selbst nach fast zwei Jahrzehnten auf diesem Planeten weiß ich nicht genau, was ich in diesen 'Über mich's überhaupt schreiben soll. Aber ich werde es versuchen :)", + aboutme2: "Ich interessiere mich also sehr für alles, was mit Computern zu tun hat. Ich benutze Linux und lerne gerade programmieren. Abseits des Computers treffe ich mich gerne mit Freunden und höre viel Musik. In letzter Zeit höre ich vor allem Techno, deshalb gehe ich auch regelmäßig in Techno-Clubs.", + aboutme3: "Zu guter Letzt, Ich liebe Katzen und habe sogar zwei von diesen Spinnern.", + aboutmebutton1: "Katzen", + aboutmebutton2: "Linux", + aboutmebutton3: "Top 10 Techno", + //projects.html + projectstitle: "Kommt bald!", + projects: "Noch ist hier nichts :)", + //contactme.html + contacttitle: "Kontakt", + contact: "Email: malik.wachter[at]mawacode.de", + //aboutme/cats.html + catstitle: "Meine Katzen!", + cats: "Der weiße Kater heißt Percy und der schwarz-weiße Kater heißt Mailo.", + //aboutme/linux.html + linuxtitle: "Linux", + linux1: "Meine Linux distrohop Geschichte:", + linuxli1: "2021 Januar - Linux Mint", + linuxli2: "2021 Juni - Kubuntu", + linuxli3: "2021 Juli - KDE Neon", + linuxli4: "2022 Februar - Fedora", + linuxli5: "2022 Juni - Nobara", + linuxli6: "Aktuell Fedora und Nobara", + linux2: "Desktop: Nobara Linux", + linux3: "Distros mit dennen ich nurmal rumgespielt habe:", + linuxli7: "Arch Linux", + linuxli8: "Artix Linux", + linuxli9: "AntiX", + linuxli10: "TailsOS", + linux4: "Weitere Linux Geräte in meinem Besitz:", + linuxli11: "Raspberry Pi - Rasberry Pi OS", + linuxli12: "Steam Deck - SteamOS", + linuxli13: "Fairphone 3+ - iodéOS", + //aboutme/techno.html + technotitle: "Techno Top 10", + techno: "Vorab: Diese Top-10-Liste ist nicht ernst gemeint. Es wurde nach keinen Kriterien bewertet. Das ist nur eine Sammlung von Liedern, die ich aktuell gerne höre.", + technoli1: "1. i wanna be your girlfriend | Dj Brice", + technoli2: "2. DIE LIEBE KOMMT NICHT AUS BERLIN | Brutalismus 3000", + technoli3: "3. HEISS (Floorkiller Flex) | ÅMRTÜM", + technoli4: "4. Underground | Tucker", + technoli5: "5. Audio Bully - Original | ANSBRO", + technoli6: "6. Goes Crazy - Original Mix | RBX", + technoli7: "7. As We Kick | RVLT, Ouija", + technoli8: "8. Language Of The Devil | Infeed", + technoli9: "9. NUR MEIN KÖRPER UND DIE ANGST | Brutalismus 3000", + technoli10: "10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary" } }; var isGerman = localStorage.getItem("isGerman") === "true"; if(isGerman===true) { + //index.html welcometitle.textContent = language.ger.welcometitle; - welcome.textContent = language.ger.welcome; + welcome1.textContent = language.ger.welcome1; + welcome2.textContent = language.ger.welcome2; + //aboutme.html + aboutmetitle.textContent = language.ger.aboutmetitle; + aboutme1.textContent = language.ger.aboutme1; + aboutme2.textContent = language.ger.aboutme2; + aboutme3.textContent = language.ger.aboutme3; + aboutmebutton1.textContent = language.ger.aboutmebutton1; + aboutmebutton2.textContent = language.ger.aboutmebutton2; + aboutmebutton3.textContent = language.ger.aboutmebutton3; + //projects.html + projectstitle.textContent = language.ger.projectstitle; + projects.textContent = language.ger.projects; + //contactme.html + contacttitle.textContent = language.ger.contacttitle; + contact.textContent = language.ger.contact; + //aboutme/cats.html + catstitle.textContent = language.ger.catstitle; + cats.textContent = language.ger.cats; + //aboutme/linux.html + linuxtitle.textContent = language.ger.linuxtitle; + linux1.textContent = language.ger.linux1; + linuxli1.textContent = language.ger.linuxli1; + linuxli2.textContent = language.ger.linuxli2; + linuxli3.textContent = language.ger.linuxli3; + linuxli4.textContent = language.ger.linuxli4; + linuxli5.textContent = language.ger.linuxli5; + linuxli6.textContent = language.ger.linuxli6; + linux2.textContent = language.ger.linux2; + linux3.textContent = language.ger.linux3; + linuxli7.textContent = language.ger.linuxli7; + linuxli8.textContent = language.ger.linuxli8; + linuxli9.textContent = language.ger.linuxli9; + linuxli10.textContent = language.ger.linuxli10; + linux4.textContent = language.ger.linux4; + linuxli11.textContent = language.ger.linuxli11; + linuxli12.textContent = language.ger.linuxli12; + linuxli13.textContent = language.ger.linuxli13; + //aboutme/techno.html + technotitle.textContent = language.ger.technotitle; + techno.textContent = language.ger.techno; + technoli1.textContent = language.ger.technoli1; + technoli2.textContent = language.ger.technoli2; + technoli3.textContent = language.ger.technoli3; + technoli4.textContent = language.ger.technoli4; + technoli5.textContent = language.ger.technoli5; + technoli6.textContent = language.ger.technoli6; + technoli7.textContent = language.ger.technoli7; + technoli8.textContent = language.ger.technoli8; + technoli9.textContent = language.ger.technoli9; + technoli10.textContent = language.ger.technoli10; } else{ - welcometitle.textContent = language.eng.welcometitle; - welcome.textContent = language.eng.welcome; + //index.html + welcometitle.textContent = language.eng.welcometitle; + welcome1.textContent = language.eng.welcome1; + welcome2.textContent = language.eng.welcome2; + //aboutme.html + aboutmetitle.textContent = language.eng.aboutmetitle; + aboutme1.textContent = language.eng.aboutme1; + aboutme2.textContent = language.eng.aboutme2; + aboutme3.textContent = language.eng.aboutme3; + aboutmebutton1.textContent = language.eng.aboutmebutton1; + aboutmebutton2.textContent = language.eng.aboutmebutton2; + aboutmebutton3.textContent = language.eng.aboutmebutton3; + //projects.html + projectstitle.textContent = language.eng.projectstitle; + projects.textContent = language.eng.projects; + //contactme.html + contacttitle.textContent = language.eng.contacttitle; + contact.textContent = language.eng.contact; + //aboutme/cats.html + catstitle.textContent = language.eng.catstitle; + cats.textContent = language.eng.cats; + //aboutme/linux.html + linuxtitle.textContent = language.eng.linuxtitle; + linux1.textContent = language.eng.linux1; + linuxli1.textContent = language.eng.linuxli1; + linuxli2.textContent = language.eng.linuxli2; + linuxli3.textContent = language.eng.linuxli3; + linuxli4.textContent = language.eng.linuxli4; + linuxli5.textContent = language.eng.linuxli5; + linuxli6.textContent = language.eng.linuxli6; + linux2.textContent = language.eng.linux2; + linux3.textContent = language.eng.linux3; + linuxli7.textContent = language.eng.linuxli7; + linuxli8.textContent = language.eng.linuxli8; + linuxli9.textContent = language.eng.linuxli9; + linuxli10.textContent = language.eng.linuxli10; + linux4.textContent = language.eng.linux4; + linuxli11.textContent = language.eng.linuxli11; + linuxli12.textContent = language.eng.linuxli12; + linuxli13.textContent = language.eng.linuxli13; + //aboutme/techno.html + technotitle.textContent = language.eng.technotitle; + techno.textContent = language.eng.techno; + technoli1.textContent = language.eng.technoli1; + technoli2.textContent = language.eng.technoli2; + technoli3.textContent = language.eng.technoli3; + technoli4.textContent = language.eng.technoli4; + technoli5.textContent = language.eng.technoli5; + technoli6.textContent = language.eng.technoli6; + technoli7.textContent = language.eng.technoli7; + technoli8.textContent = language.eng.technoli8; + technoli9.textContent = language.eng.technoli9; + technoli10.textContent = language.eng.technoli10; } From 422dee416b1242c309f8f2e8529657a312e9a870 Mon Sep 17 00:00:00 2001 From: malik Date: Thu, 25 Jan 2024 23:58:10 +0100 Subject: [PATCH 08/13] Add working Translation (half) --- aboutme.html | 64 ++++++++++----------- index.html | 14 ++--- js/lang.js | 154 +++++++++++++++++++++++++++++++++------------------ 3 files changed, 140 insertions(+), 92 deletions(-) diff --git a/aboutme.html b/aboutme.html index 43d1113..b70b26b 100644 --- a/aboutme.html +++ b/aboutme.html @@ -14,10 +14,10 @@ @@ -26,54 +26,54 @@
-

hhh

-

Hey, ich weiß selbst nach fast zwei Jahrzehnten auf diesem Planeten nicht genau, was ich über mich schreiben soll in solchen „Über Mich“s. Aber ich versuche es mal. :)

-

‎

-

Also ich interessiere mich sehr für alles rund um Computer. Ich nutze Linux und lerne gerade programmieren. Abseits vom Computer treffe ich mich gerne mit Freunden und höre sehr viel Musik. In letzter Zeit höre ich überwiegend Techno, daher gehe ich auch mega gerne regelmäßig in Technoclubs.

-

‎

-

Zu guter Letzt. Ich liebe Katzen und habe sogar zwei von diesen Spinnern.

+

+

+

‎

+

+

‎

+

-
+
-
- + - + diff --git a/index.html b/index.html index d948a6b..65609d4 100644 --- a/index.html +++ b/index.html @@ -16,10 +16,10 @@ @@ -29,9 +29,9 @@

-

I'm Malik, some guy on the web who's learning to code.

-

‎

-

Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)

+

+

‎

+

diff --git a/js/lang.js b/js/lang.js index 8d85b9d..aca1cec 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,5 +1,10 @@ var language = { eng: { + //nav + homenav: "Home", + aboutmenav: "About Me", + projectsnav: "Projects", + contactnav: "Contact me", //index.html welcometitle: "Hello Internet!", welcome1: "I'm Malik, some guy on the web who's learning to code.", @@ -55,6 +60,11 @@ var language = { technoli10: "10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary" }, ger: { + //nav + homenav: "Startseite", + aboutmenav: "Über Mich", + projectsnav: "Projekte", + contactnav: "Kontakt", //index.html welcometitle: "Hallo Internet!", welcome1: "Ich bin Malik, ein Typ aus dem Internet, der programmieren lernt.", @@ -114,66 +124,93 @@ var language = { var isGerman = localStorage.getItem("isGerman") === "true"; if(isGerman===true) { + //nav + homenav.textContent = language.ger.homenav; + aboutmenav.textContent = language.ger.aboutmenav; + projectsnav.textContent = language.ger.projectsnav; + contactnav.textContent = language.ger.contactnav; //index.html - welcometitle.textContent = language.ger.welcometitle; - welcome1.textContent = language.ger.welcome1; - welcome2.textContent = language.ger.welcome2; + if (window.location.href.indexOf("index") > -1) { + welcometitle.textContent = language.ger.welcometitle; + welcome1.textContent = language.ger.welcome1; + welcome2.textContent = language.ger.welcome2; + } //aboutme.html - aboutmetitle.textContent = language.ger.aboutmetitle; - aboutme1.textContent = language.ger.aboutme1; - aboutme2.textContent = language.ger.aboutme2; - aboutme3.textContent = language.ger.aboutme3; - aboutmebutton1.textContent = language.ger.aboutmebutton1; - aboutmebutton2.textContent = language.ger.aboutmebutton2; - aboutmebutton3.textContent = language.ger.aboutmebutton3; + else if(window.location.href.indexOf("aboutme") > -1) { + aboutmetitle.textContent = language.ger.aboutmetitle; + aboutme1.textContent = language.ger.aboutme1; + aboutme2.textContent = language.ger.aboutme2; + aboutme3.textContent = language.ger.aboutme3; + aboutmebutton1.textContent = language.ger.aboutmebutton1; + aboutmebutton2.textContent = language.ger.aboutmebutton2; + aboutmebutton3.textContent = language.ger.aboutmebutton3; + } //projects.html - projectstitle.textContent = language.ger.projectstitle; - projects.textContent = language.ger.projects; + else if(window.location.href.indexOf("projects") > -1) { + projectstitle.textContent = language.ger.projectstitle; + projects.textContent = language.ger.projects; + } //contactme.html - contacttitle.textContent = language.ger.contacttitle; - contact.textContent = language.ger.contact; + else if(window.location.href.indexOf("contactme") > -1) { + contacttitle.textContent = language.ger.contacttitle; + contact.textContent = language.ger.contact; + } //aboutme/cats.html - catstitle.textContent = language.ger.catstitle; - cats.textContent = language.ger.cats; + else if(window.location.href.indexOf("cats") > -1) { + catstitle.textContent = language.ger.catstitle; + cats.textContent = language.ger.cats; + } //aboutme/linux.html - linuxtitle.textContent = language.ger.linuxtitle; - linux1.textContent = language.ger.linux1; - linuxli1.textContent = language.ger.linuxli1; - linuxli2.textContent = language.ger.linuxli2; - linuxli3.textContent = language.ger.linuxli3; - linuxli4.textContent = language.ger.linuxli4; - linuxli5.textContent = language.ger.linuxli5; - linuxli6.textContent = language.ger.linuxli6; - linux2.textContent = language.ger.linux2; - linux3.textContent = language.ger.linux3; - linuxli7.textContent = language.ger.linuxli7; - linuxli8.textContent = language.ger.linuxli8; - linuxli9.textContent = language.ger.linuxli9; - linuxli10.textContent = language.ger.linuxli10; - linux4.textContent = language.ger.linux4; - linuxli11.textContent = language.ger.linuxli11; - linuxli12.textContent = language.ger.linuxli12; - linuxli13.textContent = language.ger.linuxli13; + else if(window.location.href.indexOf("linux") > -1) { + linuxtitle.textContent = language.ger.linuxtitle; + linux1.textContent = language.ger.linux1; + linuxli1.textContent = language.ger.linuxli1; + linuxli2.textContent = language.ger.linuxli2; + linuxli3.textContent = language.ger.linuxli3; + linuxli4.textContent = language.ger.linuxli4; + linuxli5.textContent = language.ger.linuxli5; + linuxli6.textContent = language.ger.linuxli6; + linux2.textContent = language.ger.linux2; + linux3.textContent = language.ger.linux3; + linuxli7.textContent = language.ger.linuxli7; + linuxli8.textContent = language.ger.linuxli8; + linuxli9.textContent = language.ger.linuxli9; + linuxli10.textContent = language.ger.linuxli10; + linux4.textContent = language.ger.linux4; + linuxli11.textContent = language.ger.linuxli11; + linuxli12.textContent = language.ger.linuxli12; + linuxli13.textContent = language.ger.linuxli13; + } //aboutme/techno.html - technotitle.textContent = language.ger.technotitle; - techno.textContent = language.ger.techno; - technoli1.textContent = language.ger.technoli1; - technoli2.textContent = language.ger.technoli2; - technoli3.textContent = language.ger.technoli3; - technoli4.textContent = language.ger.technoli4; - technoli5.textContent = language.ger.technoli5; - technoli6.textContent = language.ger.technoli6; - technoli7.textContent = language.ger.technoli7; - technoli8.textContent = language.ger.technoli8; - technoli9.textContent = language.ger.technoli9; - technoli10.textContent = language.ger.technoli10; + else if(window.location.href.indexOf("techno") > -1) { + technotitle.textContent = language.ger.technotitle; + techno.textContent = language.ger.techno; + technoli1.textContent = language.ger.technoli1; + technoli2.textContent = language.ger.technoli2; + technoli3.textContent = language.ger.technoli3; + technoli4.textContent = language.ger.technoli4; + technoli5.textContent = language.ger.technoli5; + technoli6.textContent = language.ger.technoli6; + technoli7.textContent = language.ger.technoli7; + technoli8.textContent = language.ger.technoli8; + technoli9.textContent = language.ger.technoli9; + technoli10.textContent = language.ger.technoli10; + } } else{ - //index.html + //nav + homenav.textContent = language.eng.homenav; + aboutmenav.textContent = language.eng.aboutmenav; + projectsnav.textContent = language.eng.projectsnav; + contactnav.textContent = language.eng.contactnav; + //index.html + if (window.location.href.indexOf("index") > -1) { welcometitle.textContent = language.eng.welcometitle; welcome1.textContent = language.eng.welcome1; welcome2.textContent = language.eng.welcome2; - //aboutme.html + } + //aboutme.html + else if(window.location.href.indexOf("aboutme") > -1) { aboutmetitle.textContent = language.eng.aboutmetitle; aboutme1.textContent = language.eng.aboutme1; aboutme2.textContent = language.eng.aboutme2; @@ -181,16 +218,24 @@ else{ aboutmebutton1.textContent = language.eng.aboutmebutton1; aboutmebutton2.textContent = language.eng.aboutmebutton2; aboutmebutton3.textContent = language.eng.aboutmebutton3; - //projects.html + } + //projects.html + else if(window.location.href.indexOf("projects") > -1) { projectstitle.textContent = language.eng.projectstitle; projects.textContent = language.eng.projects; - //contactme.html + } + //contactme.html + else if(window.location.href.indexOf("contactme") > -1) { contacttitle.textContent = language.eng.contacttitle; contact.textContent = language.eng.contact; - //aboutme/cats.html + } + //aboutme/cats.html + else if(window.location.href.indexOf("cats") > -1) { catstitle.textContent = language.eng.catstitle; cats.textContent = language.eng.cats; - //aboutme/linux.html + } + //aboutme/linux.html + else if(window.location.href.indexOf("linux") > -1) { linuxtitle.textContent = language.eng.linuxtitle; linux1.textContent = language.eng.linux1; linuxli1.textContent = language.eng.linuxli1; @@ -209,7 +254,9 @@ else{ linuxli11.textContent = language.eng.linuxli11; linuxli12.textContent = language.eng.linuxli12; linuxli13.textContent = language.eng.linuxli13; - //aboutme/techno.html + } + //aboutme/techno.html + else if(window.location.href.indexOf("techno") > -1) { technotitle.textContent = language.eng.technotitle; techno.textContent = language.eng.techno; technoli1.textContent = language.eng.technoli1; @@ -222,6 +269,7 @@ else{ technoli8.textContent = language.eng.technoli8; technoli9.textContent = language.eng.technoli9; technoli10.textContent = language.eng.technoli10; + } } From db261d59b34f008f41afc4408a10799f067ebe3b Mon Sep 17 00:00:00 2001 From: malik Date: Fri, 26 Jan 2024 00:17:18 +0100 Subject: [PATCH 09/13] Add check if homepage to fix missing text --- index.html | 2 +- js/lang.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 65609d4..92f56e9 100644 --- a/index.html +++ b/index.html @@ -28,7 +28,7 @@
-

+

Hello Internet!

‎

diff --git a/js/lang.js b/js/lang.js index aca1cec..49c0a50 100644 --- a/js/lang.js +++ b/js/lang.js @@ -130,7 +130,7 @@ if(isGerman===true) { projectsnav.textContent = language.ger.projectsnav; contactnav.textContent = language.ger.contactnav; //index.html - if (window.location.href.indexOf("index") > -1) { + if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) { welcometitle.textContent = language.ger.welcometitle; welcome1.textContent = language.ger.welcome1; welcome2.textContent = language.ger.welcome2; @@ -204,7 +204,7 @@ else{ projectsnav.textContent = language.eng.projectsnav; contactnav.textContent = language.eng.contactnav; //index.html - if (window.location.href.indexOf("index") > -1) { + if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) { welcometitle.textContent = language.eng.welcometitle; welcome1.textContent = language.eng.welcome1; welcome2.textContent = language.eng.welcome2; From d1b72f9183d0222cee606e3f40548a38074accc6 Mon Sep 17 00:00:00 2001 From: malik Date: Fri, 26 Jan 2024 00:35:51 +0100 Subject: [PATCH 10/13] Fully implemented translations --- aboutme/cats.html | 16 +++++++++------ aboutme/linux.html | 50 ++++++++++++++++++++++++--------------------- aboutme/techno.html | 36 +++++++++++++++++--------------- contactme.html | 16 +++++++++------ js/lang.js | 8 ++++++-- projects.html | 15 ++++++++------ 6 files changed, 82 insertions(+), 59 deletions(-) diff --git a/aboutme/cats.html b/aboutme/cats.html index 6970ab3..9411451 100644 --- a/aboutme/cats.html +++ b/aboutme/cats.html @@ -15,19 +15,20 @@ +
-

Meine Katzen!

-

Der weiße Kater heißt Percy und der Schwarzweiße heißt Mailo

+

+

@@ -64,6 +65,9 @@ + + + \ No newline at end of file diff --git a/aboutme/linux.html b/aboutme/linux.html index 74d32d5..498e383 100644 --- a/aboutme/linux.html +++ b/aboutme/linux.html @@ -15,46 +15,47 @@ +
-

Linux

+

-

Meine Linux distrohop Geschichte:

+

    -
  • 2021 Januar - Linux Mint
    • -
  • 2021 Juni - Kubuntu
    • -
  • 2021 Juli - KDE Neon
    • -
  • 2022 Februar - Fedora
    • -
  • 2022 Juni - Nobara
    • -
  • Aktuell Fedora und Nobara
    • +
  • +
  • +
  • +
  • +
  • +

‎

-

Desktop: Nobara Linux

+

-

Laptop: Fedora Linux

+

‎

-

Distros mit dennen ich nurmal rumgespielt habe:

+

    -
  • Arch Linux
    • -
  • Artix Linux
    • -
  • AntiX
    • -
  • TailsOS
    • +
  • +
  • +
  • +
-

Weitere Linux Geräte in meinem Besitz:

+

    -
  • Raspberry Pi - Rasberry Pi OS
    • -
  • Steam Deck - SteamOS
    • -
  • Fairphone 3+ - iodéOS
    • +
  • +
  • +
@@ -90,6 +91,9 @@ + + + \ No newline at end of file diff --git a/aboutme/techno.html b/aboutme/techno.html index 3ea9580..89e2c5f 100644 --- a/aboutme/techno.html +++ b/aboutme/techno.html @@ -15,30 +15,31 @@ +
-

Techno Top 10

-

Vorab: Diese Top-10-Liste ist nicht ernst gemeint. Es wurde nach keinen Kriterien bewertet. Das ist nur eine Sammlung von Liedern, die ich aktuell gerne höre.

+

+

    -
  • 1. i wanna be your girlfriend | Dj Brice
    • -
  • 2. DIE LIEBE KOMMT NICHT AUS BERLIN | Brutalismus 3000
    • -
  • 3. HEISS (Floorkiller Flex) | ÅMRTÜM
    • -
  • 4. Underground | Tucker
    • -
  • 5. Audio Bully - Original | ANSBRO
    • -
  • 6. Goes Crazy - Original Mix | RBX
    • -
  • 7. As We Kick | RVLT, Ouija
    • -
  • 8. Language Of The Devil | Infeed
    • -
  • 9. NUR MEIN KÖRPER UND DIE ANGST | Brutalismus 3000
    • -
  • 10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary
    • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
@@ -76,6 +77,9 @@ + + + \ No newline at end of file diff --git a/contactme.html b/contactme.html index 56e6c97..0c36f4e 100644 --- a/contactme.html +++ b/contactme.html @@ -15,19 +15,20 @@ +
-

Kontakt

-

Email: malik.wachter [at] mawacode.de

+

+

@@ -63,6 +64,9 @@ + + + \ No newline at end of file diff --git a/js/lang.js b/js/lang.js index 49c0a50..5749d81 100644 --- a/js/lang.js +++ b/js/lang.js @@ -36,6 +36,7 @@ var language = { linuxli5: "2022 June - Nobara", linuxli6: "Currently Fedora and Nobara", linux2: "Desktop: Nobara Linux", + linux2_2: "Laptop: Fedora Linux", linux3: "Distros I've only played around with once:", linuxli7: "Arch Linux", linuxli8: "Artix Linux", @@ -96,6 +97,7 @@ var language = { linuxli5: "2022 Juni - Nobara", linuxli6: "Aktuell Fedora und Nobara", linux2: "Desktop: Nobara Linux", + linux2_2: "Laptop: Fedora Linux", linux3: "Distros mit dennen ich nurmal rumgespielt habe:", linuxli7: "Arch Linux", linuxli8: "Artix Linux", @@ -136,7 +138,7 @@ if(isGerman===true) { welcome2.textContent = language.ger.welcome2; } //aboutme.html - else if(window.location.href.indexOf("aboutme") > -1) { + else if(window.location.href.indexOf("aboutme.html") > -1) { aboutmetitle.textContent = language.ger.aboutmetitle; aboutme1.textContent = language.ger.aboutme1; aboutme2.textContent = language.ger.aboutme2; @@ -171,6 +173,7 @@ if(isGerman===true) { linuxli5.textContent = language.ger.linuxli5; linuxli6.textContent = language.ger.linuxli6; linux2.textContent = language.ger.linux2; + linux2_2.textContent = language.ger.linux2_2; linux3.textContent = language.ger.linux3; linuxli7.textContent = language.ger.linuxli7; linuxli8.textContent = language.ger.linuxli8; @@ -210,7 +213,7 @@ else{ welcome2.textContent = language.eng.welcome2; } //aboutme.html - else if(window.location.href.indexOf("aboutme") > -1) { + else if(window.location.href.indexOf("aboutme.html") > -1) { aboutmetitle.textContent = language.eng.aboutmetitle; aboutme1.textContent = language.eng.aboutme1; aboutme2.textContent = language.eng.aboutme2; @@ -245,6 +248,7 @@ else{ linuxli5.textContent = language.eng.linuxli5; linuxli6.textContent = language.eng.linuxli6; linux2.textContent = language.eng.linux2; + linux2_2.textContent = language.eng.linux2_2; linux3.textContent = language.eng.linux3; linuxli7.textContent = language.eng.linuxli7; linuxli8.textContent = language.eng.linuxli8; diff --git a/projects.html b/projects.html index 642d4e5..740c963 100644 --- a/projects.html +++ b/projects.html @@ -15,19 +15,20 @@ +
-

Kommt bald!

-

Noch ist hier nichts. :)

+

+

@@ -63,6 +64,8 @@ + + \ No newline at end of file From d2f5097f24e1723f2f4a917e7761b4fa64c3e580 Mon Sep 17 00:00:00 2001 From: malik Date: Fri, 26 Jan 2024 00:37:26 +0100 Subject: [PATCH 11/13] Fixed Typo --- js/lang.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/lang.js b/js/lang.js index 5749d81..e2779f7 100644 --- a/js/lang.js +++ b/js/lang.js @@ -18,7 +18,7 @@ var language = { aboutmebutton2: "Linux", aboutmebutton3: "Top 10 Techno", //projects.html - projectstitle: "Comming Soon!", + projectstitle: "Coming Soon!", projects: "Nothing here yet. :)", //contactme.html contacttitle: "Contact", From 41524afd603f1f6d6ce890584869f1cb4d50ab0b Mon Sep 17 00:00:00 2001 From: malik Date: Fri, 26 Jan 2024 01:32:13 +0100 Subject: [PATCH 12/13] Changes on button to change langauge --- aboutme.html | 2 +- aboutme/cats.html | 2 +- aboutme/linux.html | 2 +- aboutme/techno.html | 2 +- contactme.html | 2 +- css/style.css | 22 ---------------------- index.html | 2 +- js/lang.js | 21 ++++++++++++--------- projects.html | 2 +- 9 files changed, 19 insertions(+), 38 deletions(-) diff --git a/aboutme.html b/aboutme.html index b70b26b..c607901 100644 --- a/aboutme.html +++ b/aboutme.html @@ -18,10 +18,10 @@
    • +
    • -
    diff --git a/aboutme/cats.html b/aboutme/cats.html index 9411451..a579983 100644 --- a/aboutme/cats.html +++ b/aboutme/cats.html @@ -19,10 +19,10 @@
    • +
    • -
    diff --git a/aboutme/linux.html b/aboutme/linux.html index 498e383..504a0f6 100644 --- a/aboutme/linux.html +++ b/aboutme/linux.html @@ -19,10 +19,10 @@
    • +
    • -
    diff --git a/aboutme/techno.html b/aboutme/techno.html index 89e2c5f..08ad52c 100644 --- a/aboutme/techno.html +++ b/aboutme/techno.html @@ -19,10 +19,10 @@
    • +
    • -
    diff --git a/contactme.html b/contactme.html index 0c36f4e..b4f38ee 100644 --- a/contactme.html +++ b/contactme.html @@ -19,10 +19,10 @@
    • +
    • -
    diff --git a/css/style.css b/css/style.css index 255a32b..f77a3b8 100644 --- a/css/style.css +++ b/css/style.css @@ -61,20 +61,6 @@ nav ul li a:hover{ cursor: pointer; } -#lang{ - color: black; - padding: 5px; - background-color: #e2de84; - box-shadow: 5px 5px 5px black; - width: 2.5em; - margin-top: 24px; - margin-left: 5px; -} - -#lang:hover{ - cursor: pointer; -} - h1{ color: black; } @@ -206,16 +192,8 @@ h2{ box-shadow: 0 0 0; } - #lang{ - margin-left: 5px; - margin-bottom: 25px; - width: 58px; - transform: translateX(-60px); - } - .menu-icon{ display: block; - transform: translateX(70px); } #menuList{ diff --git a/index.html b/index.html index 92f56e9..42643b3 100644 --- a/index.html +++ b/index.html @@ -20,10 +20,10 @@
    • +
    • -
    diff --git a/js/lang.js b/js/lang.js index e2779f7..e69a8f8 100644 --- a/js/lang.js +++ b/js/lang.js @@ -1,10 +1,12 @@ var language = { + //All english strings: eng: { //nav homenav: "Home", aboutmenav: "About Me", projectsnav: "Projects", contactnav: "Contact me", + lang: "Language", //index.html welcometitle: "Hello Internet!", welcome1: "I'm Malik, some guy on the web who's learning to code.", @@ -60,12 +62,14 @@ var language = { technoli9: "9. NUR MEIN KÖRPER UND DIE ANGST | Brutalismus 3000", technoli10: "10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary" }, + //All german strings: ger: { //nav homenav: "Startseite", aboutmenav: "Über Mich", projectsnav: "Projekte", contactnav: "Kontakt", + lang: "Sprache", //index.html welcometitle: "Hallo Internet!", welcome1: "Ich bin Malik, ein Typ aus dem Internet, der programmieren lernt.", @@ -123,14 +127,17 @@ var language = { } }; +//get isGerman state from localStorage var isGerman = localStorage.getItem("isGerman") === "true"; +//inserting the german strings: if(isGerman===true) { //nav homenav.textContent = language.ger.homenav; aboutmenav.textContent = language.ger.aboutmenav; projectsnav.textContent = language.ger.projectsnav; contactnav.textContent = language.ger.contactnav; + lang.textContent = language.ger.lang; //index.html if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) { welcometitle.textContent = language.ger.welcometitle; @@ -200,12 +207,14 @@ if(isGerman===true) { technoli10.textContent = language.ger.technoli10; } } +//inserting the english strings: else{ //nav homenav.textContent = language.eng.homenav; aboutmenav.textContent = language.eng.aboutmenav; projectsnav.textContent = language.eng.projectsnav; contactnav.textContent = language.eng.contactnav; + lang.textContent = language.eng.lang; //index.html if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) { welcometitle.textContent = language.eng.welcometitle; @@ -277,18 +286,12 @@ else{ } + +//invert isGerman bool on click of language button function langChange() { isGerman = !isGerman; localStorage.setItem("isGerman", isGerman); - console.log(localStorage.getItem("isGerman")); + console.log(isGerman); window.location.reload(); } - - - - - - - - diff --git a/projects.html b/projects.html index 740c963..864445b 100644 --- a/projects.html +++ b/projects.html @@ -19,10 +19,10 @@
    • +
    • -
    From 5c6209f93047a3566b2712520ee2306ab6326881 Mon Sep 17 00:00:00 2001 From: malik Date: Sat, 27 Jan 2024 15:31:42 +0100 Subject: [PATCH 13/13] Fully working language change button --- aboutme.html | 21 --------------------- aboutme/cats.html | 21 --------------------- aboutme/linux.html | 20 -------------------- aboutme/techno.html | 21 --------------------- contactme.html | 20 -------------------- css/style.css | 5 ++--- index.html | 21 --------------------- js/lang.js | 22 ++++++++++++++++++++-- projects.html | 20 -------------------- 9 files changed, 22 insertions(+), 149 deletions(-) diff --git a/aboutme.html b/aboutme.html index c607901..98ef8ce 100644 --- a/aboutme.html +++ b/aboutme.html @@ -52,27 +52,6 @@
    - - diff --git a/aboutme/cats.html b/aboutme/cats.html index a579983..e03b9be 100644 --- a/aboutme/cats.html +++ b/aboutme/cats.html @@ -44,27 +44,6 @@
    - - diff --git a/aboutme/linux.html b/aboutme/linux.html index 504a0f6..f8cdb8b 100644 --- a/aboutme/linux.html +++ b/aboutme/linux.html @@ -70,26 +70,6 @@
    - diff --git a/aboutme/techno.html b/aboutme/techno.html index 08ad52c..ab45861 100644 --- a/aboutme/techno.html +++ b/aboutme/techno.html @@ -56,27 +56,6 @@
    - - diff --git a/contactme.html b/contactme.html index b4f38ee..8fcfb1b 100644 --- a/contactme.html +++ b/contactme.html @@ -43,26 +43,6 @@
    - diff --git a/css/style.css b/css/style.css index f77a3b8..0a60958 100644 --- a/css/style.css +++ b/css/style.css @@ -171,7 +171,7 @@ h2{ padding-right: 4%; } - nav ul { + nav ul{ width: 100%; position: absolute; top: 75px; @@ -185,11 +185,11 @@ h2{ display: block; margin-top: 10px; margin-bottom: 10px; - } nav ul li a{ box-shadow: 0 0 0; + cursor: pointer; } .menu-icon{ @@ -214,7 +214,6 @@ h2{ .col-2 .fotovonmir{ width: 77%; - transform: translateX(0px); } diff --git a/index.html b/index.html index 42643b3..06a622b 100644 --- a/index.html +++ b/index.html @@ -46,27 +46,6 @@
    - - diff --git a/js/lang.js b/js/lang.js index e69a8f8..ad5020f 100644 --- a/js/lang.js +++ b/js/lang.js @@ -6,7 +6,7 @@ var language = { aboutmenav: "About Me", projectsnav: "Projects", contactnav: "Contact me", - lang: "Language", + lang: "Switch to German", //index.html welcometitle: "Hello Internet!", welcome1: "I'm Malik, some guy on the web who's learning to code.", @@ -69,7 +69,7 @@ var language = { aboutmenav: "Über Mich", projectsnav: "Projekte", contactnav: "Kontakt", - lang: "Sprache", + lang: "Wechseln zu Englisch", //index.html welcometitle: "Hallo Internet!", welcome1: "Ich bin Malik, ein Typ aus dem Internet, der programmieren lernt.", @@ -295,3 +295,21 @@ function langChange() { window.location.reload(); } + +//menu Script +var menuList = document.getElementById("menuList"); + +menuList.style.maxHeight = "0px"; + +function togglemenu(){ + + if(menuList.style.maxHeight == "0px") + { + menuList.style.maxHeight = "200px"; + } + else + { + menuList.style.maxHeight = "0px"; + } + +} \ No newline at end of file diff --git a/projects.html b/projects.html index 864445b..f0d4697 100644 --- a/projects.html +++ b/projects.html @@ -43,26 +43,6 @@
    -