-
Notifications
You must be signed in to change notification settings - Fork 0
/
items.html
256 lines (253 loc) · 13.3 KB
/
items.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
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>SissiLinked - Items</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="images/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- topnav -->
<div class="topnav" id="myTopnav">
<a class="active" href="index.html">SissiLinked</a>
<a href="items.html"><i>Items</i></a>
<a href="ermodel.html"><i>E/R Model</i></a>
<a href="metadatastandards.html"><i>Metadata Standards</i></a>
<a href="metadataal.html"><i>Metadata Alignment</i></a>
<a href="theoreticalm.html"><i>Theoretical Model</i></a>
<a href="conceptualm.html"><i>Conceptual Model</i></a>
<a href="datadescription.html"><i>Data Description</i></a>
<a href="rdf.html"><i>RDF</i></a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<!-- Five -->
<a name="items"></a>
<section class="spotlight style4 fullscreen orient-center content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>The Items</h2>
<p align="justify">We chose <b>10 items</b> that are somehow connected to events, concepts, people and places related to the figure of Elisabeth of Austria, by mixing <b>archival documents</b>, <b>bibliographic records</b> and <b>artefacts</b>. All ten items come from cultural institutions and aggregators that were considered reliable sources for our project. These institutions are also the providers of the items’ <b>description</b>, which is briefly introduced here, and they include information about people, places, dates and subjects. This section of the site will allow you to acquire a deeper understanding of the <b>material culture</b> related to Sissi’s figure and to start questioning how they can be connected.</p>
</div>
<div class="image">
<img src="images/spotlight03.jpg" alt="" />
</div>
</section>
<section class="wrapper style1 align-center">
<!-- Gallery -->
<div class="gallery style1 big lightbox onscroll-fade-in" id="items">
<article>
<a href="images/gallery/fulls/01.jpg" class="image">
<img src="images/gallery/thumbs/01.jpg" alt="" />
</a>
<div class="caption">
<h2>Photograph</h2>
<p><i>"Elisabeth, Empress of Austria"</i><br>(1867)</p>
<p>A carte-de-visite photographic portrait of Elisabeth of Austria in the day of her coronation as Queen of Hungary.<br> From the National Portrait Gallery.</p>
<ul class="actions fixed">
<li><a href="https://www.npg.org.uk/collections/search/portrait/mw121456/Elisabeth-Empress-of-Austria?LinkID=mp85950&role=art&rNo=0"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/02.jpg" class="image">
<img src="images/gallery/thumbs/02.jpg" alt="" />
</a>
<div class="caption">
<h2>Painting</h2>
<p><i>"Portrait of Emperor Franz Joseph I"</i><br>(1863)</p>
<p>A full-length portrait of the Austrian emperor Franz Joseph I in the gala uniform of an Austrian field marshal.<br> From Google Arts & Culture.</p>
<ul class="actions fixed">
<li><a href="https://artsandculture.google.com/asset/portrait-of-emperor-franz-joseph-i/WgG-8UNRTDl_PA"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/03.jpg" class="image">
<img src="images/gallery/thumbs/03.jpg" alt="" />
</a>
<div class="caption">
<h2>Lithograph</h2>
<p><i>"Ferenc József I and his family in Gödöllő"</i><br>(1871)</p>
<p>Lithography depicting the Hungarian royal family at Gödöllő Palace. King Franz Joseph and Queen Elisabeth, with their children Rudolf, Marie Valerie and Gisela.<br> From the Hungarian National Museum.</p>
<ul class="actions fixed">
<li><a href="http://opac3.mnm.monguz.hu/en_GB/record/-/record/MNMMUSEUM1499393;jsessionid=4B51C33372AEFCF982B1BBF8B1D31F39"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/04.jpg" class="image">
<img src="images/gallery/thumbs/04.jpg" alt="" />
</a>
<div class="caption">
<h2>Book</h2>
<p><i>"Luccheni e l'antropologia criminale"</i><br>(1899)</p>
<p>An anthropological study on Elisabeth's murderer conducted by the famous Italian criminologist Cesare Lombroso.<br> From Sbn/Ubo.</p>
<ul class="actions fixed">
<li><a href="https://sol.unibo.it/SebinaOpac/resource/luccheni-e-lantropologia-criminale/UBO1548215"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/05.jpg" class="image">
<img src="images/gallery/thumbs/05.jpg" alt="" />
</a>
<div class="caption">
<h2>Dress</h2>
<p><i>"Empress Elisabeth's black court dress"</i><br>(1885)</p>
<p>A black silk dress with lace trim and rich embroidery, that documents the tall, slender figure of the empress Elisabeth and her incredibly narrow, oval "Viennese wasp waist".<br> From the Kunsthistorisches Museum.</p>
<ul class="actions fixed">
<li><a href="https://www.khm.at/objektdb/detail/500136/?offset=8&lv=list"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/06.jpg" class="image">
<img src="images/gallery/thumbs/06.jpg" alt="" />
</a>
<div class="caption">
<h3>Newspaper</h3>
<p><i>"Le Petit Parisien:journal quotidien du soir"</i><br>(1898)</p>
<p>The number of the prominent French newspaper <i>Le Petit Parisien</i> reporting the news of the assassination of the empress on its front page.<br>From Gallica, BnF.</p>
<ul class="actions fixed">
<li><a href="https://gallica.bnf.fr/ark:/12148/bpt6k518660c.item"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/07.jpg" class="image">
<img src="images/gallery/thumbs/07.jpg" alt="" />
</a>
<div class="caption">
<h2>Carriage</h2>
<p><i>"Personal Landaulet of Empress Elisabeth"</i><br>(1885)</p>
<p>A small black carriage,well suited for city traffic, specifically built for Empress Elisabeth, who often took it with her on trips and last used it before her murder on Lake Geneva.<br> From Europeana.</p>
<ul class="actions fixed">
<li><a href="https://www.europeana.eu/it/item/15502/WB_W_40_1"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/08.jpg" class="image">
<img src="images/gallery/thumbs/08.jpg" alt="" />
</a>
<div class="caption">
<h3>Movie</h3>
<p><i>"Sissi la giovane imperatrice"</i><br>(1956)</p>
<p>The second film of the successful and critically acclaimed <i>Sissi Trilogy</i>, directed by Ernst Marischka and starring Romy Schneider, who owns her breakthrough to the role played in this movie and in other where she continued to portrait Sissi.<br> From ICBSA.</p>
<ul class="actions fixed">
<li><a href="http://opac2.icbsa.it/vufind/Record/IT-DDS0000168876000000/Holdings#tabnav"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/09.jpg" class="image">
<img src="images/gallery/thumbs/09.jpg" alt="" />
</a>
<div class="caption">
<h3>Book</h3>
<p><i>"The Imperial Style: Fashions of the Hapsburg Era"</i><br>(1980)</p>
<p>A book based on the hugely successful exhibition <i>Fashions of the Hapsburg Era: Austria-Hungary</i>, held at The Metropolitan Museum of Art from December 1979 through August 1980.<br> From THE MET Library.</p>
<ul class="actions fixed">
<li><a href="https://library.metmuseum.org/record=b1003658~S1"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/10.jpg" class="image">
<img src="images/gallery/thumbs/10.jpg" alt="" />
</a>
<div class="caption">
<h3>Music</h3>
<p><i>"Polonaise no. 3, op. 40, no. 1, A major"</i><br>(1838)</p>
<p>The famous military polonaise composed by Fryderyk Chopin, frequently played in Vienna during the Imperial times and featured in the soundtrack of the Sissi Trilogy. <br> From the British Library.</p>
<ul class="actions fixed">
<li><a href="https://sounds.bl.uk/Classical-music/Chopin/026M-1LP0139145XX-0300V0"><span class="button small">Source</span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/11.jpg" class="image">
<img src="images/gallery/thumbs/11.jpg" alt="" />
</a>
<div class="caption">
<h3></h3>
<p></p>
<ul class="actions fixed">
<li><a href=""><span class="button small"></span></a></li>
</ul>
</div>
</article>
<article>
<a href="images/gallery/fulls/12.jpg" class="image">
<img src="images/gallery/thumbs/12.jpg" alt="" />
</a>
<div class="caption">
<h3></h3>
<p></p>
<ul class="actions fixed">
<li><a href=""><span class="button small"></span></a></li>
</ul>
</div>
</article>
</div>
</section>
<!-- Footer -->
<footer class="wrapper style1 align-center">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/UniboDHDK" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/DHDK.unibo/" class="icon brands style2 fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/unibo/" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
This is a non-commercial project for scholarly purposes only.
<br>
<a href="https://creativecommons.org/licenses/by-sa/4.0/">Copyright Creative Commons</a>
<p>© SissiLinked. Images <a href="credits.html">Credits</a>.</p>
</div>
</footer>
<!-- Scrolltotop -->
<div id="btnScrollToTop">
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>