diff --git a/_site/index.html b/_site/index.html
index 5c6f3fd..8c3c492 100755
--- a/_site/index.html
+++ b/_site/index.html
@@ -91,6 +91,56 @@ <h2 class="subtitle is-3">
   <h2 class="is-underlined">Die letzten Workshops und Tutorials</h2>
   <div class="columns is-multiline">
     
+    <div class="column is-one-third-tablet is-one-quarter-desktop">
+      <a href="/mi-master-wtw/workshops/2024/Microfrontends/index/">
+      <div class="card bm--card-equal-height">
+        <div class="card-image">
+          <figure class="image is-16by9">
+            <img src="/mi-master-wtw/workshops/2024/Microfrontends/index/../thumbnail.jpg">
+          </figure>
+        </div>
+        <div class="card-content">
+          <div class="content">
+            <h3>Microfrontends mit Webpack - Module Federation</h3>
+            <dl>
+              <dd>Maik Roth</dd>
+              <dd>Dienstag, 18. Juni 2024, 13:00 Uhr</dd>
+              <dd>~120 Minuten</dd>
+              <dd class="clipped-text">Raum 3.217</dd>
+            </dt>
+          </div>
+        </div>
+        <!--footer class="card-footer">
+          <a class="card-footer-item" href="/workshops/2024/Microfrontends/index/">Inhalte anschauen</a>
+        </footer-->
+      </div>
+    </div></a>
+    
+    <div class="column is-one-third-tablet is-one-quarter-desktop">
+      <a href="/mi-master-wtw/workshops/2024/Augmented-Reality-Web/index/">
+      <div class="card bm--card-equal-height">
+        <div class="card-image">
+          <figure class="image is-16by9">
+            <img src="/mi-master-wtw/workshops/2024/Augmented-Reality-Web/index/../thumbnail.png">
+          </figure>
+        </div>
+        <div class="card-content">
+          <div class="content">
+            <h3>Augmented Reality im Web mit Three.js</h3>
+            <dl>
+              <dd>Methusshan Elankumaran</dd>
+              <dd>Dienstag, 11. Juni 2024, 13:00 Uhr</dd>
+              <dd>~120 Minuten</dd>
+              <dd class="clipped-text">Raum 3.217</dd>
+            </dt>
+          </div>
+        </div>
+        <!--footer class="card-footer">
+          <a class="card-footer-item" href="/workshops/2024/Augmented-Reality-Web/index/">Inhalte anschauen</a>
+        </footer-->
+      </div>
+    </div></a>
+    
     <div class="column is-one-third-tablet is-one-quarter-desktop">
       <a href="/mi-master-wtw/workshops/2024/Skia/index/">
       <div class="card bm--card-equal-height">
@@ -967,18 +1017,18 @@ <h3>Docker 101</h3>
     </div></a>
     
     <div class="column is-one-third-tablet is-one-quarter-desktop">
-      <a href="/mi-master-wtw/workshops/2018/workshop-authentifizierungs-und-autorisierungsmethoden-im-web/index/">
+      <a href="/mi-master-wtw/workshops/2018/offline-im-web/index/">
       <div class="card bm--card-equal-height">
         <div class="card-image">
           <figure class="image is-16by9">
-            <img src="/mi-master-wtw/workshops/2018/workshop-authentifizierungs-und-autorisierungsmethoden-im-web/index/../teaser.jpg">
+            <img src="/mi-master-wtw/workshops/2018/offline-im-web/index/../teaser.jpg">
           </figure>
         </div>
         <div class="card-content">
           <div class="content">
-            <h3>Web Authentifizierungs- und Autorisierungsmethoden</h3>
+            <h3>Offline im Web</h3>
             <dl>
-              <dd>Anatol Walger</dd>
+              <dd>Sascha Lemke</dd>
               <dd>Dienstag, 17. Juli 2018, 13:30 Uhr</dd>
               <dd>120 Minuten</dd>
               <dd class="clipped-text">Raum Online, siehe Ilias</dd>
@@ -986,24 +1036,24 @@ <h3>Web Authentifizierungs- und Autorisierungsmethoden</h3>
           </div>
         </div>
         <!--footer class="card-footer">
-          <a class="card-footer-item" href="/workshops/2018/workshop-authentifizierungs-und-autorisierungsmethoden-im-web/index/">Inhalte anschauen</a>
+          <a class="card-footer-item" href="/workshops/2018/offline-im-web/index/">Inhalte anschauen</a>
         </footer-->
       </div>
     </div></a>
     
     <div class="column is-one-third-tablet is-one-quarter-desktop">
-      <a href="/mi-master-wtw/workshops/2018/offline-im-web/index/">
+      <a href="/mi-master-wtw/workshops/2018/workshop-authentifizierungs-und-autorisierungsmethoden-im-web/index/">
       <div class="card bm--card-equal-height">
         <div class="card-image">
           <figure class="image is-16by9">
-            <img src="/mi-master-wtw/workshops/2018/offline-im-web/index/../teaser.jpg">
+            <img src="/mi-master-wtw/workshops/2018/workshop-authentifizierungs-und-autorisierungsmethoden-im-web/index/../teaser.jpg">
           </figure>
         </div>
         <div class="card-content">
           <div class="content">
-            <h3>Offline im Web</h3>
+            <h3>Web Authentifizierungs- und Autorisierungsmethoden</h3>
             <dl>
