Skip to content

Commit 8212f57

Browse files
JGonnermannJGonnermann
committed
test
1 parent 2367fed commit 8212f57

16 files changed

Lines changed: 319 additions & 37 deletions

File tree

‎assets/css/custom.css‎

Lines changed: 195 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
/* Light Blue Interest Boxes */
2+
3+
.interests-light-blue {
4+
display: flex;
5+
flex-wrap: nowrap;
6+
justify-content: center;
7+
gap: 0.5rem;
8+
margin: 2rem 0;
9+
padding: 0 1rem;
10+
}
11+
12+
.interest-box {
13+
background-color: #e6f3ff !important; /* Light blue background */
14+
border: 2px solid #b3d9ff !important; /* Light blue border */
15+
border-radius: 8px !important; /* Rounded corners */
16+
box-shadow: 0 4px 8px rgba(0, 123, 255, 0.1) !important; /* Subtle blue shadow */
17+
transition: all 0.3s ease !important; /* Smooth transitions */
18+
padding: 0.75rem 1rem !important;
19+
text-align: center !important;
20+
color: #2c5aa0 !important; /* Dark blue text */
21+
font-weight: 600 !important;
22+
font-size: 0.9rem !important;
23+
cursor: pointer !important;
24+
white-space: nowrap !important;
25+
flex-shrink: 0 !important;
26+
}
27+
28+
.interest-box:hover {
29+
background-color: #d1ecf1 !important; /* Slightly darker blue on hover */
30+
border-color: #87ceeb !important; /* Darker border on hover */
31+
transform: translateY(-2px) !important; /* Slight lift effect */
32+
box-shadow: 0 6px 12px rgba(0, 123, 255, 0.15) !important; /* Enhanced shadow on hover */
33+
}
34+
35+
/* Dark mode adjustments */
36+
[data-wc-theme="dark"] .interest-box {
37+
background-color: #1a365d !important; /* Dark blue background */
38+
border-color: #2d5a87 !important; /* Dark blue border */
39+
color: #e6f3ff !important; /* Light blue text */
40+
}
41+
42+
[data-wc-theme="dark"] .interest-box:hover {
43+
background-color: #2c5aa0 !important; /* Darker blue on hover */
44+
border-color: #4a6fa5 !important; /* Lighter border on hover */
45+
}
46+
47+
/* Responsive adjustments - Keep all in one line */
48+
@media (max-width: 768px) {
49+
.interests-light-blue {
50+
gap: 0.25rem;
51+
padding: 0 0.25rem;
52+
}
53+
54+
.interest-box {
55+
padding: 0.5rem 0.75rem !important;
56+
font-size: 0.8rem !important;
57+
}
58+
}
59+
60+
@media (max-width: 480px) {
61+
.interests-light-blue {
62+
gap: 0.2rem;
63+
padding: 0 0.1rem;
64+
}
65+
66+
.interest-box {
67+
padding: 0.4rem 0.6rem !important;
68+
font-size: 0.75rem !important;
69+
}
70+
}
71+
72+
/* Light Blue News Box */
73+
.news-light-blue {
74+
background-color: #e6f3ff !important; /* Light blue background */
75+
border: 2px solid #b3d9ff !important; /* Light blue border */
76+
border-radius: 12px !important; /* Rounded corners */
77+
box-shadow: 0 4px 8px rgba(0, 123, 255, 0.1) !important; /* Subtle blue shadow */
78+
padding: 2rem !important;
79+
margin: 1rem 0 !important;
80+
text-align: left !important;
81+
color: #2c5aa0 !important; /* Dark blue text */
82+
line-height: 1.6 !important;
83+
}
84+
85+
.news-light-blue a {
86+
color: #1e40af !important; /* Darker blue for links */
87+
text-decoration: none !important;
88+
font-weight: 600 !important;
89+
}
90+
91+
.news-light-blue a:hover {
92+
color: #1d4ed8 !important; /* Even darker blue on hover */
93+
text-decoration: underline !important;
94+
}
95+
96+
/* News Button */
97+
.news-button-container {
98+
text-align: center !important;
99+
margin-top: 1.5rem !important;
100+
}
101+
102+
.news-button {
103+
display: inline-block !important;
104+
background-color: #3b82f6 !important; /* Blue button background */
105+
color: white !important;
106+
padding: 0.75rem 1.5rem !important;
107+
border-radius: 8px !important;
108+
text-decoration: none !important;
109+
font-weight: 600 !important;
110+
font-size: 0.9rem !important;
111+
transition: all 0.3s ease !important;
112+
box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3) !important;
113+
}
114+
115+
.news-button:hover {
116+
background-color: #2563eb !important; /* Darker blue on hover */
117+
transform: translateY(-1px) !important; /* Slight lift effect */
118+
box-shadow: 0 4px 8px rgba(59, 130, 246, 0.4) !important; /* Enhanced shadow */
119+
color: white !important;
120+
text-decoration: none !important;
121+
}
122+
123+
/* Dark mode adjustments for news */
124+
[data-wc-theme="dark"] .news-light-blue {
125+
background-color: #1a365d !important; /* Dark blue background */
126+
border-color: #2d5a87 !important; /* Dark blue border */
127+
color: #e6f3ff !important; /* Light blue text */
128+
}
129+
130+
[data-wc-theme="dark"] .news-light-blue a {
131+
color: #93c5fd !important; /* Light blue for links */
132+
}
133+
134+
[data-wc-theme="dark"] .news-light-blue a:hover {
135+
color: #dbeafe !important; /* Lighter blue on hover */
136+
}
137+
138+
[data-wc-theme="dark"] .news-button {
139+
background-color: #1e40af !important; /* Darker blue button */
140+
}
141+
142+
[data-wc-theme="dark"] .news-button:hover {
143+
background-color: #1d4ed8 !important; /* Even darker blue on hover */
144+
}
145+
146+
/* Blog post styling for news boxes */
147+
.article-container .news-light-blue,
148+
.post-content .news-light-blue,
149+
.content .news-light-blue {
150+
background-color: #e6f3ff !important;
151+
border: 2px solid #b3d9ff !important;
152+
border-radius: 12px !important;
153+
box-shadow: 0 4px 8px rgba(0, 123, 255, 0.1) !important;
154+
padding: 2rem !important;
155+
margin: 1.5rem 0 !important;
156+
text-align: left !important;
157+
color: #2c5aa0 !important;
158+
line-height: 1.6 !important;
159+
}
160+
161+
.article-container .news-light-blue a,
162+
.post-content .news-light-blue a,
163+
.content .news-light-blue a {
164+
color: #1e40af !important;
165+
text-decoration: none !important;
166+
font-weight: 600 !important;
167+
}
168+
169+
.article-container .news-light-blue a:hover,
170+
.post-content .news-light-blue a:hover,
171+
.content .news-light-blue a:hover {
172+
color: #1d4ed8 !important;
173+
text-decoration: underline !important;
174+
}
175+
176+
/* Dark mode for blog posts */
177+
[data-wc-theme="dark"] .article-container .news-light-blue,
178+
[data-wc-theme="dark"] .post-content .news-light-blue,
179+
[data-wc-theme="dark"] .content .news-light-blue {
180+
background-color: #1a365d !important;
181+
border-color: #2d5a87 !important;
182+
color: #e6f3ff !important;
183+
}
184+
185+
[data-wc-theme="dark"] .article-container .news-light-blue a,
186+
[data-wc-theme="dark"] .post-content .news-light-blue a,
187+
[data-wc-theme="dark"] .content .news-light-blue a {
188+
color: #93c5fd !important;
189+
}
190+
191+
[data-wc-theme="dark"] .article-container .news-light-blue a:hover,
192+
[data-wc-theme="dark"] .post-content .news-light-blue a:hover,
193+
[data-wc-theme="dark"] .content .news-light-blue a:hover {
194+
color: #dbeafe !important;
195+
}

