diff --git a/static_pages/about/about.html b/static_pages/about/about.html
index c05bec79bd7e7ec0bf2c7d3d1255259e6e59fa6f..b43996596dfeed6e2a07fcc670670789ea030849 100644
--- a/static_pages/about/about.html
+++ b/static_pages/about/about.html
@@ -504,6 +504,81 @@ Natürlich gibt es viele kleinere Verbesserungsvorschläge und Ideen YAPEX noch
         <!--          </div>-->
         <!--        </div>-->
 
+        <div class="timeline-item">
+          <div class="timeline-marker is-danger is-icon">
+          </div>
+          <div class="timeline-content">
+            <p class="heading">Ws 2022</p>
+            <p>Online Open Book Klausur
+            </p>
+          </div>
+        </div>
+
+        <div class="timeline-item">
+          <div class="timeline-marker is-danger is-icon">
+          </div>
+          <div class="timeline-content">
+            <p class="heading">Ws 2022</p>
+            <p>Eingesetzt in den Übungen im Modul Objektorientierte Programmierung an de
+              <a href="https://www.uni-halle.de" target="_blank">MLU <i class="fas fa-external-link-alt"></i></a>
+            </p>
+          </div>
+        </div>
+
+        <header class="timeline-header">
+          <span class="tag is-primary">2022</span>
+        </header>
+
+        <div class="timeline-item">
+          <div class="timeline-marker is-danger is-icon">
+          </div>
+          <div class="timeline-content">
+            <p class="heading">Ws 2021</p>
+            <p>Elektronische Klausur / Online Open Book Klausur
+            </p>
+          </div>
+        </div>
+
+        <div class="timeline-item">
+          <div class="timeline-marker is-danger is-icon">
+          </div>
+          <div class="timeline-content">
+            <p class="heading">Ws 2021</p>
+            <p>Eingesetzt in den Übungen im Modul Objektorientierte Programmierung an de
+              <a href="https://www.uni-halle.de" target="_blank">MLU <i class="fas fa-external-link-alt"></i></a>
+            </p>
+          </div>
+        </div>
+
+        <header class="timeline-header">
+          <span class="tag is-primary">2021</span>
+        </header>
+
+        <div class="timeline-item">
+          <div class="timeline-marker is-danger is-icon">
+          </div>
+          <div class="timeline-content">
+            <p class="heading">Ws 2020</p>
+            <p>Elektronische Klausur
+            </p>
+          </div>
+        </div>
+
+        <div class="timeline-item">
+          <div class="timeline-marker is-danger is-icon">
+          </div>
+          <div class="timeline-content">
+            <p class="heading">Ws 2020</p>
+            <p>Eingesetzt in den Übungen im Modul Objektorientierte Programmierung an de
+              <a href="https://www.uni-halle.de" target="_blank">MLU <i class="fas fa-external-link-alt"></i></a>
+            </p>
+          </div>
+        </div>
+
+        <header class="timeline-header">
+          <span class="tag is-primary">2020</span>
+        </header>
+
         <div class="timeline-item">
           <div class="timeline-marker is-danger is-icon">
           </div>
@@ -800,9 +875,10 @@ Natürlich gibt es viele kleinere Verbesserungsvorschläge und Ideen YAPEX noch
     </div>
 
     <div class="col">
-      <div>
+      <div style="display: flex;">
         <i class="far fa-envelope"></i>
-        yapex[-a-t-]informatik.uni-halle.de
+<!--        yapex@informatik.uni-halle.de-->
+        <img alt="" src="screenshots/yapex_mail.png" style="margin-left: 0.5rem" >
       </div>
 
 <!--      <div>-->
diff --git a/static_pages/about/screenshots/yapex_mail.png b/static_pages/about/screenshots/yapex_mail.png
new file mode 100644
index 0000000000000000000000000000000000000000..01e881896d7a4814dc8d4fab5ab6f4fceb0b5ef2
Binary files /dev/null and b/static_pages/about/screenshots/yapex_mail.png differ