Skip to content

Commit f5422ff

Browse files
JGonnermannJGonnermann
committed
test
1 parent c696a58 commit f5422ff

7 files changed

Lines changed: 235 additions & 5 deletions

File tree

‎assets/css/custom.css‎

Lines changed: 99 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -698,7 +698,7 @@ h1, h2, h3, h4, h5, h6,
698698
.page-title,
699699
.mb-6.text-3xl.font-bold {
700700
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
701-
font-size: 1.5rem !important; /* 24px */
701+
font-size: 1.625rem !important; /* 24px */
702702
font-weight: 600 !important;
703703
line-height: 1.4 !important;
704704
margin-bottom: 1rem !important;
@@ -709,7 +709,7 @@ h1, h2, h3, h4, h5, h6,
709709
.subtitle,
710710
.hbx-section-subtitle {
711711
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
712-
font-size: 1.125rem !important; /* 18px */
712+
font-size: 1.5rem !important; /* 18px */
713713
font-weight: 500 !important;
714714
line-height: 1.4 !important;
715715
margin-bottom: 0.75rem !important;
@@ -719,7 +719,7 @@ h1, h2, h3, h4, h5, h6,
719719
/* Unified text formatting */
720720
p, .text, .prose p, .prose {
721721
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
722-
font-size: 1rem !important; /* 16px */
722+
font-size: 1.125rem !important; /* 16px */
723723
font-weight: 400 !important;
724724
line-height: 1.6 !important;
725725
margin-bottom: 1rem !important;
@@ -735,3 +735,99 @@ p, .text, .prose p, .prose {
735735
.mb-6.text-3xl.font-bold + * {
736736
margin-top: 1rem !important;
737737
}
738+
739+
/* Projects page styling - side-by-side layout */
740+
/* Target only projects page group elements */
741+
.page-wrapper .group.bg-white\/90,
742+
.page-wrapper .group.dark\:bg-zinc-900\/90 {
743+
display: flex !important;
744+
flex-direction: row !important;
745+
min-height: 200px !important;
746+
padding: 0 !important;
747+
}
748+
749+
.page-wrapper .group:hover {
750+
transform: translateY(-2px) !important;
751+
}
752+
753+
/* Project card image styling - left side */
754+
.page-wrapper .group .relative.overflow-hidden {
755+
width: 300px !important;
756+
height: 200px !important;
757+
flex-shrink: 0 !important;
758+
border-radius: 0 !important;
759+
}
760+
761+
.page-wrapper .group .relative.aspect-\[16\/9\] {
762+
aspect-ratio: unset !important;
763+
}
764+
765+
/* Project card content styling - right side */
766+
.page-wrapper .group .p-8.space-y-4 {
767+
flex: 1 !important;
768+
padding: 1.5rem !important;
769+
display: flex !important;
770+
flex-direction: column !important;
771+
justify-content: space-between !important;
772+
}
773+
774+
/* Project title styling */
775+
.projects-page .group h3 {
776+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
777+
font-size: 1.5rem !important;
778+
font-weight: 600 !important;
779+
color: #2c3e50 !important;
780+
margin-bottom: 1rem !important;
781+
line-height: 1.3 !important;
782+
}
783+
784+
/* Project text styling */
785+
.projects-page .group p {
786+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
787+
font-size: 1rem !important;
788+
font-weight: 400 !important;
789+
color: #555 !important;
790+
line-height: 1.6 !important;
791+
margin-bottom: 1rem !important;
792+
}
793+
794+
/* Dark mode adjustments for projects */
795+
.dark .projects-page .group h3 {
796+
color: #f9fafb !important;
797+
}
798+
799+
.dark .projects-page .group p {
800+
color: #d1d5db !important;
801+
}
802+
803+
/* Projects page title styling */
804+
.projects-page .hbx-section-title {
805+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
806+
font-size: 2.5rem !important;
807+
font-weight: 700 !important;
808+
color: #2c3e50 !important;
809+
margin-bottom: 2rem !important;
810+
text-align: center !important;
811+
}
812+
813+
.dark .projects-page .hbx-section-title {
814+
color: #f9fafb !important;
815+
}
816+
817+
/* Responsive design for projects - mobile layout */
818+
@media (max-width: 768px) {
819+
.page-wrapper .group.bg-white\/90,
820+
.page-wrapper .group.dark\:bg-zinc-900\/90 {
821+
flex-direction: column !important;
822+
min-height: auto !important;
823+
}
824+
825+
.page-wrapper .group .relative.overflow-hidden {
826+
width: 100% !important;
827+
height: 200px !important;
828+
}
829+
830+
.page-wrapper .group .p-8.space-y-4 {
831+
padding: 1rem !important;
832+
}
833+
}

‎config/_default/menus.yaml‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,12 @@ main:
1010
- name: publications
1111
url: /publications
1212
weight: 2
13+
- name: projects
14+
url: /projects
15+
weight: 3
1316
- name: outreach
1417
url: /outreach
15-
weight: 3
18+
weight: 4
1619
- name: blog
1720
url: /blog
18-
weight: 4
21+
weight: 5

‎content/projects/FACET.png‎

59.3 KB
Loading

‎content/projects/_index.md‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
---
2+
title: Projects
3+
date: 2023-10-24
4+
type: landing
5+
6+
design:
7+
spacing: '1rem'
8+
css_class: 'projects-page'
9+
10+
# Page sections
11+
sections:
12+
- block: collection
13+
content:
14+
title: 'projects'
15+
text: ''
16+
count: 0
17+
filters:
18+
folders:
19+
- projects
20+
exclude_featured: false
21+
order: desc
22+
design:
23+
view: card
24+
show_date: true
25+
show_read_time: false
26+
show_read_more: true
27+
show_image: true
28+
show_links: true
29+
columns: '1'
30+
css_class: 'text-left'
31+
---

‎content/projects/cognitive-load-ar-study.md‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
---
2+
title: "Cognitive load-based Augmented Reality design for vocational training"
3+
startdate: 2023-04-01
4+
enddate: 2025-09-14
5+
featured: true
6+
7+
# Project image
8+
image:
9+
filename: "cognitive-load-study.jpg"
10+
focal_point: "Smart"
11+
preview_only: false
12+
13+
# Project links
14+
links:
15+
- name: "AR and visual guidance - Paper"
16+
url: "https://aisel.aisnet.org/icis2024/"
17+
icon_pack: "fas"
18+
icon: "file-alt"
19+
- name: "Design guidelines for AR - Paper"
20+
url: "https://onlinelibrary.wiley.com/doi/10.1111/jcal.13095"
21+
icon_pack: "fas"
22+
icon: "file-alt"
23+
24+
25+
# Project details
26+
# tags: ["Augmented Reality", "Cognitive Load", "Eye-Tracking", "Human-Computer Interaction"]
27+
---
28+
29+
This research project investigates the design of human-centred Augmented Rearlity (AR) for learning. Therefore it used cognitive theories, such as cognitive load theory. The study provides valuable insights into how AR interfaces can be optimized to reduce cognitive load and improve learning outcomes.
30+
31+
32+
## Research Questions
33+
34+
- How does visual guidance affect cognitive load in AR environments?
35+
- What are the optimal design patterns for reducing cognitive load?
36+
- How can eye-tracking data inform AR interface design?
37+
38+
## Methodology
39+
40+
- **Eye-Tracking Analysis**: Comprehensive gaze pattern analysis
41+
- **Cognitive Load Measurement**: Multi-dimensional assessment of mental effort
42+
- **Controlled Experiments**: Rigorous experimental design with statistical analysis
43+
- **User Experience Evaluation**: Qualitative and quantitative UX assessment
44+
45+
## Key Findings
46+
47+
- Visual guidance significantly reduces cognitive load in AR learning tasks
48+
- Specific design patterns are more effective than others
49+
- Individual differences in cognitive processing affect AR usability
50+
51+
## Impact
52+
53+
This research contributes to the theoretical understanding of cognitive load in AR environments and provides practical guidelines for designing more effective AR learning systems.

‎content/projects/cognitive-load-study.jpg‎

1.48 MB
Loading

‎content/projects/facet-project.md‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
---
2+
title: "FACET: Teacher-Centred LLM-Based Multi-Agent Systems"
3+
date: 2025-08-01
4+
authors: ["admin"]
5+
featured: true
6+
summary: "A teacher-centred LLM-based multi-agent system that supports teachers in developing personalized educational materials according to student characteristics."
7+
8+
# Project image
9+
image:
10+
filename: "facet-project.jpg"
11+
focal_point: "Smart"
12+
preview_only: false
13+
14+
# Project links
15+
links:
16+
- name: "arXiv Paper"
17+
url: "https://arxiv.org/abs/2508.11401"
18+
icon_pack: "ai"
19+
icon: "arxiv"
20+
- name: "GitHub"
21+
url: "https://github.com/example/facet"
22+
icon_pack: "fab"
23+
icon: "github"
24+
25+
# Project details
26+
tags: ["AI", "Education", "LLM", "Multi-Agent Systems"]
27+
---
28+
29+
FACET is a teacher-centred LLM-based multi-agent system that supports teachers in developing personalized educational materials according to student characteristics. The system uses multiple AI agents to analyze student needs, generate appropriate content, and provide recommendations for educational worksheets.
30+
31+
## Key Features
32+
33+
- **Multi-Agent Architecture**: Different agents handle content generation, student analysis, and quality assurance
34+
- **Personalization**: Adapts materials based on individual student characteristics and learning preferences
35+
- **Teacher-Centred Design**: Empowers teachers with AI assistance while maintaining pedagogical control
36+
- **Scalable Framework**: Can be adapted for different subjects and educational contexts
37+
38+
## Technology Stack
39+
40+
- Large Language Models (LLMs)
41+
- Multi-Agent Systems
42+
- Educational Technology
43+
- Python, React, and modern web technologies
44+
45+
## Impact
46+
47+
This project represents a significant advancement in AI-assisted education, providing teachers with powerful tools to create personalized learning experiences while maintaining the human element in education.

0 commit comments

Comments
 (0)