-              <dd>Sascha Lemke</dd>
+              <dd>Anatol Walger</dd>
               <dd>Dienstag, 17. Juli 2018, 13:30 Uhr</dd>
               <dd>120 Minuten</dd>
               <dd class="clipped-text">Raum Online, siehe Ilias</dd>
@@ -1011,57 +1061,57 @@ <h3>Offline im Web</h3>
           </div>
         </div>
         <!--footer class="card-footer">
-          <a class="card-footer-item" href="/workshops/2018/offline-im-web/index/">Inhalte anschauen</a>
+          <a class="card-footer-item" href="/workshops/2018/workshop-authentifizierungs-und-autorisierungsmethoden-im-web/index/">Inhalte anschauen</a>
         </footer-->
       </div>
     </div></a>
     
     <div class="column is-one-third-tablet is-one-quarter-desktop">
-      <a href="/mi-master-wtw/workshops/2018/workshop-generic-sensor-api/index/">
+      <a href="/mi-master-wtw/workshops/2018/css-grids-custom-properties/index/">
       <div class="card bm--card-equal-height">
         <div class="card-image">
           <figure class="image is-16by9">
-            <img src="/mi-master-wtw/workshops/2018/workshop-generic-sensor-api/index/../teaser.jpg">
+            <img src="/mi-master-wtw/workshops/2018/css-grids-custom-properties/index/../teaser.jpg">
           </figure>
         </div>
         <div class="card-content">
           <div class="content">
-            <h3>Generic Sensor API</h3>
+            <h3>CSS Grids & Custom Properties</h3>
             <dl>
-              <dd>Sascha Lemke</dd>
-              <dd>Dienstag, 05. Juni 2018</dd>
+              <dd>Christian Noss</dd>
+              <dd>Dienstag, 03. Juli 2018, 13:30 Uhr</dd>
               <dd>120 Minuten</dd>
               <dd class="clipped-text">Raum Online, siehe Ilias</dd>
             </dt>
           </div>
         </div>
         <!--footer class="card-footer">
-          <a class="card-footer-item" href="/workshops/2018/workshop-generic-sensor-api/index/">Inhalte anschauen</a>
+          <a class="card-footer-item" href="/workshops/2018/css-grids-custom-properties/index/">Inhalte anschauen</a>
         </footer-->
       </div>
     </div></a>
     
     <div class="column is-one-third-tablet is-one-quarter-desktop">
-      <a href="/mi-master-wtw/workshops/2018/css-grids-custom-properties/index/">
+      <a href="/mi-master-wtw/workshops/2018/workshop-generic-sensor-api/index/">
       <div class="card bm--card-equal-height">
         <div class="card-image">
           <figure class="image is-16by9">
-            <img src="/mi-master-wtw/workshops/2018/css-grids-custom-properties/index/../teaser.jpg">
+            <img src="/mi-master-wtw/workshops/2018/workshop-generic-sensor-api/index/../teaser.jpg">
           </figure>
         </div>
         <div class="card-content">
           <div class="content">
-            <h3>CSS Grids & Custom Properties</h3>
+            <h3>Generic Sensor API</h3>
             <dl>
-              <dd>Christian Noss</dd>
-              <dd>Dienstag, 03. Juli 2018, 13:30 Uhr</dd>
+              <dd>Sascha Lemke</dd>
+              <dd>Dienstag, 05. Juni 2018</dd>
               <dd>120 Minuten</dd>
               <dd class="clipped-text">Raum Online, siehe Ilias</dd>
             </dt>
           </div>
         </div>
         <!--footer class="card-footer">
-          <a class="card-footer-item" href="/workshops/2018/css-grids-custom-properties/index/">Inhalte anschauen</a>
+          <a class="card-footer-item" href="/workshops/2018/workshop-generic-sensor-api/index/">Inhalte anschauen</a>
         </footer-->
       </div>
     </div></a>
diff --git a/_workshops/2024/.DS_Store b/_workshops/2024/.DS_Store
new file mode 100644
index 0000000..3f20027
Binary files /dev/null and b/_workshops/2024/.DS_Store differ
diff --git a/_workshops/2024/Microfrontends/index.md b/_workshops/2024/Microfrontends/index.md
index a009607..3547a2a 100644
--- a/_workshops/2024/Microfrontends/index.md
+++ b/_workshops/2024/Microfrontends/index.md
@@ -6,7 +6,7 @@ datum: 2024-06-18
 modul: wt
 published: true
 autor: Maik Roth
-bild: https://www.it-labs.com/wp-content/uploads/2021/01/micro-front-end-01-1.png
+bild: ../thumbnail.jpg
 art: workshop
 termin: Dienstag, 18. Juni 2024, 13:00 Uhr
 dauer: ~120 Minuten
diff --git a/_workshops/2024/Microfrontends/thumbnail.jpg b/_workshops/2024/Microfrontends/thumbnail.jpg
new file mode 100644
index 0000000..cb7c5ae
Binary files /dev/null and b/_workshops/2024/Microfrontends/thumbnail.jpg differ
diff --git a/_workshops/2024/Microfrontends/thumbnail.png b/_workshops/2024/Microfrontends/thumbnail.png
index a5f5c22..e92cb0d 100644
Binary files a/_workshops/2024/Microfrontends/thumbnail.png and b/_workshops/2024/Microfrontends/thumbnail.png differ