diff --git a/_includes/_header.njk b/_includes/_header.njk
index 15984bb..a96d4ca 100644
--- a/_includes/_header.njk
+++ b/_includes/_header.njk
@@ -28,6 +28,11 @@
           <i class="fa-brands fa-github"></i>
         </a>
       </li>
+      <li id="mastodon-nav">
+        <a href="https://fosstodon.org/@ljunge/" title="Mastodon Profile">
+          <i class="fa-brands fa-mastodon"></i>
+        </a>
+      </li>
       <li id="menu-button">
         <a title="Show or hide menu">
           <i class="fa fa-solid fa-bars"></i>
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index c0d8519..9ee3af8 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/libraries/fontawesome/css/all.css">
     <link rel="manifest" href="/pwa.webmanifest" />
+    <link href="https://fosstodon.org/@ljunge" rel="me">
     <title>{{ title }}</title>
   </head>
   <body>
diff --git a/compress_images.sh b/compress_images.sh
index 78e8d1c..268add8 100755
--- a/compress_images.sh
+++ b/compress_images.sh
@@ -3,7 +3,7 @@ set -euo pipefail
 
 # Call this from the repo folder
 
-for image in src/_assets/images/original/*.{jpg,png}; do
+for image in public/images/original/*.{jpg,png}; do
     #echo "Converting $image ..."
     
     filename=$(basename -- "$image")
@@ -18,5 +18,5 @@ for image in src/_assets/images/original/*.{jpg,png}; do
     imageextension="${filename##*.}"
 
     echo "${imagefolder}${imagefilename}_mobile.${imageextension}"
-    convert "$image" -resize 1500 -strip -quality 85 "${imagefolder}${imagefilename}_mobile.jpg"
+    magick "$image" -resize 1000 -strip -quality 70 "${imagefolder}${imagefilename}_mobile.jpg"
 done
\ No newline at end of file
diff --git a/content/contact.njk b/content/contact.njk
index 7b47955..30a2ca1 100644
--- a/content/contact.njk
+++ b/content/contact.njk
@@ -6,7 +6,7 @@ permalink: /contact/index.html
 
 <section>
   <div class="section-content">
-    <p>Feel free to contact me via <a href="mailto:mail@luca-junge.de">mail@luca-junge.de</a>
+    <p>Feel free to contact me at <a href="mailto:mail@luca-junge.de">mail@luca-junge.de</a>
     </p>
   </div>
 
diff --git a/content/css/header.css b/content/css/header.css
index c4e003b..6045034 100644
--- a/content/css/header.css
+++ b/content/css/header.css
@@ -1,120 +1,118 @@
 #navigation {
-  position: relative;
-  z-index: 2;
-  background-color: rgba(0, 0, 0, 0.4);
-  padding: 12px;
-  -webkit-backdrop-filter: blur(4px);
-  backdrop-filter: blur(4px);
-  margin-bottom: -70px;
-  outline: 1px solid rgba(0, 0, 0, 0.6);
+	position: relative;
+	z-index: 2;
+	background-color: rgba(0, 0, 0, 0.4);
+	padding: 12px;
+	-webkit-backdrop-filter: blur(4px);
+	backdrop-filter: blur(4px);
+	margin-bottom: -70px;
+	outline: 1px solid rgba(0, 0, 0, 0.6);
 }
 
 #navigation a {
-  text-decoration: none;
-  color: #ffffff;
+	text-decoration: none;
+	color: #ffffff;
 }
 
 #navigation ul {
-  display: flex;
-  gap: 18px;
-  flex-direction: row;
-  justify-content: center;
-  align-items: baseline;
-  list-style-type: none;
-  margin: 0px;
-  padding: 0px;
-  font-weight: bold;
+	display: flex;
+	gap: 18px;
+	flex-direction: row;
+	justify-content: center;
+	align-items: baseline;
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+	font-weight: bold;
 }
 
 #navigation a {
-  padding: 8px;
-  display: inline-block;
-  transition: background-color 0.25s ease-in-out;
-  border-radius: 4px;
+	padding: 8px;
+	display: inline-block;
+	transition: background-color 0.25s ease-in-out;
+	border-radius: 4px;
 }
 
 #navigation a:hover,
 #navigation a:focus-visible {
-  outline: 1px solid rgba(255, 255, 255, 0.05);
-  background-color: rgba(255, 255, 255, 0.2);
+	outline: 1px solid rgba(255, 255, 255, 0.05);
+	background-color: rgba(255, 255, 255, 0.2);
 }
 
 #navigation img {
-  height: 1em;
-  object-fit: contain;
+	height: 1em;
+	object-fit: contain;
 }
 
 #navigation .icon-button a {
-  padding: 8px;
+	padding: 8px;
 }
 
 #navigation .icon-button {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
 
 #navigation .icon-button img {
-  vertical-align: middle;
+	vertical-align: middle;
 }
 
 #navigation #menu-button {
-  display: none;
+	display: none;
 }
 
 #navigation #install-button {
-  display: none;
-  background: linear-gradient(to right, #ad5389, #3c1053);
-  border-radius: 4px;
-  cursor: pointer;
+	display: none;
+	background: linear-gradient(to right, #ad5389, #3c1053);
+	border-radius: 4px;
+	cursor: pointer;
 }
 
 /* Breakpoints */
 
 @media (max-width: 512px) {
-  #navigation nav ul {
-    justify-content: space-between;
-  }
+	#navigation nav ul {
+		justify-content: space-between;
+	}
 
-  #navigation nav ul li {
-    display: none;
-  }
+	#navigation nav ul li {
+		display: none;
+	}
 
-  #navigation li#menu-button,
-  #navigation li#home-nav,
-  #navigation li#contact-nav {
-    display: inline-block;
-  }
+	#navigation li#menu-button,
+	#navigation li#home-nav,
+	#navigation li#contact-nav {
+		display: inline-block;
+	}
 
-  /* Hide all buttons except home and menu */
-  /*#navigation nav ul li *:not(a.menu-button),
+	/* Hide all buttons except home and menu */
+	/*#navigation nav ul li *:not(a.menu-button),
   #navigation :not(a.home-button) {
     display: none;
   }*/
 
-  /* This should always be the same header image as the hero element */
-  #navigation.open {
-    padding: 0px;
-    /*background-color: rgba(59, 66, 82, 1);*/
-    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
-    url("/assets/images/hero_image2_mobile.jpg");
-    background-position: top left;
-    background-size: cover;
-    object-fit: cover;
-  }
+	/* This should always be the same header image as the hero element */
+	#navigation.open {
+		padding: 0px;
+		background-color: #342e37;
+		background-position: top left;
+		background-size: cover;
+		object-fit: cover;
+	}
 
-  #navigation.open nav ul {
-    padding: 12px;
-    -webkit-backdrop-filter: blur(4px);
-    backdrop-filter: blur(4px);
-  }
+	#navigation.open nav ul {
+		padding: 12px;
+		-webkit-backdrop-filter: blur(4px);
+		backdrop-filter: blur(4px);
+	}
 
-  #navigation.open ul {
-    justify-content: space-between;
-    flex-direction: column;
-  }
+	#navigation.open ul {
+		justify-content: space-between;
+		flex-direction: column;
+	}
 
-  #navigation.open nav ul li {
-    display: inline-block;
-  }
+	#navigation.open nav ul li {
+		display: inline-block;
+	}
 }
diff --git a/content/index.njk b/content/index.njk
index 5444a30..0dccfd2 100644
--- a/content/index.njk
+++ b/content/index.njk
@@ -11,7 +11,7 @@ permalink: /index.html
     </div>
     <div>
       <p>
-        I'm Luca Junge, a web developer specializing on interactive progressive web apps and 3D content.</p>
+        I'm Luca Junge ― a web developer creating 3D Applications and Tools</p>
   </div>
 </div>
 </section>
@@ -22,31 +22,8 @@ permalink: /index.html
     <h1>Interactive Applications & Games</h1>
   </div>
   <div>