‎config/_default/menus.yaml‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,15 @@
44
# The weight parameter defines the order that the links will appear in.
55

66
main:
7+
- name: about
8+
url: /about
9+
weight: 1
710
- name: publications
811
url: /publications
9-
weight: 1
12+
weight: 2
1013
- name: outreach
1114
url: /outreach
12-
weight: 2
13-
#- name: blog
14-
# url: /blog
15-
# weight: 3
15+
weight: 3
16+
- name: blog
17+
url: /blog
18+
weight: 4

‎content/_index.md‎

Lines changed: 32 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -5,32 +5,47 @@ date: 2022-10-24
55
type: landing
66

77
design:
8-
spacing: '8rem'
8+
spacing: '3rem'
99

1010
# Page sections
1111
sections:
12-
- block: markdown
12+
- block: resume-biography
13+
id: about
1314
content:
14-
title: ''
15-
subtitle: ''
16-
text: |-
17-
I am a postdoctoral researcher at Zuse Institute Berlin in the IOL Lab of Sebastian Pokutta, where I lead the 'Humans and AI' research area. I explore how agentic AI, machine learning, and human-centered design can be integrated to develop adaptive, personalized systems for learning, decision-making, and broader societal impact.
18-
19-
My research focuses on LLM-based educational tools and agentic simulations, using experimental methods to evaluate AI tools together with schools and companies in practice. I'm particularly interested in socially-aware AI and AI applications in AR/VR environments for educational purposes.
15+
username: admin
2016
design:
17+
css_class: 'text-center'
2118
columns: '1'
22-
css_class: 'text-left text-base leading-relaxed font-normal'
23-
24-
- block: resume-skills
19+
20+
- block: markdown
2521
content:
26-
username: admin
22+
title: 'research interests'
23+
subtitle: ''
24+
text: |-
25+
<div class="interests-light-blue">
26+
<div class="interest-box">AI for education</div>
27+
<div class="interest-box">agentic AI</div>
28+
<div class="interest-box">socially-aware AI</div>
29+
<div class="interest-box">AI in AR/VR</div>
30+
</div>
2731
design:
28-
columns: '2'
32+
columns: '1'
33+
css_class: 'text-center'
2934

30-
- block: resume-experience
35+
- block: markdown
3136
content:
32-
username: admin
37+
title: 'latest news'
38+
subtitle: ''
39+
text: |-
40+
<div class="news-light-blue">
41+
August 2025 - Preprint published on arXiv: <a href="https://arxiv.org/abs/2508.11401" target="_blank">"FACET: Teacher-Centred LLM-Based Multi-Agent Systems"</a>
42+
43+
<div class="news-button-container">
44+
<a href="/blog/" class="news-button">Latest News →</a>
45+
</div>
46+
</div>
3347
design:
34-
date_format: 'January 2006'
35-
is_education_first: false
48+
columns: '1'
49+
css_class: 'text-center'
50+
3651
---

‎content/about.md‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: About
3+
date: 2023-10-24
4+
type: landing
5+
6+
design:
7+
spacing: '3rem'
8+
9+
# Page sections
10+
sections:
11+
- block: resume-biography
12+
id: about
13+
content:
14+
username: admin
15+
design:
16+
css_class: 'text-center'
17+
columns: '1'
18+
19+
- block: resume-experience
20+
content:
21+
username: admin
22+
design:
23+
date_format: 'January 2006'
24+
is_education_first: false
25+
---

‎content/authors/admin/_index.md‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -77,8 +77,7 @@ work:
7777
company_logo: ''
7878
date_start: 2025-09-15
7979
date_end: ''
80-
summary: |2-
81-
Interested in exploring how agentic AI, machine learning, and human-centered design can be integrated to develop adaptive, personalized systems for learning, decision-making, and broader societal impact.
80+
summary:
8281
- position: Academic Researcher
8382
company_name: University of Potsdam
8483
company_url: ''
@@ -105,4 +104,8 @@ work:
105104
Interdisciplinary research
106105
---
107106

108-
Jana Gonnermann is a postdoctoral researcher at Zuse Institute Berlin, where she explores how agentic AI, machine learning, and human-centered design can be integrated to develop adaptive, personalized systems for learning, decision-making, and broader societal impact. In her research she uses experimental methods and evaluates AI tools together with schools and in companies to investigate these systems in practice. Currently, her work focuses on LLM-based educational tools and agentic simulations.
107+
I am a postdoctoral researcher at [Zuse Institute Berlin](https://www.zib.de/) in the [IOL Lab of Sebastian Pokutta](https://iol.zib.de/), where I lead the ['Humans and AI'](https://iol.zib.de/research/iol-human.html) research area.
108+
109+
My work explores how agentic AI, machine learning, and human-centered design can be integrated to develop adaptive, personalized systems that support learning, decision-making, and broader societal impact.
110+
111+
My research focuses on LLM-based educational tools and agentic simulations, using experimental methods to evaluate AI technologies in collaboration with schools and industry partners. I am particularly interested in socially-aware AI and applications of AI in AR/VR environments for educational purposes.

‎content/blog/facet-preprint-2025.md‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
---
2+
title: "FACET: Teacher-Centred LLM-Based Multi-Agent Systems - Preprint Published"
3+
date: 2025-08-01
4+
authors: ["admin", Jennifer Haase, Konstantin Fackeldey, Sebastian Pokutta]
5+
featured: true
6+
summary: "Our latest preprint on teacher-centred LLM-based multi-agent systems for personalized educational worksheets has been published on arXiv."
7+
8+
# Optional: Add external links
9+
links:
10+
- name: "arXiv Paper"
11+
url: "https://arxiv.org/abs/2508.11401"
12+
icon_pack: "ai"
13+
icon: "arxiv"
14+
15+
# Optional: Add PDF link
16+
url_pdf: "https://arxiv.org/abs/2508.11401"
17+
18+
---
19+
20+
<div class="news-light-blue">
21+
Aug 2025 - Have a look at our recent preprint "FACET: Teacher-Centred LLM-Based Multi-Agent Systems—Towards Personalized Educational Worksheets" that has been published on arXiv.
22+
23+
The paper presents a teacher-centred LLM-based multi-agent system that supports teachers in developing personalized educational materials according to students characteristics.
24+
25+
[Read the full paper on arXiv →](https://arxiv.org/abs/2508.11401)
26+
</div>
27+
28+
## Abstract
29+
30+
31+
32+
## Key Contributions
33+
34+
35+
## Get Involved
36+
37+
Interested in collaborating? Feel free to reach out through our [contact information](/about) or follow our latest updates on this blog.
38+
39+
---
40+
41+
*This research is part of our ongoing work in the 'Humans and AI' research area at Zuse Institute Berlin.*

‎content/outreach/_index.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ sections:
1616
filters:
1717
folders:
1818
- talks
19-
tag: "new"
19+
talk_type: "upcoming"
2020
order: desc
2121
design:
2222
view: citation
@@ -34,7 +34,7 @@ sections:
3434
filters:
3535
folders:
3636
- talks
37-
tag: "invited"
37+
talk_type: "invited"
3838
order: desc
3939
design:
4040
view: citation
@@ -52,7 +52,7 @@ sections:
5252
filters:
5353
folders:
5454
- talks
55-
tag: "conference"
55+
talk_type: "conference"
5656
order: desc
5757
design:
5858
view: citation

0 commit comments

Comments
 (0)