Skip to content

Commit d4d34c9

Browse files
Enhance styling and update speaker information
Added new styles for abstract boxes, schedule items, and speaker cards. Updated speaker names to be links.
1 parent e77e811 commit d4d34c9

1 file changed

Lines changed: 96 additions & 27 deletions

File tree

index.html

Lines changed: 96 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@
3636
font-size: 2.5em;
3737
margin-bottom: 15px;
3838
font-weight: 700;
39+
line-height: 1.2;
3940
}
4041

4142
header .subtitle {
@@ -119,6 +120,17 @@
119120
margin-bottom: 10px;
120121
}
121122

123+
.abstract-box {
124+
background-color: #f8f9fa;
125+
border-left: 4px solid #667eea;
126+
padding: 25px;
127+
margin: 25px 0;
128+
border-radius: 4px;
129+
font-size: 1.05em;
130+
line-height: 1.8;
131+
text-align: justify;
132+
}
133+
122134
.highlight-box {
123135
background-color: #f8f9fa;
124136
border-left: 4px solid #667eea;
@@ -127,6 +139,52 @@
127139
border-radius: 4px;
128140
}
129141

142+
.schedule-item {
143+
background-color: #fff;
144+
border-left: 4px solid #667eea;
145+
padding: 20px;
146+
margin-bottom: 20px;
147+
border-radius: 4px;
148+
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
149+
}
150+
151+
.schedule-item h3 {
152+
color: #667eea;
153+
margin-top: 0;
154+
margin-bottom: 10px;
155+
font-size: 1.3em;
156+
}
157+
158+
.schedule-item .presenter {
159+
color: #764ba2;
160+
font-size: 1.05em;
161+
margin-bottom: 10px;
162+
}
163+
164+
.schedule-item ul {
165+
margin-top: 10px;
166+
}
167+
168+
.schedule-break {
169+
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
170+
border-left: 4px solid #95a5a6;
171+
padding: 20px;
172+
margin: 20px 0;
173+
border-radius: 4px;
174+
text-align: center;
175+
}
176+
177+
.schedule-break h3 {
178+
color: #555;
179+
margin: 0 0 10px 0;
180+
}
181+
182+
.schedule-break p {
183+
color: #666;
184+
margin: 0;
185+
font-style: italic;
186+
}
187+
130188
.speaker-grid {
131189
display: grid;
132190
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
@@ -147,38 +205,45 @@
147205
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
148206
}
149207

208+
.speaker-card img {
209+
width: 120px;
210+
height: 120px;
211+
border-radius: 50%;
212+
object-fit: cover;
213+
margin-bottom: 15px;
214+
border: 3px solid #667eea;
215+
}
216+
150217
.speaker-card h4 {
151218
color: #667eea;
152219
margin: 15px 0 5px 0;
153220
font-size: 1.2em;
154221
}
155222

156-
.speaker-card p {
157-
font-size: 0.95em;
158-
color: #666;
223+
.speaker-card h4 a {
224+
color: #667eea;
225+
text-decoration: none;
226+
transition: color 0.3s;
159227
}
160228

161-
.schedule-table {
162-
width: 100%;
163-
border-collapse: collapse;
164-
margin-top: 20px;
229+
.speaker-card h4 a:hover {
230+
color: #764ba2;
231+
text-decoration: underline;
165232
}
166233

167-
.schedule-table th,
168-
.schedule-table td {
169-
padding: 15px;
170-
text-align: left;
171-
border-bottom: 1px solid #ddd;
234+
.speaker-card p {
235+
font-size: 0.95em;
236+
color: #666;
172237
}
173238

174-
.schedule-table th {
175-
background-color: #667eea;
176-
color: white;
177-
font-weight: 600;
239+
.speaker-card a {
240+
color: #667eea;
241+
text-decoration: none;
242+
font-weight: 500;
178243
}
179244

180-
.schedule-table tr:hover {
181-
background-color: #f8f9fa;
245+
.speaker-card a:hover {
246+
text-decoration: underline;
182247
}
183248

184249
.btn {
@@ -196,6 +261,15 @@
196261
background-color: #5568d3;
197262
}
198263

264+
section a {
265+
color: #667eea;
266+
text-decoration: none;
267+
}
268+
269+
section a:hover {
270+
text-decoration: underline;
271+
}
272+
199273
footer {
200274
background-color: #2c3e50;
201275
color: white;
@@ -426,31 +500,26 @@ <h3>Survey Paper</h3>
426500
<a href="https://arxiv.org/abs/2505.20243" target="_blank" class="btn">Survey Paper on arXiv</a>
427501
</p>
428502

429-
</section>
430-
431-
<section id="speakers">
503+
<section id="speakers">
432504
<h2>Tutorial Speakers</h2>
433505

434506
<div class="speaker-grid">
435507
<div class="speaker-card">
436508
<img src="pictures/bhawna-piryani.png" alt="Bhawna Piryani">
437-
<h4>Bhawna Piryani</h4>
509+
<h4><a href="https://bhawnapiryani.github.io/" target="_blank">Bhawna Piryani</a></h4>
438510
<p><strong>University of Innsbruck, Austria</strong></p>
439-
<p><a href="https://bhawnapiryani.github.io/" target="_blank">Website</a></p>
440511
</div>
441512

442513
<div class="speaker-card">
443514
<img src="pictures/avishek-anand.webp" alt="Avishek Anand">
444-
<h4>Avishek Anand</h4>
515+
<h4><a href="https://www.avishekanand.com/" target="_blank">Avishek Anand</a></h4>
445516
<p><strong>Delft University of Technology, Netherlands</strong></p>
446-
<p><a href="https://www.avishekanand.com/" target="_blank">Website</a></p>
447517
</div>
448518

449519
<div class="speaker-card">
450520
<img src="pictures/adam-jatowt.jpg" alt="Adam Jatowt">
451-
<h4>Adam Jatowt</h4>
521+
<h4><a href="https://ds-informatik.uibk.ac.at/doku.php?id=homepage" target="_blank">Adam Jatowt</a></h4>
452522
<p><strong>University of Innsbruck, Austria</strong></p>
453-
<p><a href="https://ds-informatik.uibk.ac.at/doku.php?id=homepage" target="_blank">Website</a></p>
454523
</div>
455524
</div>
456525
</section>

0 commit comments

Comments
 (0)