diff --git a/src/_includes/base.njk b/src/_includes/base.njk
index 61ad579..4814a68 100644
--- a/src/_includes/base.njk
+++ b/src/_includes/base.njk
@@ -7,11 +7,11 @@
     <link rel="stylesheet" href="{{'css/style.css' | url}}">
     <title>{{ title }}</title>
   </head>
-  <body>
+  <body class="bg-gray-800">
     {% include "partials/nav.njk" %}
 
     <main>
-      <div class="container mx-auto py-4 px-4">
+      <div class="container mx-auto py-5 px-5">
         {{ content | safe }}
       </div>
     </main>
diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk
index 1046e69..b9420f7 100644
--- a/src/_includes/partials/footer.njk
+++ b/src/_includes/partials/footer.njk
@@ -1,3 +1,3 @@
-<footer class="bg-white px-2 py-2 text-slate-800 font-bolder">
+<footer class="px-2 py-2 text-gray-100 font-bolder">
   <div class="text-center"></div>
 </foot>
diff --git a/src/_includes/partials/nav.njk b/src/_includes/partials/nav.njk
index 0972c3a..efe4abd 100644
--- a/src/_includes/partials/nav.njk
+++ b/src/_includes/partials/nav.njk
@@ -1,4 +1,4 @@
-<nav class="bg-white px-3 py-3 text-slate-800 font-bold border border-slate-100 border-b">
+<nav class="bg-gray-900 px-3 py-3 text-white font-bold">
   <div class="container flex flex-wrap justify-between items-center mx-auto">
     <span class="font-bold">luca-junge.de</span>
     <a href="/">Home</a>
diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index 21889c8..996a616 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -7,15 +7,15 @@
     <link rel="stylesheet" href="/css/style.css">
     <title>{{ title }}</title>
   </head>
-  <body>
+  <body class="bg-gray-800 text-gray-100">
     {% include "partials/nav.njk" %}
 
-    <aside>
-    <h1>{{ title }}</h1>
-    <span>von {{ author }} am {{ page.date | readableDate }}</span>
+    <aside class="mx-auto py-4 px-4">
+      <h1>{{ title }}</h1>
+      <span>von {{ author }} am {{ page.date | readableDate }}</span>
     </aside>
-  
-    <main>
+
+    <main class="mx-auto py-4 px-4">
       {{ content | safe }}
     </main>
     {% include "partials/footer.njk" %}
diff --git a/src/index.njk b/src/index.njk
index c764dde..a1e9f10 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -3,41 +3,31 @@ layout: base.njk
 title: luca-junge.de
 ---
 
-<h1 class="mb-5 text-center md:text-left underline underline-offset-8 decoration-slate-300">Neueste Posts</h1>
-
-<ul class="list-none list-inside">
+<div class="grid gap-10 gap-x-24 sm:grid-cols-1 sm:grid-rows-1 md:grid-cols-2 md:grid-rows-2 md:mt-7">
   {% for post in collections.post %}
-    <li>
-      <div class="p-3 sm:w-full md:max-w-lg bg-slate-50 border border-slate-200 rounded-lg shadow-lg">
-        <a href="{{post.url}}">
-          <h5 class="text-2xl font-bold tracking-tight text-slate-900">{{post.data.title}}</h5>
-        </a>
+    <div>
+      <a href="{{post.url}}" class="inline-block md:inline-block text-2xl font-bold tracking-tight text-gray-100">{{post.data.title}}</a>
 
-        <p class="text-slate-400 ml-1">{{post.data.author}} - {{post.date | readableDate }}</p>
+      <span class="block md:inline-block text-sm md:ml-2 mb-2 text-gray-500">{{post.data.author}} - {{post.date | readableDate }}</span>
 
-        <p class="mb-3 font-normal text-slate-700">{{post.templateContent | excerpt}}</p>
+      <p class="mb-3 font-normal text-gray-400">{{post.templateContent | excerpt}}</p>
 
-        <a href="{{post.url}}" class="inline-flex items-center py-2 px-3 text-sm font-bold text-center text-white bg-slate-700 rounded-lg hover:bg-slate-600 transition ease-in-out">
+      <a href="{{post.url}}" class="inline-flex items-center py-2 px-3 text-sm font-bold text-center text-white bg-gray-700 rounded-lg hover:bg-gray-600 transition ease-in-out">
         Weiterlesen</a>
-      </div>
-    </li>
+    </div>
   {% endfor %}
-</ul>
+</div>
 
-<hr class="my-8">
+<hr class="my-14 md:my-14 h-px border-0 bg-gray-700">
 
-<h1 class="mb-5 text-center md:text-left underline underline-offset-8 decoration-slate-300">Neueste Modelle</h1>
-
-<ul class="list-none list-inside">
+<ul class="grid gap-10 grid-cols-1 grid-rows-1 lg:grid-cols-3 lg:grid-rows-3">
   {% for post in collections.model %}
