diff --git a/aboutme.html b/aboutme.html index f712581..f980207 100644 --- a/aboutme.html +++ b/aboutme.html @@ -100,6 +100,7 @@ + diff --git a/aboutme/cats.html b/aboutme/cats.html index da6e2b0..f0c9786 100644 --- a/aboutme/cats.html +++ b/aboutme/cats.html @@ -62,6 +62,7 @@ + diff --git a/aboutme/linux.html b/aboutme/linux.html index 6c6624d..64a951f 100644 --- a/aboutme/linux.html +++ b/aboutme/linux.html @@ -97,6 +97,7 @@ + diff --git a/aboutme/techno.html b/aboutme/techno.html index e2fb9f1..f25f11d 100644 --- a/aboutme/techno.html +++ b/aboutme/techno.html @@ -72,6 +72,7 @@ + diff --git a/contactme.html b/contactme.html index 695fad6..72b7b4a 100644 --- a/contactme.html +++ b/contactme.html @@ -86,6 +86,7 @@ + diff --git a/css/projects.css b/css/projects.css new file mode 100644 index 0000000..1c2c0e4 --- /dev/null +++ b/css/projects.css @@ -0,0 +1,26 @@ +/*CSS for personalwebsite.html*/ +.websitepics{ + width: 100%; + display:flex; + align-items: flex-end; +} + +.desktoptext{ + width: 70%; + margin-left: 1%; +} + +.desktoppic{ + width: 100%; + box-shadow: 10px 10px 10px; + color:black; + border-radius: 12px; + +} + +.mobilepic{ + width: 30%; + box-shadow: 10px 10px 10px; + color:black; + border-radius: 12px; +} diff --git a/css/style.css b/css/style.css index 6a711ce..37c6b06 100644 --- a/css/style.css +++ b/css/style.css @@ -133,6 +133,11 @@ p{ font-size: 100%; } +ul li{ + color: #bbadbe; + margin-left: 1em; +} + .row{ display: flex; justify-content: space-between; @@ -294,6 +299,7 @@ p{ #aboutmelinks li a:hover{ color: #af83b9; cursor: pointer; + background-color: rgba(50, 50, 50, 0.75); } #catpics img{ @@ -360,6 +366,30 @@ table tr td{ border-radius: 12px; } +.projectsbox a{ + border-radius: 0 12px 0 12px; + border: 1px solid rgba(255, 255, 255, 0.125); + padding: 2%; + text-align: center; + backdrop-filter: blur(10px) saturate(100%); + -webkit-backdrop-filter: blur(10px) saturate(100%); + background-color: rgba(30, 30, 30, 0.75); +} + +.projectsbox a{ + color: #bbadbe; + font-size: 200%; + text-decoration: none; +} + +.projectsbox a:hover{ + cursor: pointer; + color: #af83b9; + background-color: rgba(50, 50, 50, 0.75); +} + + + @media only screen and (max-width:900px){ .navbar{ diff --git a/fullrespic.html b/fullrespic.html index 104c3ff..36a724e 100644 --- a/fullrespic.html +++ b/fullrespic.html @@ -57,6 +57,7 @@ + diff --git a/index.html b/index.html index b6ab7da..3d4a7ee 100644 --- a/index.html +++ b/index.html @@ -63,6 +63,7 @@ + diff --git a/js/lang.js b/js/lang.js index c675627..3c975e0 100644 --- a/js/lang.js +++ b/js/lang.js @@ -34,8 +34,8 @@ var language = { amtd10: "Schlager music", amtd11: "Talking & chatting", //projects.html - projectstitle: "Coming Soon!", - projects: "Nothing here yet. :)", + projectstitle: "My Projects:", + project1: "mawacode.de", //contactme.html contacttitle: "Contact", contact: "Email: contact[at]mawacode.de", @@ -113,8 +113,8 @@ var language = { amtd10: "Schlagermusik", amtd11: "Labern & Chatten", //projects.html - projectstitle: "Kommt bald!", - projects: "Noch ist hier nichts :)", + projectstitle: "Meine Projekte:", + project1: "mawacode.de", //contactme.html contacttitle: "Kontakt", contact: "Email: contact[at]mawacode.de", @@ -201,9 +201,9 @@ if(isEnglish===false) { amtd11.textContent = language.ger.amtd11; } //projects.html - else if(window.location.href.indexOf("projects") > -1) { + else if(window.location.href.indexOf("projects.html") > -1) { projectstitle.textContent = language.ger.projectstitle; - projects.textContent = language.ger.projects; + project1.textContent = language.ger.project1; } //contactme.html else if(window.location.href.indexOf("contactme") > -1) { @@ -294,9 +294,9 @@ else{ amtd11.textContent = language.eng.amtd11; } //projects.html - else if(window.location.href.indexOf("projects") > -1) { + else if(window.location.href.indexOf("projects.html") > -1) { projectstitle.textContent = language.eng.projectstitle; - projects.textContent = language.eng.projects; + project1.textContent = language.eng.project1; } //contactme.html else if(window.location.href.indexOf("contactme") > -1) { @@ -360,20 +360,3 @@ function langChange() { } -//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/js/menu.js b/js/menu.js new file mode 100644 index 0000000..ffdf7e9 --- /dev/null +++ b/js/menu.js @@ -0,0 +1,17 @@ +//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/js/projectslang.js b/js/projectslang.js new file mode 100644 index 0000000..50181f0 --- /dev/null +++ b/js/projectslang.js @@ -0,0 +1,100 @@ +var language = { + //All english strings: + eng: { + personalwebsitetitle: "My Personal Website", + personalwebsite1: "Project Start: 2024-01-21 | Project status: Still going", + personalwebsitebutton1: "Detailed Changelog", + personalwebsitetitle2: "Biggest changes over time:", + personalwebsite2: "Oldest Screenshot: (2024-01-21)", + personalwebsite3: "This is the oldest screenshot that I still have from my Website. This was before I used Git.", + personalwebsite4: "First ever git commit: (2024-01-22)", + personalwebsite5: "This was the first ever commit of my Website. Back then, it was still unusable on Mobile.", + personalwebsite6: "Working mobile version: (2024-01-23)", + personalwebsite7: "In this update, I got the responsive design to work on mobile.", + personalwebsite8: "Translated website: (2024-01-27)", + personalwebsite9: "First implementation of the translation feature.", + personalwebsite10: "Redesgin of the navbar and CAT! (2024-02-03)", + personalwebsite11: "In this update, I redesigned the entire nav bar to look more modern. I also removed the text from the language change button and used an Icon instead. And the best part: I added my cat on the front page.", + personalwebsite12: "Complete redesign (2024-02-08)", + personalwebsite13: "In this update, I redesigned the entire page once again. I changed the colors and added blur effects. I also made most of the text smaller into a more normal size." + }, + //All german strings: + ger: { + personalwebsitetitle: "Meine Persönliche Webseite", + personalwebsite1: "Projekt Start: 2024-01-21 | Projekt Status: Läuft noch", + personalwebsitebutton1: "Detaillierter Changelog", + personalwebsitetitle2: "Größte Veränderungen im Laufe der Zeit:", + personalwebsite2: "Ältester Screenshot: (2024-01-21)", + personalwebsite3: "Dies ist der älteste Screenshot, den ich noch von meiner Website habe. Das war, bevor ich Git verwendet habe.", + personalwebsite4: "Erster git commit: (2024-01-22)", + personalwebsite5: "Dies war der allererste Commit meiner Website. Damals war sie auf dem Handy noch unbenutzbar.", + personalwebsite6: "Funktionierende mobile Version: (2024-01-23)", + personalwebsite7: "In diesem Update habe ich das Responsive Design auf dem Handy zum Laufen gebracht.", + personalwebsite8: "Übersetzte Website: (2024-01-27)", + personalwebsite9: "Erste Implementierung der Übersetzungsfunktion.", + personalwebsite10: "Überarbeitung der Navigationsleiste und KATZE!(2024-02-03)", + personalwebsite11: "In diesem Update habe ich die gesamte Navigationsleiste neu gestaltet, damit sie moderner aussieht. Außerdem habe ich den Text aus der Schaltfläche zum Wechseln der Sprache entfernt und stattdessen ein Icon verwendet. Und das Beste: Ich habe meine Katze auf der Startseite hinzugefügt.", + personalwebsite12: "Komplette Neugestaltung (2024-02-08)", + personalwebsite13: "In diesem Update habe ich die gesamte Seite noch einmal umgestaltet. Ich habe die Farben geändert und Unschärfeeffekte hinzugefügt. Außerdem habe ich den Großteil des Textes auf eine normalere Größe verkleinert." + } +}; + +//get isEnglish state from localStorage +var isEnglish = localStorage.getItem("isEnglish") === "true"; + +//inserting the german strings: +if(isEnglish===false) { + //personalwebsite.html + if (window.location.pathname == '/' || window.location.href.indexOf("personalwebsite") > -1) { + personalwebsitetitle.textContent = language.ger.personalwebsitetitle; + personalwebsite1.textContent = language.ger.personalwebsite1; + personalwebsitebutton1.textContent = language.ger.personalwebsitebutton1; + personalwebsitetitle2.textContent = language.ger.personalwebsitetitle2; + personalwebsite2.textContent = language.ger.personalwebsite2; + personalwebsite3.textContent = language.ger.personalwebsite3; + personalwebsite4.textContent = language.ger.personalwebsite4; + personalwebsite5.textContent = language.ger.personalwebsite5; + personalwebsite6.textContent = language.ger.personalwebsite6; + personalwebsite7.textContent = language.ger.personalwebsite7; + personalwebsite8.textContent = language.ger.personalwebsite8; + personalwebsite9.textContent = language.ger.personalwebsite9; + personalwebsite10.textContent = language.ger.personalwebsite10; + personalwebsite11.textContent = language.ger.personalwebsite11; + personalwebsite12.textContent = language.ger.personalwebsite12; + personalwebsite13.textContent = language.ger.personalwebsite13; + } +} +//inserting the english strings: +else{ + //personalwebsite.html + if (window.location.pathname == '/' || window.location.href.indexOf("personalwebsite") > -1) { + personalwebsitetitle.textContent = language.eng.personalwebsitetitle; + personalwebsite1.textContent = language.eng.personalwebsite1; + personalwebsitebutton1.textContent = language.eng.personalwebsitebutton1; + personalwebsitetitle2.textContent = language.eng.personalwebsitetitle2; + personalwebsite2.textContent = language.eng.personalwebsite2; + personalwebsite3.textContent = language.eng.personalwebsite3; + personalwebsite4.textContent = language.eng.personalwebsite4; + personalwebsite5.textContent = language.eng.personalwebsite5; + personalwebsite6.textContent = language.eng.personalwebsite6; + personalwebsite7.textContent = language.eng.personalwebsite7; + personalwebsite8.textContent = language.eng.personalwebsite8; + personalwebsite9.textContent = language.eng.personalwebsite9; + personalwebsite10.textContent = language.eng.personalwebsite10; + personalwebsite11.textContent = language.eng.personalwebsite11; + personalwebsite12.textContent = language.eng.personalwebsite12; + personalwebsite13.textContent = language.eng.personalwebsite13; + } +} + + + +//invert isEnglish bool on click of language button +function langChange() { + isEnglish = !isEnglish; + localStorage.setItem("isEnglish", isEnglish); + console.log(isEnglish); + window.location.reload(); +} + + diff --git a/pics/desktop-tanslation.GIF b/pics/desktop-tanslation.GIF new file mode 100644 index 0000000..1f65b1f Binary files /dev/null and b/pics/desktop-tanslation.GIF differ diff --git a/pics/firstcommit-desktop.png b/pics/firstcommit-desktop.png new file mode 100644 index 0000000..6b94c50 Binary files /dev/null and b/pics/firstcommit-desktop.png differ diff --git a/pics/firstcommit-mobile.png b/pics/firstcommit-mobile.png new file mode 100644 index 0000000..dd414e2 Binary files /dev/null and b/pics/firstcommit-mobile.png differ diff --git a/pics/firstrestyle-desktop.png b/pics/firstrestyle-desktop.png new file mode 100644 index 0000000..b07d24a Binary files /dev/null and b/pics/firstrestyle-desktop.png differ diff --git a/pics/firstrestyle-mobile.png b/pics/firstrestyle-mobile.png new file mode 100644 index 0000000..7cac668 Binary files /dev/null and b/pics/firstrestyle-mobile.png differ diff --git a/pics/firstworkingmobilescreen-desktop.png b/pics/firstworkingmobilescreen-desktop.png new file mode 100644 index 0000000..ad142f6 Binary files /dev/null and b/pics/firstworkingmobilescreen-desktop.png differ diff --git a/pics/firstworkingmobilescreen.png b/pics/firstworkingmobilescreen.png new file mode 100644 index 0000000..fddc89e Binary files /dev/null and b/pics/firstworkingmobilescreen.png differ diff --git a/pics/mobile-translation.GIF b/pics/mobile-translation.GIF new file mode 100644 index 0000000..c29d7c7 Binary files /dev/null and b/pics/mobile-translation.GIF differ diff --git a/pics/oldestscreenshot-desktop.png b/pics/oldestscreenshot-desktop.png new file mode 100644 index 0000000..67dec93 Binary files /dev/null and b/pics/oldestscreenshot-desktop.png differ diff --git a/pics/secondrestyle-desktop.png b/pics/secondrestyle-desktop.png new file mode 100644 index 0000000..56cf813 Binary files /dev/null and b/pics/secondrestyle-desktop.png differ diff --git a/pics/secondrestyle-mobile.png b/pics/secondrestyle-mobile.png new file mode 100644 index 0000000..3cc32f6 Binary files /dev/null and b/pics/secondrestyle-mobile.png differ diff --git a/projects.html b/projects.html index 04749db..1f0fb9f 100644 --- a/projects.html +++ b/projects.html @@ -5,6 +5,7 @@ mawacode.de + @@ -44,8 +45,10 @@

-
-

+

+
+ +
@@ -61,6 +64,7 @@
+ diff --git a/projects/personalwebsite.html b/projects/personalwebsite.html new file mode 100644 index 0000000..d562959 --- /dev/null +++ b/projects/personalwebsite.html @@ -0,0 +1,141 @@ + + + + + + mawacode.de + + + + + + + + +
+ + +
+ + + + +
+ + +
+
+ +
+
+
+

+
+


+ +
+

+
+

+
+
+
+

+
+ +
+
+
+

+
+ +
+
+

+
+ +
+
+
+

+
+ +
+
+

+
+ +
+
+
+

+
+ +
+
+

+
+ +
+
+
+

+
+ +
+
+

+
+ +
+
+
+

+
+ +
+
+

+
+ +
+
+
+ +
+
+
+ + +
+
+ + + + + + + + \ No newline at end of file diff --git a/projects/personalwebsite/changelog.html b/projects/personalwebsite/changelog.html new file mode 100644 index 0000000..c37bb5f --- /dev/null +++ b/projects/personalwebsite/changelog.html @@ -0,0 +1,136 @@ + + + + + + mawacode.de + + + + + + + +
+ + +
+ + + + +
+ + +
+
+ +
+
+
+

Changelog of my personal website

+

(Only available on english/Nur auf Englisch verfügbar)

+
+

2024-02-09 - NoScript

+
    +
  • Redesigned error message if JavaScript is deactivated
    • +
  • Add projectpage for this website
    • +
  • Add changelog page for this website
    • +
+
+

2024-02-08 - Complete redesgin

+
    +
  • Change all colors
    • +
  • Replace logo
    • +
  • Add blur effect
    • +
  • Add wallpaper
    • +
+
+

2024-02-05 - Info Update

+
    +
  • Update info on linux about me page
    • +
+
+

2024-02-04 - Encryption

+
    +
  • Add PGP Key to contact page
    • +
+
+

2024-02-03 - Cat on frontpage

+
    +
  • Add cat on frontpage
    • +
  • Add table of stuff I like in about me page
    • +
  • Replace text from language change button with icon
    • +
  • Change contact E-Mail
    • +
  • Remove unused placeholder picture from projects page
    • +
  • Switch default language to german
    • +
+
+

2024-02-02 - New nav

+
    +
  • Change nav style
    • +
  • Add logo
    • +
  • Chnage text
    • +
+
+

2024-01-27 - Translation feature

+
    +
  • Add button to translate the entire page
    • +
  • Add error text if JavaScript is deactivated
    • +
  • Fix typos
    • +
+
+

2024-01-24 - Source

+
    +
  • Add missing source of xkcd comic on contact page
    • +
+
+

2024-01-23 - Resposive Design

+
    +
  • Add resposive design
    • +
  • Stick social media links to bottom of page
    • +
  • Scale down cat picture quality
    • +
  • Fix broken cat pictures in chrome
    • +
  • Fix burgermenu color
    • +
  • Fix typos
    • +
+
+

2024-01-22 - First git commit

+
    +
  • The entire website is new ;)
    • +
+
+ +
+
+
+ + +
+
+ + + + + + + \ No newline at end of file