-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
341 lines (297 loc) · 23.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>DHARC projects’ presentations</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- icon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:900" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/agency.css" rel="stylesheet">
<!-- credits to images
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@fan11?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Fa Barboza"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Fa Barboza</span></a>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@fachymarin?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Fachy Marín"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Fachy Marín</span></a>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@christianfregnan?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Christian Fregnan"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Christian Fregnan</span></a>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@nate_dumlao?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Nathan Dumlao"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Nathan Dumlao</span></a>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@marcosjluiz?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Marcos Luiz Photograph"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Marcos Luiz Photograph</span></a>
-->
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container menuback">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<img src="img/logos/logo_dharc.png" height="50" alt="">
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="./index.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="./index.html#fabio">DHDKey!</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="./index.html#martina">Philoeditor</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="./index.html#sebastian">Visualizing Editions</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="./index.html#valentina">VASTO Project</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container">
<div class="intro-text">
<div class="intro-heading text-uppercase">/DH.arc projects' presentations</div>
<div class="col-6 intro-lead-in">Learn more about projects realized by now graduated DHDK students, completed through the DHDK grants for research activities.</div>
</div>
</div>
</header>
<!-- About -->
<section class="page-section" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading text-uppercase">About /DH.arc + the Webinar</h2>
<h3 class="section-subheading mb-3">An opportunity to learn more about what is going on at /DH.arc</h3>
<p style="text-align:left;"><a href="https://centri.unibo.it/dharc/en/centre/centre-description">The Digital Humanities Advanced Research Centre</a> (/DH.arc) is part of the Department of Classical Philology and Italian Studies (FICLIT), that connects students, researchers, IT staff, and professors from FICLIT, the Department of Computer Science and Engineering (DISI) within the University of Bologna, and affiliated structures. The Centre supports scholars and institutions in designing, developing, and maintaining DH research projects. The aim is to be a hub for researchers and agencies currently working in the field of DH, and to promote innovative projects in the Humanities. /DH.arc is a platform wherein to foster collaborations, exchange ideas, discuss approaches and experiences, and train for DH skills.</p>
<p style="text-align:left;">This webinar will focus on presenting the latest /DH.arc's short research projects (< 12 months). These projects tackle research questions arisen by scholars that require an interdisciplinary approach for solving problems. Projects are defined and developed collaboratively and must include innovative research topics and methodologies for creating new knowledge.</p>
</div>
</div>
<div class="row text-center">
<div class="col-md when">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x research"></i>
<i class="fa fa-calendar fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading"></h4>
<p class="text-muted">WHEN</p>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger datea">12 June, 10am-12.30pm </a>
</div>
<div class="col-md">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x research"></i>
<i class="fa fa-location-arrow fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading"></h4>
<p class="text-muted">WHERE</p>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="./index.html#livestream">Youtube and Facebook Live!</a>
</div>
</div>
</div>
<!--featured projects-->
<div id="allprojects">
<div class="container" id="featured">
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading text-uppercase">FEATURED PROJECTS</h2>
</div>
</div>
<!--Fabio -->
</div>
<div class="container project" id="fabio">
<div class="row">
<div class="col-lg-12">
<hr>
<h2 class="section-heading text-uppercase">DHDKey! A dataset of projects</h2>
<h3 class="section-subheading mb-3">by Fabio Mariani</h3>
<hr>
<p style="text-align:left;">DHDKey! (Digital Humanitites and Digital Knowledge Educational Yearbook) is an online database devoted to the collection and publication of metadata of all projects developed by students of the master course of Digital Humanitites and Digital Knowledge at the University of Bologna. DHDKey! is a platform developed and managed by students for students.</p>
<p style="text-align:left;">The idea behind DHDKey! is not only to organize all the projects carried out during the course in a historical collection, but also to provide all students of the course with their own academic portfolio.</p>
<p style="text-align:left;">All students of the Digital Humanities and Digital Knowledge course can upload their project data through the appropriate form provided by the website.</p>
<p style="text-align:left;">This presentation will be followed by a discussion with Silvio Peroni.</p>
<p style="text-align:left;">Access the website for the project <a href="https://projects.dharc.unibo.it/dhdkey/">here</a>.</p>
</div>
</div>
</div>
<!--Martina -->
<div class="container project" id="martina">
<div class="row">
<div class="col-lg-12">
<hr>
<h2 class="section-heading text-uppercase">Philoeditor Web interface and services</h2>
<h3 class="section-subheading mb-3">by Martina Dello Buono</h3>
<hr>
<p style="text-align:left;">PhiloEditor® is a web application for the identification, representation and markup of diachronic variants of different editions of literary texts according to a set of parameters provided by scholars, in order to create Scholarly Digital Editions characterized by complex and multidimensional diachronic interpretative paths.</p>
<p style="text-align:left;">PhiloEditor® currently makes available two editions of <i>I promessi sposi</i> by Alessandro Manzoni (editions of 1825-1827 and 1840-1842), and two editions of <i>Le Avventure di Pinocchio</i> by Carlo Collodi (editions of 1881-1883 and 1983).</p>
<p style="text-align:left;">They are accessible in three different modes on the user-side, namely: Reading Mode, Variants Mode and Laboratory Mode. The Reading Mode allows users to read a single full-text edition of a literary text on an interface designed for reading. In the Variants Mode, it is possible to compare the editions of the available literary texts by visualizing their variants automatically detected by the system. Finally, the Laboratory Mode provides users with interactive tools for creating their own edition of a text by customizing annotations and assigning specific categories to the variants, and for downloading its corresponding XML/TEI version.</p>
<p style="text-align:left;">From a technical point of view, PhiloEditor® relies on a customized HTML5 subset, based on a theory of well-formed XML design models and easily convertible in XML/TEI or any other XML vocabulary.</p>
<p style="text-align:left;">This presentation will be followed by a discussion with Paola Italia and Fabio Vitali.</p>
<p style="text-align:left;">Access the website for the project <a href="http://projects.dharc.unibo.it/philoeditor/">here</a>.</p>
</div>
</div>
</div>
<!--sebastian -->
<div class="container project" id="sebastian">
<div class="row">
<div class="col-lg-12">
<hr>
<h2 class="section-heading text-uppercase">Reproducibility of semantic digital editions: <br>The case of Vespasiano da Bisticci's Letters</h2>
<h3 class="section-subheading mb-3">by Sebastian Barzaghi</h3>
<hr>
<p style="text-align:left;">Vespasiano da Bisticci’s Letters are a series of manuscript letters sent to and received by Vespasiano da Bisticci (1421–1498), an Italian humanist and librarian, within a time period spanning from 1444 to 1497. Their content focuses mostly on manuscripts and codex trade with other notable people of that time. A semantic digital edition of the Letters has been produced in order to facilitate the navigation, study and conservation of such documents, as well as to contextualize them in a semantically-rich and metatextual framework. Overall, many data elements have been used to formulate descriptive paratextual statements about the letters in the annotation process that brought the semantic digital edition to life.</p>
<p style="text-align:left;">There are many alternative ways to explore semantic-rich data, each with varying levels of effectiveness. A flat index, albeit useful as a starting point to display and navigate data more efficiently, tends to collapse the depth of the data itself and to hide its most important characteristics. Instead, it may be more effective to adopt an approach based on multiple visualization strategies which support a much better sense-making of data through the use of charts and other visual elements that provide an accessible way to see and understand correlations and patterns in data.</p>
<p style="text-align:left;">This presentation will be followed by a discussion with Marilena Daquino.</p>
<p style="text-align:left;">Access the website for the project <a href="https://dharc-org.github.io/vespasiano-da-bisticci-letters-de/documentation/index.html">here</a>.</p>
</div>
</div>
</div>
<!--Valentina -->
<div class="container project" id="valentina">
<div class="row">
<div class="col-lg-12">
<hr>
<h2 class="section-heading text-uppercase">VASTO project, development of the application</h2>
<h3 class="section-subheading mb-3">by Valentina Pasqual</h3>
<hr>
<p style="text-align:left;">VaSto Project is part of /DH.arc activity of Bologna University, and is the result of the collaboration between Bologna University, Concordia University and Carisbo.</p>
<p style="text-align:left;">VaSto Project works in the digital genetic edition of Benedetto Varchi’s (1503-1565) <i>Storia Fiorentina</i>. It focuses on the author’s last will and the late censorship of Baldini. The Corsinian Codex 1532 of “Biblioteca Nazionale dei Lincei e Corsiniana” in Rome (= RC4) has been chosen for VaSto Project pilot version. This witness presents Varchi’s hand together with Baldini’s late censoreship. The edition has been encoded in XML/TEI and visualised with EVT2 (beta2). It allows for the visualisation of stratigraphic interventions by the author, editor and censor. The digital edition in VaSto Project is a collaborative and genetic edition, diplomatic and critic, with some trans-editional features (i.e. people, places, dates).</p>
<p style="text-align:left;">This presentation will be followed by a discussion with Paola Italia.</p>
<p style="text-align:left;">Access the website for the project <a href="https://dharc-org.github.io/progetto-vasto/">here</a>.</p>
</div>
</div>
</div>
</div>
<!-- Livestream -->
<section class="page-section live" id="livestream">
<div class="container">
<div id="livestreamdiv">
<div class="container" id="livetitle">
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading text-uppercase" id="watchlive">WATCH LIVE!</h2>
</div>
</div>
<div class="row">
<div class="col-md col-live">
<h2 class="section-heading text-uppercase">June 12th, 2020</h2>
<ul>
<li>10:00AM - <b>Francesca Tomasi</b>, Introduction to /DH.arc and its projects.</li>
<li>10:15AM - <b>Fabio Mariani</b>, <i>DHDKey! A dataset of projects.</i> Followed by a discussion with Silvio Peroni.</li>
<li>10:45AM - <b>Martina Dello Buono</b>, <i>Philoeditor Web interface and services.</i> Followed by a discussion with Paola Italia and Fabio Vitali.</li>
<li>11:15AM - <b>Sebastian Barzaghi</b>, <i>Reproducibility of semantic digital editions: The case of Vespasiano da Bisticci's Letters.</i> Followed by a discussion with Marilena Daquino.</li>
<li>11:45AM - <b>Valentina Pasqual</b>, <i>VASTO project, development of the application.</i> Followed by a discussion with Paola Italia.</li>
<li>12:15PM - Open discussion with /DH.arc members, including Francesca Tomasi, Marilena Daquino, Francesca Giovannetti, Paola Italia, and Fabio Vitali.</li>
</ul>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="https://www.facebook.com/DHDK.unibo/videos/1190417037976559/">Also on Facebook Live!</a>
</div>
<div class="col-md">
<div class="youtube-responsive-container"><iframe width="560" height="315" src="https://youtube.com/embed/xd2y-DC8G9g" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
</div>
</div>
</section>
<!-- Team -->
<section class="page-section" id="team">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">The research team</h2>
<h3 class="section-subheading text-muted"></h3>
</div>
</div>
<div class="row our-team">
<div class="col">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/team/martina.jpg" alt="">
<p class="text-muted">Martina Dello Buono<br>
<a class="emailaddress" href="mailto:[email protected]">[email protected] </a></p>
</div>
</div>
<div class="col">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/team/fabio.jpg" alt="">
<p class="text-muted">Fabio Mariani<br>
<a class="emailaddress" href="mailto:[email protected]'s email">[email protected]</a></p>
</div>
</div>
<div class="col">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/team/sebastian.jpg" alt="">
<p class="text-muted">Sebastian Barzaghi<br>
<a class="emailaddress" href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="col">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/team/valentina.jpg" alt="">
<p class="text-muted">Valentina Pasqual<br>
<a class="emailaddress" href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<p class="large text-muted"></p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<img src="img/logos/logo_unibo2.png" height="60px" alt="">
<span class="copyright">Copyright © /DH.arc 2020</span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="https://www.facebook.com/DHDK.unibo/?__tn__=%2Cd%2CP-R&eid=ARCTBo_DIMC7r6fbElbkVSslD1HUauTbLZfSZf1taVHeXkKUkdC7WJH8_k7nFEU-sKHm7PEBxsGIKh8z" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.youtube.com/channel/UCXBWiWr6GVgEyEz0AOWM92g?view_as=subscriber" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li class="list-inline-item">
<a href="https://www.unibo.it/it/ateneo/privacy-e-note-legali/privacy/privacy-sistema-portale-ateneo">Informativa sulla Privacy</a>
<p>Website by Delfina Sol Pandiani.</p>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Contact form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom scripts for this template -->
<script src="js/agency.min.js"></script>
<script src="js/questionnaire-link.js"></script>
</body>
</html>