Update public/generative-ki.html

public/generative-ki.html

@@ -40,40 +40,40 @@
   </header>
   
  <main>
-  <section class="container my-5 item-red">
+  <section class="container my-5">
     <header class="mb-4">
       <h1 class="display-4">Wissenschaftliches Schreiben mit generativer KI</h1>
       <hr class="mt-2 mb-4" />
     </header>
 
-    <article class="mb-4">
+    <article class="mb-5">
       <h2>Kurzbeschreibung</h2>
       <p>Im Projekt KNIGHT wurde ein Schreibseminar im Masterstudiengang <em>Umweltorientierte Logistik</em> durchgeführt, in dem Studierende wissenschaftliche Texte mithilfe generativer KI (z. B. ChatGPT Plus) verfassten. Ziel war es, Nutzen, Grenzen und rechtliche Rahmenbedingungen generativer KI im Schreibprozess kritisch zu reflektieren.</p>
     </article>
 
-    <article class="mb-4">
-      <h2>Seminarkonzept & Umsetzung</h2>
-      <ul>
-        <li>Vermittlung von Grundlagen zu LLMs (n-Gramm-Modelle, Word Embeddings, Transformer)</li>
-        <li>Datenschutzrechtliche Aspekte (z. B. DSGVO, Trainingsdaten, „Chat history & training“ deaktivieren)</li>
-        <li>Praktische Übungen: Mega-Prompts, Faktenprüfung, Stilüberarbeitung, Visualisierung</li>
-        <li>Diskussion guter wissenschaftlicher Praxis & Reflexion im Plenum</li>
-        <li>Studierende erhielten ChatGPT-Teamlizenzen (Projektmittel)</li>
+    <article class="mb-5">
+      <h2>Seminarkonzept &amp; Umsetzung</h2>
+      <ul class="list-group list-group-flush">
+        <li class="list-group-item">Vermittlung von Grundlagen zu LLMs (n-Gramm-Modelle, Word Embeddings, Transformer)</li>
+        <li class="list-group-item">Datenschutzrechtliche Aspekte (z. B. DSGVO, Trainingsdaten, „Chat history &amp; training“ deaktivieren)</li>
+        <li class="list-group-item">Praktische Übungen: Mega-Prompts, Faktenprüfung, Stilüberarbeitung, Visualisierung</li>
+        <li class="list-group-item">Diskussion guter wissenschaftlicher Praxis &amp; Reflexion im Plenum</li>
+        <li class="list-group-item">Studierende erhielten ChatGPT-Teamlizenzen (Projektmittel)</li>
       </ul>
     </article>
 
-    <article class="mb-4">
-      <h2>Evaluation & Ergebnisse</h2>
-      <ul>
-        <li>94 % begrüßten die Zulassung von KI-Tools im Seminar</li>
-        <li>81 % bewerteten das Konzept als gelungen</li>
-        <li>75 % berichteten eine Veränderung im eigenen Schreibverhalten</li>
-        <li>Positive Rückmeldungen zu Mega-Prompts, Übersetzungen & Textverbesserung</li>
-        <li>Herausforderungen: Faktencheck, unvollständiger Output, Notwendigkeit eigener Textgrundlagen</li>
+    <article class="mb-5">
+      <h2>Evaluation &amp; Ergebnisse</h2>
+      <ul class="list-group list-group-flush">
+        <li class="list-group-item">94 % begrüßten die Zulassung von KI-Tools im Seminar</li>
+        <li class="list-group-item">81 % bewerteten das Konzept als gelungen</li>
+        <li class="list-group-item">75 % berichteten eine Veränderung im eigenen Schreibverhalten</li>
+        <li class="list-group-item">Positive Rückmeldungen zu Mega-Prompts, Übersetzungen &amp; Textverbesserung</li>
+        <li class="list-group-item">Herausforderungen: Faktencheck, unvollständiger Output, Notwendigkeit eigener Textgrundlagen</li>
       </ul>
     </article>
 
-    <article class="mb-4">
+    <article class="mb-5">
       <h2>Dissemination</h2>
       <ul>
         <li>Höpner, Annegret; Uckelmann, Dieter (2024): <em>Implementing Generative AI in Academic Writing Seminars.</em> In: EDULEARN24 Proceedings. Palma, Spanien, S. 4998–5005. DOI: 10.21125/edulearn.2024.1225</li>
@@ -82,22 +82,23 @@
       </ul>
     </article>
 
-    <div class="image-frame my-4 text-center">
+    <figure class="my-5 text-center">
       <img src="assets/img/poster_genKI_schreiben.png" alt="Poster: Projektziele und Evaluationsergebnisse" class="img-fluid rounded shadow">
-      <p class="fst-italic mt-2">Poster: Umsetzung, Inhalte und Ergebnisse des KI-gestützten Schreibseminars.</p>
-    </div>
+      <figcaption class="fst-italic mt-2">Poster: Umsetzung, Inhalte und Ergebnisse des KI-gestützten Schreibseminars.</figcaption>
+    </figure>
 
-    <article class="mb-4">
+    <article>
       <h2>Kontakt</h2>
-      <p>
+      <address>
         Annegret Höpner (<a href="mailto:annegret.hoepner@hft-stuttgart.de">annegret.hoepner@hft-stuttgart.de</a>)<br>
         Prof. Dr.-Ing. Dieter Uckelmann (<a href="mailto:dieter.uckelmann@hft-stuttgart.de">dieter.uckelmann@hft-stuttgart.de</a>)
-      </p>
+      </address>
     </article>
   </section>
 </main>
 
 
+
     <footer>
         <div class="container">
             <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>