Commit 326804be authored by Traboulsi's avatar Traboulsi
Browse files

Update public/index.html

parent c09d488c
Pipeline #11132 passed with stage
in 9 seconds
...@@ -260,93 +260,129 @@ ...@@ -260,93 +260,129 @@
<div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order"> <div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
<ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100"> <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
<li data-filter="*" class="filter-active">Publikationen</li> <li data-filter="*" class="filter-active">Alle</li>
<li data-filter=".filter-app">Prototypen & Tools</li> <li data-filter=".filter-publikationen">Publikationen</li>
<li data-filter=".filter-product">GitLab-Repositories</li> <li data-filter=".filter-prototypen">Prototypen & Tools</li>
<li data-filter=".filter-branding">Berichte & Evaluationsergebnisse</li> <li data-filter=".filter-gitlab">GitLab-Repositories</li>
<li data-filter=".filter-books">Workshops, Schulungen & Events</li> <li data-filter=".filter-berichte">Berichte & Evaluationsergebnisse</li>
<li data-filter=".filter-books">Videos & Tutorials</li> <li data-filter=".filter-workshops">Workshops, Schulungen & Events</li>
<li data-filter=".filter-books">Sonstiges</li> <li data-filter=".filter-videos">Videos & Tutorials</li>
<li data-filter=".filter-sonstiges">Sonstiges</li>
</ul><!-- End Portfolio Filters --> </ul><!-- End Portfolio Filters -->
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200"> <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"> <!-- Publikationen -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
<div class="portfolio-content h-100"> <div class="portfolio-content h-100">
<img src="ausschreibung/img/pado1.PNG" class="img-fluid" alt=""> <img src="ausschreibung/img/pado1.PNG" class="img-fluid" alt="Paper 1">
<div class="portfolio-info"> <div class="portfolio-info">
<h4>Paper 1</h4> <h4>Paper 1</h4>
<p>Short-Answer Grading for German: Addressing the Challenges</p> <p>Short-Answer Grading for German: Addressing the Challenges</p>
<a href="ausschreibung/img/pado-paper1.PNG" title="" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <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" title="Padó, U., Eryilmaz, Y. & Kirschner, L. (2023). Short-Answer Grading for German: Addressing the Challenges. Int J Artif Intell Educ. https://doi.org/10.1007/s40593-023-00383-w" class="details-link"><i class="bi bi-link-45deg"></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> </div>
</div> <!-- End Portfolio Item --> </div><!-- End Publikation -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
<div class="portfolio-content h-100"> <div class="portfolio-content h-100">
<img src="ausschreibung/img/mudssair1.PNG" class="img-fluid" alt=""> <img src="ausschreibung/img/mudssair1.PNG" class="img-fluid" alt="Paper 2">
<div class="portfolio-info"> <div class="portfolio-info">
<h4>Paper 2</h4> <h4>Paper 2</h4>
<p>KNIGHT Learning Analytics Architecture for Betterment of Student Education</p> <p>KNIGHT Learning Analytics Architecture for Betterment of Student Education</p>
<a href="ausschreibung/img/mudssair-paper1.PNG" title="" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="ausschreibung/img/mudssair-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 2"><i class="bi bi-zoom-in"></i></a>
<a href="https://doi.org/10.1007/s40593-023-00383-w" title="Sharif, M., Munz, F., Uckelmann, D. (2023). KNIGHT Learning Analytics Architecture for Betterment of Student Education. In: Schlippe, T., Cheng, E.C.K., Wang, T. (Hrsg.) Artificial Intelligence in Education Technologies: New Development and Innovative Practices. AIET 2023. Lecture Notes on Data Engineering and Communications Technologies, vol 190. Springer, Singapore. https://doi.org/10.1007/s40593-023-00383-w" class="details-link"><i class="bi bi-link-45deg"></i></a> <a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Sharif et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div> </div>
</div> </div>
</div> <!-- End Portfolio Item --> </div><!-- End Publikation -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app"> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
<div class="portfolio-content h-100"> <div class="portfolio-content h-100">
<img src="ausschreibung/img/bhavar1.PNG" class="img-fluid" alt=""> <img src="ausschreibung/img/bhavar1.PNG" class="img-fluid" alt="Paper 3">
<div class="portfolio-info"> <div class="portfolio-info">
<h4>Paper 3</h4> <h4>Paper 3</h4>
<p>Enhancing Personalized Learning Experiences: Leveraging Multi-Modal Learning Analytics Dashboards</p> <p>Enhancing Personalized Learning Experiences: Leveraging Multi-Modal Learning Analytics Dashboards</p>
<a href="ausschreibung/img/bhavar1.PNG" title="" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="ausschreibung/img/bhavar1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 3"><i class="bi bi-zoom-in"></i></a>
<a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" title="Bhavasar, J.; Sharif, M.; Uckelmann, D. (2023). Enhancing Personalized Learning Experiences: Leveraging Multi-Modal Learning Analytics Dashboards. Proceedings of the 7th International Academic Conference on Education, London, 2023. ISBN: 978-609-485-470-5" class="details-link"><i class="bi bi-link-45deg"></i></a> <a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" class="details-link" title="Bhavasar et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div> </div>
</div> </div>
</div> <!-- End Portfolio Item --> </div><!-- End Publikation -->
<!-- Portfolio Item: Produkt --> <!-- Prototypen & Tools -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product"> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-prototypen">
<div class="portfolio-content h-100"> <div class="portfolio-content h-100">
<img src="ausschreibung/img/digital-mirror.png" class="img-fluid" alt="Digital Educational Mirror"> <img src="ausschreibung/img/digital-mirror.png" class="img-fluid" alt="Digital Educational Mirror">
<div class="portfolio-info"> <div class="portfolio-info">
<h4>Prototyp: Digital Educational Mirror</h4> <h4>Prototyp: Digital Educational Mirror</h4>
<p>Ein KI-basiertes Dashboard zur Visualisierung von Lernverhalten</p> <p>Ein KI-basiertes Dashboard zur Visualisierung von Lernverhalten</p>
<a href="ausschreibung/img/digital-mirror.png" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="ausschreibung/img/digital-mirror.png" data-gallery="portfolio-gallery-product" class="glightbox preview-link" title="Digital Educational Mirror"><i class="bi bi-zoom-in"></i></a>
<a href="produkt-digital-mirror.html" class="details-link" title="Details zum Prototyp"><i class="bi bi-link-45deg"></i></a> <a href="produkt-digital-mirror.html" class="details-link" title="Details zum Prototyp"><i class="bi bi-link-45deg"></i></a>
</div> </div>
</div> </div>
</div> <!-- End Portfolio Item --> </div><!-- End Prototyp -->
<!-- Portfolio Item: Evaluation --> <!-- GitLab-Repositories -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding"> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gitlab">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/gitlab-logo.png" class="img-fluid" alt="GitLab Repository">
<div class="portfolio-info">
<h4>GitLab Repository</h4>
<p>Code, Modelle und Dokumentation zum KNIGHT Projekt</p>
<a href="https://gitlab.com/knight-project" target="_blank" class="details-link" title="GitLab Repository"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End GitLab -->
<!-- Berichte & Evaluationsergebnisse -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-berichte">
<div class="portfolio-content h-100"> <div class="portfolio-content h-100">
<img src="ausschreibung/img/evaluation-uebersicht.png" class="img-fluid" alt="Evaluationsergebnisse"> <img src="ausschreibung/img/evaluation-uebersicht.png" class="img-fluid" alt="Evaluationsergebnisse">
<div class="portfolio-info"> <div class="portfolio-info">
<h4>Evaluationsergebnisse</h4> <h4>Evaluationsergebnisse</h4>
<p>Zwischenbericht zur Wirksamkeit von KI-Weiterbildungen</p> <p>Zwischenbericht zur Wirksamkeit von KI-Weiterbildungen</p>
<a href="ausschreibung/img/evaluation-uebersicht.png" data-gallery="portfolio-gallery-evaluation" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="ausschreibung/img/evaluation-uebersicht.png" data-gallery="portfolio-gallery-evaluation" class="glightbox preview-link" title="Evaluationsergebnisse"><i class="bi bi-zoom-in"></i></a>
<a href="evaluation-bericht.html" class="details-link" title="Vollständiger Bericht als PDF"><i class="bi bi-link-45deg"></i></a> <a href="evaluation-bericht.html" class="details-link" title="Vollständiger Bericht als PDF"><i class="bi bi-link-45deg"></i></a>
</div> </div>
</div> </div>
</div> <!-- End Portfolio Item --> </div><!-- End Bericht -->
<!-- Portfolio Item: Sonstiges --> <!-- Workshops, Schulungen & Events -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books"> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-workshops">
<div class="portfolio-content h-100"> <div class="portfolio-content h-100">
<img src="ausschreibung/img/workshop.png" class="img-fluid" alt="Abschlussworkshop"> <img src="ausschreibung/img/workshop.png" class="img-fluid" alt="Abschlussworkshop">
<div class="portfolio-info"> <div class="portfolio-info">
<h4>Abschlussworkshop</h4> <h4>Abschlussworkshop</h4>
<p>Zusammenfassung der Ergebnisse und Ausblick</p> <p>Zusammenfassung der Ergebnisse und Ausblick</p>
<a href="ausschreibung/img/workshop.png" data-gallery="portfolio-gallery-books" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="ausschreibung/img/workshop.png" data-gallery="portfolio-gallery-workshops" class="glightbox preview-link" title="Abschlussworkshop"><i class="bi bi-zoom-in"></i></a>
<a href="abschlussworkshop.html" class="details-link" title="Zur Workshop-Dokumentation"><i class="bi bi-link-45deg"></i></a> <a href="abschlussworkshop.html" class="details-link" title="Zur Workshop-Dokumentation"><i class="bi bi-link-45deg"></i></a>
</div> </div>
</div> </div>
</div> <!-- End Portfolio Item --> </div><!-- End Workshop -->
<!-- Videos & Tutorials -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-videos">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/tutorial-thumbnail.png" class="img-fluid" alt="Video Tutorial">
<div class="portfolio-info">
<h4>Video Tutorial</h4>
<p>Erklärvideo zum KNIGHT Learning Analytics Dashboard</p>
<a href="https://www.youtube.com/watch?v=example" target="_blank" class="details-link" title="YouTube Video"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Video -->
<!-- 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/blog-article.png" class="img-fluid" alt="Blog Artikel">
<div class="portfolio-info">
<h4>Blog Artikel</h4>
<p>Neuigkeiten und Updates zum KNIGHT Projekt</p>
<a href="blog.html" class="details-link" title="Blog Artikel"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Sonstiges -->
</div><!-- End Portfolio Container --> </div><!-- End Portfolio Container -->
...@@ -354,6 +390,8 @@ ...@@ -354,6 +390,8 @@
</div> </div>
</section>
<!-- Chancen für die studentische Mitarbeit im Projekt --> <!-- Chancen für die studentische Mitarbeit im Projekt -->
<section id="student-opportunities" class="student-opportunities section"> <section id="student-opportunities" class="student-opportunities section">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment