Update public/index.html

public/index.html

@@ -246,48 +246,66 @@
 
    
 
-            <!-- Portfolio Section -->
-        <section id="portfolio" class="portfolio section">
-
-          <!-- Section Title -->
-          <div class="container section-title" data-aos="fade-up">
-            <h2>Erkenntnisse</h2>
-            <p>Erkenntnisse aus dem Projekt</p>
-          </div><!-- End Section Title -->
-
-          <div class="container">
-
-            <div class="isotope-layout" data-default-filter=".filter-publikationen" data-layout="masonry" data-sort="original-order">
-
-              <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
-                <li data-filter=".filter-publikationen" class="filter-active">Publikationen</li>
-              </ul><!-- End Portfolio Filters -->
-
-              <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
-
-                <!-- Publikationen -->
-                <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
-                  <div class="portfolio-content h-100">
-                    <img src="ausschreibung/img/pado1.PNG" class="img-fluid" alt="Paper 1">
-                    <div class="portfolio-info">
-                      <h4>Paper 1</h4>
-                      <p>Short-Answer Grading for German: Addressing the Challenges</p>
-                      <a href="ausschreibung/img/pado-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 1"><i class="bi bi-zoom-in"></i></
-                      a>
-                      <a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Padó et al. (2023)"><i class="bi bi-link-45deg"></i></a>
-                    </div>
-                  </div>
-                </div><!-- End Publikation -->
+         <!-- Portfolio Section -->
+<section id="portfolio" class="portfolio section">
 
-                <!-- Weitere Publikationen können hier ergänzt werden -->
+  <!-- Section Title -->
+  <div class="container section-title" data-aos="fade-up">
+    <h2>Erkenntnisse</h2>
+    <p>Erkenntnisse aus dem Projekt</p>
+  </div><!-- End Section Title -->
 
-              </div><!-- End Portfolio Container -->
+  <div class="container">
 
+    <div class="isotope-layout" data-default-filter=".filter-publikationen" data-layout="masonry" data-sort="original-order">
+
+      <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
+        <li data-filter=".filter-publikationen" class="filter-active">Publikationen</li>
+        <li data-filter=".filter-prototypen">Prototypen & Tools</li>
+        <li data-filter=".filter-gitlab">GitLab-Repositories</li>
+        <li data-filter=".filter-berichte">Berichte & Evaluationsergebnisse</li>
+        <li data-filter=".filter-workshops">Workshops, Schulungen & Events</li>
+        <li data-filter=".filter-videos">Videos & Tutorials</li>
+        <li data-filter=".filter-sonstiges">Sonstiges</li>
+      </ul><!-- End Portfolio Filters -->
+
+      <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
+
+        <!-- Publikationen -->
+        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
+          <div class="portfolio-content h-100">
+            <img src="ausschreibung/img/pado1.PNG" class="img-fluid" alt="Paper 1">
+            <div class="portfolio-info">
+              <h4>Paper 1</h4>
+              <p>Short-Answer Grading for German: Addressing the Challenges</p>
+              <a href="ausschreibung/img/pado-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 1"><i class="bi bi-zoom-in"></i></a>
+              <a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Padó et al. (2023)"><i class="bi bi-link-45deg"></i></a>
+            </div>
+          </div>
+        </div><!-- End Publikation -->
+
+        <!-- Beispiel: Sonstiges -->
+        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-sonstiges">
+          <div class="portfolio-content h-100">
+            <img src="ausschreibung/img/workshop.png" class="img-fluid" alt="Abschlussworkshop">
+            <div class="portfolio-info">
+              <h4>Abschlussworkshop</h4>
+              <p>Zusammenfassung der Ergebnisse und Ausblick</p>
+              <a href="ausschreibung/img/workshop.png" data-gallery="portfolio-gallery-sonstiges" class="glightbox preview-link" title="Abschlussworkshop"><i class="bi bi-zoom-in"></i></a>
+              <a href="abschlussworkshop.html" class="details-link" title="Workshop-Dokumentation"><i class="bi bi-link-45deg"></i></a>
             </div>
-
           </div>
+        </div><!-- End Sonstiges -->
+
+        <!-- Weitere Portfolio Items... -->
+
+      </div><!-- End Portfolio Container -->
+
+    </div>
+
+  </div>
 
-        </section>
+</section>
 
      
  <!-- Chancen für die studentische Mitarbeit im Projekt -->