Update public/learning-analytics.html

public/learning-analytics.html

@@ -39,10 +39,8 @@
       margin-bottom: 10px;
     }
     .feedback-model-description {
-      background-color: #f8f9fa;
-      padding: 15px;
-      border-radius: 8px;
-      margin-top: 20px;
+      background-color: #e6f0ff;
+      border-left: 5px solid #003366;
     }
     .interactive-element {
       cursor: pointer;
@@ -102,6 +100,14 @@
   </header>
 
   <main>
+
+      <section class="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;">
+        <div class="container text-center">
+          <h1 style="font-size: 2.5rem;">Learning Analytics Infrastruktur</h1>
+          <p class="lead">Personalisierte Lernunterstützung durch datengestützte Analyse und Feedbacksysteme</p>
+        </div>
+      </section>
+
     <section class="container content-section">
       <p>
         <br>
@@ -196,7 +202,7 @@
       <h2>Feedbacktypen</h2>
       <div class="feedback-model-description"">
         <ul>
-          <li><strong>Deskriptives Feedback:</strong> Gibt eine detaillierte Beschreibung der aktuellen Leistung der Lernenden, z.B. durch die Darstellung von Fortschritten oder erreichten Ergebnissen. Es zeigt, was gut funktioniert und wo Verbesserungen notwendig sind.</li>
+          <li><i class="bi bi-bar-chart-line"></i> <strong> Deskriptives Feedback:</strong> Gibt eine detaillierte Beschreibung der aktuellen Leistung der Lernenden, z.B. durch die Darstellung von Fortschritten oder erreichten Ergebnissen. Es zeigt, was gut funktioniert und wo Verbesserungen notwendig sind.</li>
           <li><strong>Diagnostisches Feedback:</strong> Geht tiefer und analysiert die Ursachen hinter der Leistung. Es hilft Lernenden zu verstehen, warum bestimmte Ergebnisse erzielt wurden und wo ihre Stärken und Schwächen liegen.</li>
           <li><strong>Präskriptives Feedback:</strong> Gibt konkrete Empfehlungen, was die Lernenden tun können, um ihre Leistung zu verbessern. Es bietet klare Handlungsanweisungen basierend auf der aktuellen Leistung.</li>
           <li><strong>Prädiktives Feedback:</strong> Nutzt Daten, um zukünftige Entwicklungen vorherzusagen. Es gibt Hinweise darauf, welche Herausforderungen oder Erfolge die Lernenden in Zukunft erwarten können und wie sie sich darauf vorbereiten sollten.</li>
@@ -209,6 +215,11 @@
         Ziel dieses Teilprojekts ist es, eine Learning Analytics-Infrastruktur zu entwickeln, die lernendenzentriertes und personalisiertes Feedback bereitstellt. Diese Infrastruktur wird zunächst in den beiden Kursen „Mathematik“ und „IT in Unternehmensnetzwerken“ eingesetzt und evaluiert.
       </p>
       </div>
+
+      <div class="text-center mt-4">
+      <img src="assets/img/logos/moodle.svg" alt="Moodle Logo" style="height: 40px; margin: 0 10px;">
+      <img src="assets/img/logos/grafana.svg" alt="Grafana Logo" style="height: 40px; margin: 0 10px;">
+      </div>
     </section>
   </main>