Update public/index.html

public/index.html

@@ -414,6 +414,7 @@ body {
     
     <!-- Services Section -->
     <section id="services" class="services section">
+    
 
       <!-- Section Title -->
       <div class="container section-title" data-aos="fade-up">
@@ -422,6 +423,49 @@ body {
         <!--<p>Check Our Wok Packages<br></p>-->
       </div><!-- End Section Title -->
 
+      <!-- themen zu addieren juni 25-->
+        <!-- Themenbuttons -->
+          <div class="topic-buttons">
+            <button onclick="toggleTopic('ethik', this)">Ethik</button>
+            <button onclick="toggleTopic('technik', this)">Technik</button>
+            <button onclick="toggleTopic('kompetenz', this)">Kompetenz</button>
+            <button onclick="toggleTopic('transfer', this)">Evaluation & Transfer</button>
+            <button onclick="resetTopic()">Alle anzeigen</button>
+          </div>
+
+          <!-- Obere Infofelder -->
+          <div id="topic-ethik" class="topic-details">
+            <strong>Ethikbezogene Arbeitspakete:</strong>
+            <ul>
+              <li><strong>AP 2.1 – 2.2:</strong> Konzeption ethischer Leitlinien für verantwortungsvollen KI-Einsatz.</li>
+            </ul>
+          </div>
+
+          <div id="topic-technik" class="topic-details">
+            <strong>Technische Arbeitspakete:</strong>
+            <ul>
+              <li><strong>AP 3.1 – 3.7:</strong> Infrastruktur, Visualisierung (Grafana), Datenmigration, Study Dean Cockpit.</li>
+              <li><strong>AP 4.1 – 4.4:</strong> Adaptive Testsysteme, KI-Integration in Moodle.</li>
+            </ul>
+          </div>
+
+          <div id="topic-kompetenz" class="topic-details">
+            <strong>Kompetenzbezogene Arbeitspakete:</strong>
+            <ul>
+              <li><strong>AP 1.1 – 1.3:</strong> Kompetenzanalyse und Matrix.</li>
+              <li><strong>AP 6:</strong> KI-Zertifikate und Schulungsformate.</li>
+            </ul>
+          </div>
+
+          <div id="topic-transfer" class="topic-details">
+            <strong>Evaluation & Transfer:</strong>
+            <ul>
+              <li><strong>AP 7:</strong> Begleitforschung, Evaluation, Verankerung.</li>
+              <li><strong>AP 8:</strong> Textgenerierende KI in der Lehre.</li>
+            </ul>
+          </div>
+      <!-- end themen -->
+
       <div class="container">
 
         <div class="row gy-4">
@@ -492,7 +536,7 @@ body {
             </div>
           </div><!-- End Service Item -->
 
-         <!--  Ap8: Einsatz textgenerierender KI in der Lehre -->
+         <!--  Ap7: Einsatz textgenerierender KI in der Lehre -->
 
         <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
           <div class="service-item item-cyan position-relative">
@@ -504,7 +548,7 @@ body {
           </div>
         </div>
            
-        <!--  AP6  -->
+        <!--  AP 8 -->
           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
             <div class="service-item item-red position-relative">
               <!--<i class="bi bi-chat-square-text icon"></i>-->