-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
369 lines (327 loc) · 25.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Style-->
<link rel="stylesheet" href="styles/fonts.css">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/resize.css">
<!--Scripts-->
<script type="module" src="scripts/main.js"></script>
<script src="scripts/stats.js"></script>
<script src="scripts/matomo.js"></script>
<script src="https://www.unibo.it/++resource++unibo.cookiebanner/unibo-cookies.min.js?v=20"></script>
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon_io/favicon-16x16.png">
<title>BolDH</title>
</head>
<body>
<div id="modal-overlay">
<div id="expansion-container">
<div id="modal-close-container">
<a id="modal-close-icon"></a>
</div>
<div id="modal-content">
</div>
</div>
</div>
<header>
<nav>
<a href="#hero-section">
<div id="nav-logo-cnt">
<img src="./assets/img/SVG/logo/logo-no-borders.svg" alt="BolDH logo">
</div>
</a>
<ul id="nav-items-group">
<li class="nav-burger-li">
<div id="h-menu-div">
<p>Menu</p>
<div id="hamburger">
<div></div>
<div></div>
<div></div>
</div>
</li>
<li class="nav-link-li"><a class="nav-item-a active" id="boldh-nav-a" href="#hero-section">BolDH</a></li>
<li class="nav-link-li"><a class="nav-item-a" id="topics-nav-a" href="#topics-section">Topics</a></li>
<li class="nav-link-li"><a class="nav-item-a" id="units-nav-a" href="#units-section">Units</a></li>
<li class="nav-link-li"><a class="nav-item-a" id="news-nav-a" href="#news-section">News</a></li>
<li class="nav-link-li"><a class="nav-item-a" id="events-nav-a" href="#agenda-section">Events</a></li>
<li class="nav-link-li"><a class="nav-item-a" id="contacts-nav-a" href="#contacts-section">Contacts</a></li>
</ul>
</nav>
</header>
<!--HERO-->
<section id="hero-section">
<div id="top-title-container">
<div id="dh-mib">
<img src="assets/img/SVG/logo/logo-no-borders.svg" id="top-logo" alt="BolDH logo"></img>
<p id="top-title">Digital</br>Humanities</br>made in Bologna</p>
</div>
<a class='hero-btn dark-btn scroll-btn' href="#boldh-topics-section">Discover the ecosystem <div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
<div id="bottom-title-container">
<h1 id="boldh-title">BolDH</h1>
<svg viewBox="0 0 1154 311" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M151.233 5.11998C181.193 5.11998 204.573 12.4 221.373 26.96C238.453 41.52 246.993 61.12 246.993 85.76C246.993 113.2 234.253 132.8 208.773 144.56V146.24C223.893 152.4 235.653 161.36 244.053 173.12C252.733 184.88 257.073 199.3 257.073 216.38C257.073 244.1 248.253 265.8 230.613 281.48C213.253 297.16 188.753 305 157.113 305H0.033191V5.11998H151.233ZM136.113 127.76C149.273 127.76 159.213 124.82 165.933 118.94C172.653 112.78 176.013 104.24 176.013 93.32C176.013 82.4 172.653 74 165.933 68.12C159.213 61.96 149.273 58.88 136.113 58.88H71.4332V127.76H136.113ZM141.573 249.98C155.573 249.98 166.213 246.76 173.493 240.32C180.773 233.88 184.413 224.78 184.413 213.02C184.413 201.26 180.773 192.16 173.493 185.72C166.213 179.28 155.573 176.06 141.573 176.06H71.4332V249.98H141.573ZM380.999 76.94C405.079 76.94 425.799 81.7 443.159 91.22C460.799 100.74 474.239 114.32 483.479 131.96C492.719 149.32 497.339 169.9 497.339 193.7C497.339 229.82 486.979 258.38 466.259 279.38C445.539 300.1 417.119 310.46 380.999 310.46C344.319 310.46 315.619 300.1 294.899 279.38C274.459 258.66 264.239 230.1 264.239 193.7C264.239 157.58 274.459 129.16 294.899 108.44C315.619 87.44 344.319 76.94 380.999 76.94ZM380.999 261.32C396.119 261.32 407.879 255.72 416.279 244.52C424.959 233.32 429.299 216.38 429.299 193.7C429.299 171.3 424.959 154.5 416.279 143.3C407.879 131.82 396.119 126.08 380.999 126.08C365.599 126.08 353.559 131.82 344.879 143.3C336.199 154.5 331.859 171.3 331.859 193.7C331.859 216.38 336.199 233.32 344.879 244.52C353.559 255.72 365.599 261.32 380.999 261.32ZM577.865 0.919985V305H511.085V0.919985H577.865ZM718.42 5.11998C765.74 5.11998 803.12 17.58 830.56 42.5C858.28 67.42 872.14 104.94 872.14 155.06C872.14 205.18 858.28 242.7 830.56 267.62C803.12 292.54 765.74 305 718.42 305H597.04V5.11998H718.42ZM707.5 249.56C737.74 249.56 760.56 242.28 775.96 227.72C791.64 212.88 799.48 188.66 799.48 155.06C799.48 121.46 791.64 97.38 775.96 82.82C760.56 67.98 737.74 60.56 707.5 60.56H668.44V249.56H707.5ZM1153.91 305H1082.51V182.36H959.454V305H888.054V5.11998H959.454V123.98H1082.51V5.11998H1153.91V305Z" fill="#F2F2F2"/>
</svg>
</div>
</section>
<section id="boldh-topics-section">
<div id="boldh-def">
<img src="assets/img/SVG/logo/logo-no-borders.svg" id="logo-rotate" alt="BolDH logo"></img>
<div id="boldh-dscr">
<div class="titles-cnt">
<p class="subtitle dark-sbt">What's BolDH?</p>
<h2>Bologna</br>Digital Humanities</h2>
</div>
<p class="body-text-big">BolDH is an <span class="keyword">ecosystem</span> conceived as a combination of education, research practices, and scholarly projects in the Digital Humanities domain.</p>
<div class="hl"></div>
<p class="body-text-big">We believe <span class="keyword">Digital Humanities</span> and digital practices <span class="keyword">are</span> making scholarly activities <span class="keyword">fundamental</span> again.</p>
</div>
</div>
<div id="topics-section">
<div class="research-topic">
<div class="topic-content">
<div class="topic-title-cnt">
<h3>Knowledge Organisation</h3>
<div class="topic-arrow-cnt">
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg>
</div>
</div>
<p>Library and Information Science (LIS) focuses on the organization of information within bibliographic records. In contrast, <span class="keyword">Knowledge Organization</span> spans beyond LIS, involving various disciplines, institutions, languages, <span class="keyword">symbolic and conceptual systems</span>, as well as <span class="keyword">diverse theories</span>, literatures, and genres.</p>
</div>
</div>
<div class="research-topic">
<div class="topic-content">
<div class="topic-title-cnt">
<h3>Knowledge Representation</h3>
<div class="topic-arrow-cnt">
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg>
</div>
</div>
<p><span class="keyword">Knowledge Representation</span> involves formally structuring information to enable computers to tackle complex tasks. It serves as the foundation for the <span class="keyword">Semantic Web</span> and plays a crucial role in <span class="keyword">Ontology Engineering</span>. These research domains, along with their associated methodologies and theories, extend their application to the Arts and Humanities sector, as well as the <span class="keyword">Cultural Heritage</span> domain encompassing Libraries, Museums, and Archives.</p>
</div>
</div>
<div class="research-topic">
<div class="topic-content">
<div class="topic-title-cnt">
<h3>Data Science</h3>
<div class="topic-arrow-cnt">
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg>
</div>
</div>
<p><span class="keyword">Data Science</span> comprises various methods and techniques aimed at manipulating and extracting <span class="keyword">knowledge from data</span>. Instead of being confined to a specific research domain, the techniques within the Data Science category find applications in diverse areas such as Linguistics, Library and Information Science. The distinctive feature of the <a class="boldh-a-inline" href="#DH-arc">/DH.arc</a> research centre lies in its emphasis on data, setting it apart from other technological applications.</p>
</div>
</div>
<div class="research-topic">
<div class="topic-content">
<div class="topic-title-cnt">
<h3>Semantic Publishing</h3>
<div class="topic-arrow-cnt">
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg>
</div>
</div>
<p><span class="keyword">Semantic Publishing</span> utilizes <span class="keyword">Web and Semantic Web technologies</span> to enhance scholarly works with plain RDF statements, nano-publications, and similar techniques aiming to improve discoverability, interactivity, openness, and (re-)usability for both humans and machines. These principles of openness align with the <span class="keyword">FAIR (Findable, Accessible, Interoperable, Re-usable) data principles</span>, extending the commitment to <span class="keyword"></span>open practices in research data publication.</p>
</div>
</div>
<div class="research-topic">
<div class="topic-content">
<div class="topic-title-cnt">
<h3>Computational Linguistics</h3>
<div class="topic-arrow-cnt">
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg>
</div>
</div>
<p><span class="keyword">Computational Linguistics</span> is a field dedicated to investigating the application of <span class="keyword">computational methodologies</span> to address various <span class="keyword">linguistic questions</span>. The primary objective is to employ these approaches to generate statistical analyses and models derived from natural language, contributing to a deeper understanding of linguistic phenomena through the lens of computational tools and techniques.</p>
</div>
</div>
<div class="research-topic">
<div class="topic-content">
<div class="topic-title-cnt">
<h3>Digital Philology</h3>
<div class="topic-arrow-cnt">
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg>
</div>
</div>
<p><span class="keyword">Digital Philology</span> employs technical solutions for studying, manipulating, and publishing literary texts. Rooted in humanities, it takes an <span class="keyword">interdisciplinary approach</span> to problem-solving. A notable output is the creation of <span class="keyword">Digital Scholarly Editions</span>, with Semantic Web technologies enabling the development of enhanced applications known as <span class="keyword">Semantic Digital Editions</span>.</p>
</div>
</div>
</div>
</section>
<section id="units-section">
<div id="division-logo-scroll" class="division-scroll-composition">
<div class="division-logo-container" id="division-logo-1">
<img src="assets/img/SVG/logo/division1.svg" class="division-logo" alt="logo piece 1"></img>
</div>
<div class="division-logo-container" id="division-logo-2">
<img src="assets/img/SVG/logo/division2.svg" class="division-logo" alt="logo"></img>
</div>
<div class="division-logo-container" id="division-logo-3">
<img src="assets/img/SVG/logo/division3.svg" class="division-logo" alt="logo"></img>
</div>
<div class="division-logo-container" id="division-logo-4">
<img src="assets/img/SVG/logo/division4.svg" class="division-logo" alt="logo"></img>
</div>
<div class="division-logo-container" id="division-logo-5">
<img src="assets/img/SVG/logo/division5.svg" class="division-logo" alt="logo"></img>
</div>
<div class="division-logo-container" id="division-logo-6">
<img src="assets/img/SVG/logo/division6.svg" class="division-logo" alt="logo"></img>
</div>
<div class="division-logo-container" id="division-logo-7">
<img src="assets/img/SVG/logo/logo.svg" class="division-logo" alt="logo"></img>
</div>
</div>
<div id="division-text-scroll" class="division-scroll-composition">
<!-- DHDK -->
<div class="division-text-container">
<div class="division-hp">
<h3 class="division-title">DHDK — Master Degree</h3>
<p class="subtitle division-subtitle">Digital Humanities and Digital Knowledge</p>
<p class="division-paragraph">Acquire the pillars of your education in DH to reach a transversal knowledge across disciplines from humanities to computer science.</p>
</div>
<div class="division-btn-cnt">
<a class="boldh-btn light-btn link-btn" href="https://corsi.unibo.it/2cycle/DigitalHumanitiesKnowledge" target="_blank">Learn more<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn link-btn" href="https://corsi.unibo.it/2cycle/DigitalHumanitiesKnowledge/studying" target="_blank">Studying<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
<!-- CHeDE -->
<div class="division-text-container">
<div class="division-hp">
<h3 class="division-title">CHeDE — PhD</h3>
<p class="subtitle division-subtitle">Cultural Heritage in the Digital Ecosystem</p>
<p class="division-paragraph">Experiment advanced pedagogical practices for learning how to face scholarly research activities in the DH, training yourself to be a digital humanist.</p>
</div>
<div class="division-btn-cnt">
<a class="boldh-btn light-btn link-btn" href="https://phd.unibo.it/chede/it" target="_blank">Learn more<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn link-btn" href="https://phd.unibo.it/chede/it/contatti" target="_blank">Contacts<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
<!-- ADLab -->
<div class="division-text-container">
<div class="division-hp">
<h3 class="division-title">ADLab</h3>
<p class="subtitle division-subtitle">Laboratory for Digital Acquisition</p>
<p class="division-paragraph">Take part concretely in activities at our technical lab, for acquiring expertises on heterogeneous primary sources digitalization and manipulation.</p>
</div>
<div class="division-btn-cnt">
<a class="boldh-btn light-btn link-btn" href="https://site.unibo.it/adlab/it" target="_blank">The lab<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn link-btn" href="https://site.unibo.it/adlab/it/progetti" target="_blank">Projects<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
<!-- DHARC -->
<div class="division-text-container" id="DH-arc">
<div class="division-hp">
<h3 class="division-title">/DH.arc</h3>
<p class="subtitle division-subtitle">Digital Humanities Advanced Research Centre</p>
<p class="division-paragraph">Learn advanced research practices, working on existent projects in the DH and participating in a team of domain experts.</p>
</div>
<div class="division-btn-cnt">
<a class="boldh-btn light-btn link-btn" href="https://centri.unibo.it/dharc/en" target="_blank">The centre<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn link-btn" href="https://centri.unibo.it/dharc/en/research" target="_blank">Research<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn link-btn" href="https://centri.unibo.it/dharc/en/activities" target="_blank">Activities<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
<!-- DHDKey! -->
<div class="division-text-container">
<div class="division-hp">
<h3 class="division-title">DHDKey!</h3>
<p class="subtitle division-subtitle">DHDK Educational Yearbook</p>
<p class="division-paragraph">Produce research outputs as and collect them.</p>
</div>
<div class="division-btn-cnt">
<a class="boldh-btn light-btn link-btn" href="https://projects.dharc.unibo.it/dhdkey/" target="_blank">Projects<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
<!-- DL -->
<div class="division-text-container">
<div class="division-hp">
<h3 class="division-title">DL</h3>
<p class="subtitle division-subtitle">Digital Library</p>
<p class="division-paragraph">Disseminate your data in a shared environment.</p>
</div>
<div class="division-btn-cnt">
<a class="boldh-btn light-btn link-btn" href="https://dl.ficlit.unibo.it/s/lib/page/home" target="_blank">The library<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn link-btn" href="https://dl.ficlit.unibo.it/s/lib/page/collezioni" target="_blank">Collections<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn link-btn" href="https://dl.ficlit.unibo.it/s/lib/page/virtual-exhibition" target="_blank">Virtual exhibitions<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
<!-- BolDH -->
<div class="division-text-container">
<div class="division-hp">
<h3 class="division-title">BolDH — the ecosystem</h3>
<p class="subtitle division-subtitle">Bologna Digital Humanities</p>
<p class="division-paragraph">Everything comes together. The ecosystem collects all the courses, research activities and DH projects made in Bologna.</p>
</div>
<div class="division-btn-cnt">
<a class="boldh-btn light-btn scroll-btn" href="#news-section">News<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn scroll-btn" href="#agenda-section">Agenda<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn light-btn scroll-btn" href="#contacts-section">Contacts<div class='boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
</div>
</section>
<section id="news-section">
<div class="titles-cnt" id="news-title-container">
<p class="subtitle dark-sbt">BolDH updates</p>
<h2>Latest News</h2>
</div>
<div class="news-box-container" id="news-box-container">
<!--Card is automatically populated via JS-->
</div>
</section>
<section id="agenda-section">
<div class="titles-cnt" id="agenda-title-container">
<p class="subtitle dark-sbt">BolDH agenda</p>
<h2>Upcoming events</h2>
</div>
<div class="agenda-box-container" id="agenda-box-container">
<!--Card is automatically populated via JS-->
</div>
</div>
</section>
<footer>
<section id="contacts-section">
<div id="footer-logo-cnt">
<img src="./assets/img/SVG/logo/default-white.svg" alt="BolDH logo">
</div>
<div id="contacts-title-social">
<div class="titles-cnt" id="contacts-title-container">
<p class="subtitle dark-sbt">Get in touch</p>
<h2>Contacts</h2>
</div>
<div id="social-links">
<h4>Social</h4>
<div id="social-a-cnt">
<a class="boldh-btn mini-btn" href="https://www.instagram.com/boldh.unibo" target="_blank">Instagram<div class='mini-boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
<a class="boldh-btn mini-btn" href="https://x.com/boldhunibo?s=21" target="_blank">X<div class='mini-boldh-btn-arrow-cnt'><svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg></div></a>
</div>
</div>
</div>
<div id="contacts-rows">
<a href="mailto:boldh@unibo.it" target="_blank" class="contacts-box">
<p class="subtitle">Email</p>
<p class="contacts-body"> boldh@unibo.it </p>
</a>
<a href="https://maps.app.goo.gl/ZsaPj323kPRyZSuf6" target="_blank" class="contacts-box">
<p class="subtitle">Visit</p>
<p class="contacts-body"> Department of Classical Philology and Italian Studies (FICLIT)</br>via Zamboni 32, 40126, Bologna</p>
</a>
<a href="credits.html" class="contacts-box">
<p class="subtitle">Credits</p>
<div class="credits-arrow-cnt">
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="50" viewBox="0 0 66 50" fill="none"><path d="M0 25H64M64 25L41.7391 1M64 25L41.7391 49" stroke="#F2F2F2" stroke-width="2" vector-effect="non-scaling-stroke"/></svg>
</div>
</a>
</div>
<div id="footer-copy-container">
<a href="http://creativecommons.org/licenses/by-nc-nd/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer"><img alt="Creative Commons license image" src="./assets/img/SVG/license.svg"></a>
</div>
</section>
</footer>
</body>
</html>