Added proper text for projects and changed localization to german

.idea/workspace.xml

@@ -4,10 +4,18 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="15d653a3-00a9-440e-a365-0d5dba6a77a9" name="Changes" comment="Rename About page to Impressum">
+    <list default="true" id="15d653a3-00a9-440e-a365-0d5dba6a77a9" name="Changes" comment="Added a picture of me">
+      <changelist_data name="KrisHD1337" email="kriscerni@gmail.com" automatic="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/layout.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/layout.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/app/page.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/page.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/burger.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/burger.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/privacy/page.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/projects/gambling/page.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/projects/nuclear-age/page.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/projects/page.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/projects/porsche/page.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/projects/portfolio/page.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/projects/stalinium/page.js" beforeDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -23,6 +31,11 @@
     </option>
   </component>
   <component name="Git.Settings">
+    <option name="PREVIOUS_COMMIT_AUTHORS">
+      <list>
+        <option value="KrisHD1337 &lt;kriscerni@gmail.com&gt;" />
+      </list>
+    </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
   <component name="GitHubPullRequestSearchHistory">{
@@ -31,6 +44,9 @@
     &quot;assignee&quot;: &quot;KrisHD1337&quot;
   }
 }</component>
+  <component name="GithubDefaultAccount">
+    <option name="defaultAccountId" value="49dce33d-b118-45a8-b597-d527097550fa" />
+  </component>
   <component name="GithubPullRequestsUISettings">{
   &quot;selectedUrlAndAccountId&quot;: {
     &quot;url&quot;: &quot;https://github.com/KrisHD1337/Portfolio.git&quot;,
@@ -63,7 +79,7 @@
     &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
     &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
     &quot;npm.build.executor&quot;: &quot;Run&quot;,
-    &quot;settings.editor.selected.configurable&quot;: &quot;preferences.pluginManager&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;org.jetbrains.plugins.github.ui.GithubSettingsConfigurable&quot;,
     &quot;ts.external.directory.path&quot;: &quot;C:\\Program Files\\JetBrains\\WebStorm 2024.1.2\\plugins\\javascript-plugin\\jsLanguageServicesImpl\\external&quot;,
     &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
@@ -150,7 +166,9 @@
       <workItem from="1748347170770" duration="528000" />
       <workItem from="1748416144646" duration="2000" />
       <workItem from="1748416153006" duration="3000" />
-      <workItem from="1748435208992" duration="354000" />
+      <workItem from="1748435208992" duration="1091000" />
+      <workItem from="1749106848452" duration="6796000" />
+      <workItem from="1749710145212" duration="2117000" />
     </task>
     <task id="LOCAL-00001" summary="created a base layout">
       <option name="closed" value="true" />
@@ -304,13 +322,30 @@
       <option name="project" value="LOCAL" />
       <updated>1747905150106</updated>
     </task>
-    <option name="localTasksCounter" value="20" />
+    <task id="LOCAL-00020" summary="Update project links in burger component and page layout">
+      <option name="closed" value="true" />
+      <created>1748435697419</created>
+      <option name="number" value="00020" />
+      <option name="presentableId" value="LOCAL-00020" />
+      <option name="project" value="LOCAL" />
+      <updated>1748435697419</updated>
+    </task>
+    <task id="LOCAL-00021" summary="Added a picture of me">
+      <option name="closed" value="true" />
+      <created>1749107160951</created>
+      <option name="number" value="00021" />
+      <option name="presentableId" value="LOCAL-00021" />
+      <option name="project" value="LOCAL" />
+      <updated>1749107160951</updated>
+    </task>
+    <option name="localTasksCounter" value="22" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
     <option name="version" value="3" />
   </component>
   <component name="VcsManagerConfiguration">
+    <option name="CHECK_CODE_CLEANUP_BEFORE_PROJECT_COMMIT_PROFILE" value="Project Default" />
     <MESSAGE value="created a base layout" />
     <MESSAGE value="added dark/light mode toggle" />
     <MESSAGE value="addded fuctioning burger with accordion for projects and fixed the header" />
@@ -329,6 +364,8 @@
     <MESSAGE value="Update page titles" />
     <MESSAGE value="Add Title component for dynamic page titles in layout" />
     <MESSAGE value="Rename About page to Impressum" />
-    <option name="LAST_COMMIT_MESSAGE" value="Rename About page to Impressum" />
+    <MESSAGE value="Update project links in burger component and page layout" />
+    <MESSAGE value="Added a picture of me" />
+    <option name="LAST_COMMIT_MESSAGE" value="Added a picture of me" />
   </component>
 </project>

src/app/layout.js

@@ -20,7 +20,7 @@ export default function RootLayout({children}) {
             case "/projects":
                 return "Projects";
             case "/me":
-                return "About me";
+                return "Über mich";
             case "/contact":
                 return "Contact";
             case "/projects/gambling":
@@ -33,8 +33,6 @@ export default function RootLayout({children}) {
                 return "Nuclear Age Mod";
             case "/projects/porsche":
                 return "Wirtschaftsgeschichte von Porsche";
-            case "/privacy":
-                return "Privacy Policy";
             default:
                 return "Kristians Portfolio";
         }
@@ -61,14 +59,9 @@ export default function RootLayout({children}) {
             </div>
             <footer className={""}>
                 <ul className="flex justify-evenly flex-wrap border-t-2 border-emerald-800 dark:border-emerald-300 p-3">
-                    <li className="">
-                        <Link href="/privacy">
-                            Privacy Policy
-                        </Link>
-                    </li>
                     <li className="">
                         <Link href="/contact">
-                            Contact
+                            Kontakt
                         </Link>
                     </li>
                     <li className="">

src/app/page.js

@@ -14,12 +14,12 @@ export default function Home() {
                     <p className={"md:text-2xl justify-items-center text-center"}>
                         Mein Name ist Kristian und bin Schüler an der Informatikmittelschule in Hottingen. Ich
                         programmiere
-                        hauptsächlich Videospiele und Mods. Auf dieser Webseite findest du meine Projekte und
+                        hauptsächlich Mods und Videospiele. Auf dieser Webseite findest du meine Projekte und
                         Informationen
                         zu mir!
                     </p>
                     <Button
-                        className={"p-4 md:p-7 mt-20 md:text-3xl bg-emerald-800 text-gray-200 dark:bg-emerald-300 dark:text-black m-5"}>
+                        className={"p-4 md:p-7 mt-20 md:text-2xl bg-emerald-800 text-gray-200 dark:bg-emerald-300 dark:text-black m-5"}>
                         <Link className={""} href={"/me"}>Mehr zu mir</Link>
                     </Button>
                 </section>
@@ -70,7 +70,8 @@ export default function Home() {
                             CSS
                         </li>
                     </Link>
-                    <Link target={"_blank"} href={"https://github.com/KrisHD1337?tab=repositories&q=&type=&language=kotlin&sort="}>
+                    <Link target={"_blank"}
+                          href={"https://github.com/KrisHD1337?tab=repositories&q=&type=&language=kotlin&sort="}>
                         <li className={"text-xl border-2 rounded-2xl dark:hover:bg-radial from-black via-black to-violet-400 border-emerald-800 dark:border-violet-400 dark:text-violet-400 bg-violet-400 dark:bg-black p-2 m-2"}>
                             Kotlin
                         </li>
@@ -86,11 +87,11 @@ export default function Home() {
                         <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Wirtschaftsgeschichte von
                             Porsche</h1>
                     </Link>
-                    <p className={"text-center text-sm md:text-base"}>Lorem ipsum dolor sit amet, consetetur sadipscing
+                    <p className={"text-center text-sm md:text-base"}>
-                        elitr, sed diam
+                        Eine Webseite über die Wirtschaftsgeschichte von Porsche. Sie wurde mit HTML, CSS und JavaScript
-                        nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
+                        prgroammiert. Es war ein Gruppenprojekt mit zwei Kollegen. Die Webseite enthält interactive
-                        vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
+                        Elemente und ist zum Grossteil responsive.
-                        sanctus est Lorem ipsum dolor sit amet.</p>
+                    </p>
                 </section>
                 <section
                     className={"flex flex-col p-2 m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
@@ -98,11 +99,13 @@ export default function Home() {
                         <img className={"w-md h-md"} src={"/reactor_core.png"} alt={"Bild von Projekt"}/>
                         <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Nuclear Age Mod</h1>
                     </Link>
-                    <p className={"text-center text-sm md:text-base"}>Lorem ipsum dolor sit amet, consetetur sadipscing
+                    <p className={"text-center text-sm md:text-base"}>
-                        elitr, sed diam
+                        Dies ist meine erste richtige Minecraft Mod die ich in Java programmiert habe. Sie ist momentan
-                        nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
+                        für 1.21.1 NeoForge auf Modrinth und Curseforge verfügbar. Die Mod enthält neue Blöcke und Items
-                        vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
+                        mit dem Ziel realistische Atomreaktoren in Minecraft zu haben, die man selber bauen kann und
-                        sanctus est Lorem ipsum dolor sit amet.</p>
+                        funktionieren. Die Mod fügt auch radioaktive Blöcke hinzu, von denen mansich lieber fernhalten
+                        sollte.
+                    </p>
                 </section>
                 <section
                     className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
@@ -110,11 +113,11 @@ export default function Home() {
                         <img className={"w-md"} src={"/gambling.png"} alt={"Bild von Projekt"}/>
                         <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Gambling API</h1>
                     </Link>
-                    <p className={"text-center text-sm md:text-base"}>Lorem ipsum dolor sit amet, consetetur sadipscing
+                    <p className={"text-center text-sm md:text-base"}>
-                        elitr, sed diam
+                        Dies ist eine API, die ich mit zwei Kollegen programmiert habe. Sie ist mit Express in
-                        nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
+                        JavaScript geschrieben. Mit der API kann man Glücksspiele wie Poker spielen und es hat auch
-                        vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
+                        schon eine eingebaute Webseite zum dies tun.
-                        sanctus est Lorem ipsum dolor sit amet.</p>
+                    </p>
                 </section>
                 <section
                     className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
@@ -122,11 +125,12 @@ export default function Home() {
                         <img className={"w-md"} src={"/stalinium.jpg"} alt={"Bild von Projekt"}/>
                         <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Stalinium Mod</h1>
                     </Link>
-                    <p className={"text-center text-sm md:text-base"}>Lorem ipsum dolor sit amet, consetetur sadipscing
+                    <p className={"text-center text-sm md:text-base"}>
-                        elitr, sed diam
+                        Dies ist meine zweite in Java programmierte Minecraft Mod. Sie ist momentan für 1.21.1 NeoForge
-                        nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
+                        auf Modrinth erhältlich. Die Mod habe mich mit ein paar Kollegen zusammen programmiert. Die Mod
-                        vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
+                        fügt das stärkste Material auf der Erde hinzu. Und zwar Stalinium. Die Rüstung und Werkzeuge
-                        sanctus est Lorem ipsum dolor sit amet.</p>
+                        haben alle spezielle Funktionen. Die Mod basiert auf dem Stalinium Meme.
+                    </p>
                 </section>
                 <section
                     className={"flex p-2 flex-col m-5 w-9/10 md:w-3/10 rounded-sm border-emerald-800 dark:border-emerald-300 dark:animate-pulse-border-dark border-2 animate-pulse-border-light"}>
@@ -134,11 +138,11 @@ export default function Home() {
                         <img className={"w-md"} src={"/portfolio.png"} alt={"Bild von Projekt"}/>
                         <h1 className={"text-center text-3xl md:text-4xl underline p-2"}>Portfolio</h1>
                     </Link>
-                    <p className={"text-center text-sm md:text-base"}>Lorem ipsum dolor sit amet, consetetur sadipscing
+                    <p className={"text-center text-sm md:text-base"}>
-                        elitr, sed diam
+                        Dies ist mein Portfolio, welches du gerade anschaust. Es ist mit Next.js und Taliwind CSS
-                        nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
+                        programmiert. Es enthält informationen zu mir und meinen Projekten. Dazu ist es auch responsive
-                        vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
+                        und hat einige interaktive Elemente. Dies ist mein erstes Next.js Projekt.
-                        sanctus est Lorem ipsum dolor sit amet.</p>
+                    </p>
                 </section>
             </div>
         </div>

src/app/privacy/page.js

@@ -1,8 +0,0 @@
-export default function Privacy() {
-    return <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
-        et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-        diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-        takimata sanctus est Lorem ipsum dolor sit amet.</p>
-}

src/app/projects/gambling/page.js

@@ -1,8 +0,0 @@
-export default function Gambling() {
-    return <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
-        et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-        diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-        takimata sanctus est Lorem ipsum dolor sit amet.</p>
-}

src/app/projects/nuclear-age/page.js

@@ -1,8 +0,0 @@
-export default function NuclearAge() {
-    return <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
-        et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-        diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-        takimata sanctus est Lorem ipsum dolor sit amet.</p>
-}

src/app/projects/page.js

@@ -1,8 +0,0 @@
-export default function Projects() {
-    return <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
-        et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-        diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-        takimata sanctus est Lorem ipsum dolor sit amet.</p>
-}

src/app/projects/porsche/page.js

@@ -1,8 +0,0 @@
-export default function Porsche() {
-    return <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
-        et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-        diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-        takimata sanctus est Lorem ipsum dolor sit amet.</p>
-}

src/app/projects/portfolio/page.js

@@ -1,8 +0,0 @@
-export default function Portfolio() {
-    return <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
-        et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-        diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-        takimata sanctus est Lorem ipsum dolor sit amet.</p>
-}

src/app/projects/stalinium/page.js

@@ -1,8 +0,0 @@
-export default function Stalinium() {
-    return <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
-        et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-        diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-        takimata sanctus est Lorem ipsum dolor sit amet.</p>
-}

src/components/burger.jsx

@@ -43,13 +43,13 @@ export default function Burger() {
                         </Accordion.Root>
                     </li>
                     <li className={"p-3 border-b-emerald-600 border-2 dark:border-b-emerald-400"}>
-                        <Link href={"/me"} onClick={() => setIsOpen(!isOpen)}>About-Me</Link>
+                        <Link href={"/me"} onClick={() => setIsOpen(!isOpen)}>Über mich</Link>
                     </li>
                     <li className={"p-3 border-b-emerald-600 border-2 dark:border-b-emerald-400"}>
                         <Link href={"https://github.com/KrisHD1337?tab=repositories"} target={"_blank"}>GitHub</Link>
                     </li>
                     <li className={"p-3 border-b-emerald-600 border-2 dark:border-b-emerald-400"}>
-                        <Link href={"/contact"} onClick={() => setIsOpen(!isOpen)}>Contact</Link>
+                        <Link href={"/contact"} onClick={() => setIsOpen(!isOpen)}>Kontakt</Link>
                     </li>
                 </ul>
             </div>