|
36 | 36 | font-size: 2.5em; |
37 | 37 | margin-bottom: 15px; |
38 | 38 | font-weight: 700; |
| 39 | + line-height: 1.2; |
39 | 40 | } |
40 | 41 |
|
41 | 42 | header .subtitle { |
|
119 | 120 | margin-bottom: 10px; |
120 | 121 | } |
121 | 122 |
|
| 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 | + |
122 | 134 | .highlight-box { |
123 | 135 | background-color: #f8f9fa; |
124 | 136 | border-left: 4px solid #667eea; |
|
127 | 139 | border-radius: 4px; |
128 | 140 | } |
129 | 141 |
|
| 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 | + |
130 | 188 | .speaker-grid { |
131 | 189 | display: grid; |
132 | 190 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
|
147 | 205 | box-shadow: 0 5px 15px rgba(0,0,0,0.1); |
148 | 206 | } |
149 | 207 |
|
| 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 | + |
150 | 217 | .speaker-card h4 { |
151 | 218 | color: #667eea; |
152 | 219 | margin: 15px 0 5px 0; |
153 | 220 | font-size: 1.2em; |
154 | 221 | } |
155 | 222 |
|
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; |
159 | 227 | } |
160 | 228 |
|
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; |
165 | 232 | } |
166 | 233 |
|
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; |
172 | 237 | } |
173 | 238 |
|
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; |
178 | 243 | } |
179 | 244 |
|
180 | | - .schedule-table tr:hover { |
181 | | - background-color: #f8f9fa; |
| 245 | + .speaker-card a:hover { |
| 246 | + text-decoration: underline; |
182 | 247 | } |
183 | 248 |
|
184 | 249 | .btn { |
|
196 | 261 | background-color: #5568d3; |
197 | 262 | } |
198 | 263 |
|
| 264 | + section a { |
| 265 | + color: #667eea; |
| 266 | + text-decoration: none; |
| 267 | + } |
| 268 | + |
| 269 | + section a:hover { |
| 270 | + text-decoration: underline; |
| 271 | + } |
| 272 | + |
199 | 273 | footer { |
200 | 274 | background-color: #2c3e50; |
201 | 275 | color: white; |
@@ -426,31 +500,26 @@ <h3>Survey Paper</h3> |
426 | 500 | <a href="https://arxiv.org/abs/2505.20243" target="_blank" class="btn">Survey Paper on arXiv</a> |
427 | 501 | </p> |
428 | 502 |
|
429 | | - </section> |
430 | | - |
431 | | - <section id="speakers"> |
| 503 | + <section id="speakers"> |
432 | 504 | <h2>Tutorial Speakers</h2> |
433 | 505 |
|
434 | 506 | <div class="speaker-grid"> |
435 | 507 | <div class="speaker-card"> |
436 | 508 | <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> |
438 | 510 | <p><strong>University of Innsbruck, Austria</strong></p> |
439 | | - <p><a href="https://bhawnapiryani.github.io/" target="_blank">Website</a></p> |
440 | 511 | </div> |
441 | 512 |
|
442 | 513 | <div class="speaker-card"> |
443 | 514 | <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> |
445 | 516 | <p><strong>Delft University of Technology, Netherlands</strong></p> |
446 | | - <p><a href="https://www.avishekanand.com/" target="_blank">Website</a></p> |
447 | 517 | </div> |
448 | 518 |
|
449 | 519 | <div class="speaker-card"> |
450 | 520 | <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> |
452 | 522 | <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> |
454 | 523 | </div> |
455 | 524 | </div> |
456 | 525 | </section> |
|
0 commit comments