-    <p>Most of my work is created using standard web technologies in combination with open source libraries like three.js.</p>
-    <p>For more demanding projects I am using the Godot Engine.</p>
-  </div>
-</div>
-</section>
-
-<section class="section-background" style="display: none; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/portfolio_mobile.jpg');">
-<div class="section-content">
-  <div>
-    <h1>Open Source Workflow</h1>
-  </div>
-  <div>
-    <p>My projects rely on various open source projects like Meshlab, Blender, Meshroom, Godot Engine and more.</p>
-  </div>
-</div>
-</section>
-
-<section class="section-background" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/portfolio_mobile.jpg');">
-<div class="section-content">
-  <div>
-    <h1>My Portfolio</h1>
-  </div>
-  <div>
-    <p>I want to publish and show some of my demo projects here. Feel free to check them out and look at the source code.</p>
-    <a class="button" href="/portfolio/">Take a look at my projects</a>
+    <p>My focus is on interactive applications in the museum context</p>
+    <p></p>
   </div>
 </div>
 </section>
@@ -54,11 +31,23 @@ permalink: /index.html
 <section class="section-background" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/blog_mobile.jpg');">
 <div class="section-content">
   <div>
-    <h1>My Blog</h1>
+    <h1>Open-Source Workflow and Tools</h1>
   </div>
   <div>
-    <p>Whenever I see a new technique or discover something useful, I'm writing a blog post about it!</p>
-    <a class="button" href="/blog/">Visit</a>
+    <p>Every part of my workflow uses open-source tools and software:</p>
+    <p>VS Codium, three.js, Godot Engine, Meshlab, Meshroom, Instant Meshes & more</p>
   </div>
 </div>
 </section>
+
+<!--section class="section-background" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/blog_mobile.jpg');">
+<div class="section-content">
+  <div>
+    <h1>My Blog</h1>
+  </div>
+  <div>
+    <p></p>
+    <a class="button" href="/blog/">Visit</a>
+  </div>
+</div>
+</section-->
diff --git a/public/images/blog_mobile.jpg b/public/images/blog_mobile.jpg
index 6eaa5a1..5ec76b2 100644
Binary files a/public/images/blog_mobile.jpg and b/public/images/blog_mobile.jpg differ
diff --git a/public/images/hero-image_mobile.jpg b/public/images/hero-image_mobile.jpg
index f6a8718..86f25fe 100644
Binary files a/public/images/hero-image_mobile.jpg and b/public/images/hero-image_mobile.jpg differ
diff --git a/public/images/hero_image2_mobile.jpg b/public/images/hero_image2_mobile.jpg
index 24064d1..26f7d8c 100644
Binary files a/public/images/hero_image2_mobile.jpg and b/public/images/hero_image2_mobile.jpg differ
diff --git a/public/images/museum2_mobile.jpg b/public/images/museum2_mobile.jpg
index 62c8d82..6555bcc 100644
Binary files a/public/images/museum2_mobile.jpg and b/public/images/museum2_mobile.jpg differ
diff --git a/public/images/museum_mobile.jpg b/public/images/museum_mobile.jpg
index b883db6..cbd1fd1 100644
Binary files a/public/images/museum_mobile.jpg and b/public/images/museum_mobile.jpg differ
diff --git a/public/images/original/playground.jpg b/public/images/original/playground.jpg
deleted file mode 100644
index 77008d3..0000000
Binary files a/public/images/original/playground.jpg and /dev/null differ
diff --git a/public/images/playground_mobile.jpg b/public/images/playground_mobile.jpg
deleted file mode 100644
index ebf42e9..0000000
Binary files a/public/images/playground_mobile.jpg and /dev/null differ
diff --git a/public/images/portfolio_mobile.jpg b/public/images/portfolio_mobile.jpg
index 7abcf3c..1d42b32 100644
Binary files a/public/images/portfolio_mobile.jpg and b/public/images/portfolio_mobile.jpg differ
diff --git a/public/images/under-construction_mobile.jpg b/public/images/under-construction_mobile.jpg
index 3fecd54..8472305 100644
Binary files a/public/images/under-construction_mobile.jpg and b/public/images/under-construction_mobile.jpg differ
diff --git a/public/images/workflows_mobile.jpg b/public/images/workflows_mobile.jpg
index b830af1..f19a61f 100644
Binary files a/public/images/workflows_mobile.jpg and b/public/images/workflows_mobile.jpg differ
