Update public/index.html

public/index.html

@@ -160,6 +160,34 @@
   font-size: 0.95rem;
 }
 
+.publication-box {
+  padding: 20px;
+  border: 2px solid #eee;
+  border-radius: 12px;
+  background-color: #f9f9f9;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+}
+
+.publication-list {
+  list-style-type: none;
+  padding-left: 0;
+  margin-top: 10px;
+}
+
+.publication-list li {
+  margin-bottom: 12px;
+  line-height: 1.5;
+}
+
+.publication-list a {
+  text-decoration: none;
+  color: #004080;
+}
+
+.publication-list a:hover {
+  text-decoration: underline;
+}
+
 
 </style>
 
@@ -407,42 +435,40 @@
       <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">
-        <!-- Paper 1 -->
-                <div class="publication-card">
-                  <h4><a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">Short-Answer Grading for German</a></h4>
-                  <p><strong>Padó et al. (2023):</strong> Addressing the Challenges</p>
+        <div class="col-lg-12 portfolio-item isotope-item filter-publikationen">
+          <div class="publication-box">
+            <h3>Publikationen</h3>
+            <ul class="publication-list">
+              <li>
+                <a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">
+                  <strong>Padó et al. (2023):</strong> Short-Answer Grading for German – Addressing the Challenges
+                </a>
+              </li>
+              <li>
+                <a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">
+                  <strong>Sharif et al. (2023):</strong> KNIGHT Learning Analytics Architecture – Betterment of Student Education
+                </a>
+              </li>
+              <li>
+                <a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" target="_blank">
+                  <strong>Bhavasar et al. (2023):</strong> Enhancing Personalized Learning – Multi-Modal Learning Analytics Dashboards
+                </a>
+              </li>
+              <li>
+                <a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank">
+                  <strong>Arfeli et al. (2024):</strong> AI Competence Matrix for Universities – Development for AI Teaching
+                </a>
+              </li>
+            </ul>
           </div>
         </div>
             
-              <!-- Paper 2 -->
-              <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
-                <div class="publication-card">
-                  <h4><a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">KNIGHT Learning Analytics Architecture</a></h4>
-                  <p><strong>Sharif et al. (2023):</strong> Betterment of Student Education</p>
-                </div>
-              </div>
       
-              <!-- Paper 3 -->
-              <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
-                <div class="publication-card">
-                  <h4><a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" target="_blank">Enhancing Personalized Learning</a></h4>
-                  <p><strong>Bhavasar et al. (2023):</strong> Multi-Modal Learning Analytics Dashboards</p>
-                </div>
-              </div>
+        <!-- End Publikation -->
 
-              <!-- Paper 4 -->
-            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
-                <div class="publication-card">
-                  <h4><a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank">AI Competence Matrix for Universities</a></h4>
-                  <p><strong>Arfeli et al. (2024):</strong> Development for AI Teaching</p>
-                </div>
-            </div>
         
     
-                    <!-- End Publikation -->
       
-        <!-- Beispiel: Sonstiges -->
       <!-- Prototypen & Tools -->
         <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-prototypen">
           <div class="portfolio-content h-100">
@@ -454,7 +480,9 @@
               <a href="produkt-digital-mirror.html" class="details-link" title="Details zum Prototyp"><i class="bi bi-link-45deg"></i></a>
             </div>
           </div>
-        </div><!-- End Prototyp -->
+        </div>
+        
+        <!-- End Prototyp -->
 
       <!-- GitLab-Repositories -->