-    <li>
-      <a href="{{ post.url }}" class="flex flex-col items-center bg-slate-50 border border-slate-200 rounded-lg shadow-md md:flex-row md:max-w-xl hover:bg-slate-100 transition ease-in-out mb-5">
-        <img class="object-cover w-full h-96 rounded-t-lg md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="{{ post.url }}thumbnail.jpg" alt="{{post.data.alt}}">
-        <div class="flex flex-col justify-between p-4 leading-normal">
-          <h5 class="mb-2 text-2xl font-bold tracking-tight text-slate-900 ">{{post.data.title}}</h5>
-          <p class="mb-3 font-normal text-slate-700">{{post.data.alt}}</p>
-        </div>
-      </a>
-    </li>
+    <a href="{{ post.url }}" class="flex flex-col items-center text-gray-100 bg-gray-700  rounded-lg lg:flex-row lg:max-w-xl hover:bg-gray-300 transition ease-in-out mb-5">
+      <img class="object-cover w-full h-96 rounded-t-lg lg:h-auto lg:w-48 lg:rounded-none lg:rounded-l-lg" src="{{ post.url }}thumbnail.png" alt="{{post.data.alt}}">
+      <div class="w-full h-full self-center py-3 px-4 leading-normal bg-gray-600 rounded-b-lg lg:rounded-b-none lg:rounded-r-lg">
+        <h5 class="text-2xl font-bold tracking-tight text-gray-100">{{post.data.title}}</h5>
+        <p class="mb-3 font-normal text-gray-200">{{post.data.alt}}</p>
+      </div>
+    </a>
   {% endfor %}
 </ul>
diff --git a/src/models/amtsgericht-varel/index.md b/src/models/amtsgericht-varel/index.md
new file mode 100644
index 0000000..8799ce9
--- /dev/null
+++ b/src/models/amtsgericht-varel/index.md
@@ -0,0 +1,4 @@
+---
+title: Amtsgericht Varel
+alt: Ein Teil der Frontseite des Amtsgerichts in Varel
+---
diff --git a/src/models/amtsgericht-varel/model.glb b/src/models/amtsgericht-varel/model.glb
new file mode 100644
index 0000000..838069a
Binary files /dev/null and b/src/models/amtsgericht-varel/model.glb differ
diff --git a/src/models/amtsgericht-varel/thumbnail-raw.png b/src/models/amtsgericht-varel/thumbnail-raw.png
new file mode 100644
index 0000000..753df3d
Binary files /dev/null and b/src/models/amtsgericht-varel/thumbnail-raw.png differ
diff --git a/src/models/amtsgericht-varel/thumbnail.jpg b/src/models/amtsgericht-varel/thumbnail.jpg
new file mode 100644
index 0000000..4ce8db0
Binary files /dev/null and b/src/models/amtsgericht-varel/thumbnail.jpg differ
diff --git a/src/models/amtsgericht-varel/thumbnail.png b/src/models/amtsgericht-varel/thumbnail.png
new file mode 100644
index 0000000..4bc7545
Binary files /dev/null and b/src/models/amtsgericht-varel/thumbnail.png differ
diff --git a/src/models/stadttheater-bremerhaven/thumbnail.png b/src/models/stadttheater-bremerhaven/thumbnail.png
new file mode 100644
index 0000000..f9ca20c
Binary files /dev/null and b/src/models/stadttheater-bremerhaven/thumbnail.png differ
diff --git a/src/models/toy-duck/thumbnail-raw.png b/src/models/toy-duck/thumbnail-raw.png
new file mode 100644
index 0000000..d013b58
Binary files /dev/null and b/src/models/toy-duck/thumbnail-raw.png differ
diff --git a/src/models/toy-duck/thumbnail.png b/src/models/toy-duck/thumbnail.png
new file mode 100644
index 0000000..283d20f
Binary files /dev/null and b/src/models/toy-duck/thumbnail.png differ
diff --git a/src/posts/building-meshlab-windows/index.md b/src/posts/building-meshlab-windows/index.md
new file mode 100644
index 0000000..ada503d
--- /dev/null
+++ b/src/posts/building-meshlab-windows/index.md
@@ -0,0 +1,7 @@
+---
+title: Building Meshlab for Windows
+---
+
+# Introduction
+
+How to build meshlab for windows
diff --git a/src/posts/godot-debugger/index.md b/src/posts/godot-debugger/index.md
new file mode 100644
index 0000000..861a9cf
--- /dev/null
+++ b/src/posts/godot-debugger/index.md
@@ -0,0 +1,7 @@
+---
+title: My Godot Debugger Plugin
+---
+
+# Todo
+
+Todo
diff --git a/src/posts/meshlab-blender-decimation-workflow/index.md b/src/posts/meshlab-blender-decimation-workflow/index.md
new file mode 100644
index 0000000..0a86b51
--- /dev/null
+++ b/src/posts/meshlab-blender-decimation-workflow/index.md
@@ -0,0 +1,7 @@
+---
+title: How to automate decimating meshes with MeshLab and Blender
+---
+
+# ToDo
+
+Explain workflow here
