-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
348 lines (339 loc) · 20.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>THE BLOODY CHAMBER</title>
<link rel="icon" type="image/x-icon" href="/img/icon2.png" />
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<img src="/img/icon.png" height="60px" class="d-inline-block align-top" alt="" style="padding:10px;">
<a class="navbar-brand js-scroll-trigger" href="../index.html" style="color:#b41010 !important;">
the bLODy chamber</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" id="menu">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
style="color:#b41010 !important;">Knowledge Organization</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item js-scroll-trigger" href="/er_model.html">Conceptual Map and
E/R Model</a>
<a class="dropdown-item" href="/metadata.html">Metadata Analysis</a>
<a class="dropdown-item" href="/metadata.html#metadata2">Metadata Alignment</a>
<a class="dropdown-item" href="/theoretical_model.html">Theoretical model</a>
<a class="dropdown-item" href="/er_model_enhanced.html">Enhanced E/R Model</a>
<a class="dropdown-item" href="/conceptual_model.html">Conceptual Model</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
style="color:#b41010 !important;">Knowledge Representation</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item js-scroll-trigger" href="/data.html">Data Creation</a>
<a class="dropdown-item" href="/rdf.html">RDF Production</a>
<a class="dropdown-item" href="/rdf.html#rdf2">RDF Visualization </a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0">the bLODy chamber</h1>
<h2 class="text-white-50 mx-auto mt-2 mb-5">A Linked Open Data Project on Angela Carter and
her collection of short fiction 'The Bloody Chamber'</h2>
<a class="btn btn-secondary js-scroll-trigger" href="#about1">DISCOVER THE PROJECT</a>
</div>
</div>
</header>
<section class="about-section" id="about1">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h1 class="text-white mb-4"><b>The Domain</b></h1>
<p class="text-white-50">
"The Bloody Chamber" by Angela Carter is a literary masterpiece of feminist literature. This
collection of fairy tales became a real phenomenon in 1979 when it was published, paving the way
for a new generation of feminist writers who continue to use this genre as a means of critiquing
and subverting patriarchal norms. The book challenges traditional fairy tales and their
portrayal of women as passive and powerless objects. Carter presented female characters as
complex and empowered individuals, capable of taking control of their own destinies.
</p>
<p class="text-white-50">
In addition to folklore references, the stories also show typical traits of the gothic style and
of magical realism, which is
characterized by the inclusion of fantastical or surreal elements within a realistic setting.
This magnificent mixture of genres was created taking inspiration from generations of
writers, cultures, ideas and concepts. Therefore, “The Bloody Chamber” was interesting for our
research because it includes many dimensions, people and characters from different historical
periods; this allowed us to include different types of items and entities.
</p>
</div>
</div>
</div>
</section>
<section class="projects-section" id="items2" style="padding:6rem 0 0rem;">
<div class="container">
<div class="row align-items-center no-gutters mb-4 mb-lg-5">
<div class="col-xl-8 text-left" id="projt">
<h1 class="text-dark mb-4">Items</h1>
</div>
<div class="col-xl-12 text-left">
<p> Our Linked Open Data project aimed to comprehensively analyze the phenomenon of “The Bloody
Chamber”, its impact on the art and Angela Carter's working method and style. We
collected this knowledge from different databases and worked with the aim of creating accessible
information models using
open standards, fonts, and rules of Semantic Web.
</p>
<p>
We selected 10 items, trying to provide a diverse range of perspectives. Therefore, we included
not only books, bibliographic records and writers which she was inspired by, but also film and
an
audiobook based on “The Bloody Chamber” and important places and feminist organizations in
which she was an active member.
</p>
<p>
<ul style="text-align: justify">
<li> <strong>“The Bloody Chamber”</strong> is a <strong>book</strong> first published in 1979
and contains short stories
written by
Angela Carter.</li>
<li> <strong>The manuscript of “The Bloody Chamber”</strong> contains notes and successive
drafts,
notepads, loose
sheets and typescripts.</li>
<li> <strong>“Translation of the fairy tales of Charles Perrault”</strong> is Carter's
translation of classic
French fairy tales, it is widely regarded for its innovative and feminist approach. Also,
this
work inspired the writer to create “The Bloody Chamber”, where many stories were based on
the
fairy tales of Charles Perrault.</li>
<li> <strong>Japan</strong> is an island <strong>country</strong> in East Asia, known for its
unique culture, where Angela Carter
had been living for two and a half years. She admitted that Japan made a huge impact on her
personality and creative method.</li>
<li> The <strong>movie “The Company of Wolves”</strong> is a 1984 British gothic fantasy horror
film directed by
Neil Jordan. The screenplay was written by Jordan and Angela Carter, adapted by Carter from
her
short story of the same name.</li>
<li>The <strong>“Photographs from The Company of Wolves” collection</strong> includes
photographs taken during
the
movie The Company of Wolves, directed by Neil Jordan and based on Angela Carter's short
story of
the same name.</li>
<li> <strong> “Angela Carter: a BBC radio drama collection”</strong> is an
<strong>audiobook</strong> featuring dramatizations of
some of Angela Carter's most famous works, including some of the tales contained in “The
Bloody
Chamber”; it was originally broadcast on BBC Radio.
</li>
<li> <strong>“Shaking a Leg: Journalisms and Writings”</strong> is an autobiography of Angela
Carter with all the
scope, drama, outrage, and great humor of the author's fiction. This collection includes
journalism and literature that was published starting in the 1960s. The material was taken
from
publications such as student magazines, the London Review of Books, New Statesman, Nova, and
Vogue. One particular article, entitled "Notes from the frontline", was espcially
interesting for our research, since it contains the author's thoughts and inspirations while
writing "The Bloody Chamber".</li>
<li> <strong>“Spare Rib”</strong> was a UK feminist <strong>magazine</strong> in the 1970s,
known for its bold approach and
coverage
of women's rights issues. It ceased publication in 1993 but remains influential in modern
feminism.</li>
<li> <strong>“Strange worlds: the vision of Angela Carter”</strong> is a book published 25 years
after the death
of Angela Carter and accompanies a major exhibition of the same name. The project explores
the
themes of her works through paintings of honored and contemporary artists. The book includes
personal reflections from Carter's friends and colleagues, providing an intimate glimpse
into
her life and creative process.</li>
</ul>
</p>
</div>
</div>
</section>
<section class="items" style="padding:0rem 0 4rem !important;">
<div class="row justify-content-center no-gutters">
<div class=" col-lg-2 order-lg-first" id="bg-1">
<div class="text-center h-100 project ">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://opac.sbn.it/risultati-ricerca-avanzata/-/opac-adv/isbd/UBO1487800?monocampo=the+bloody+chamber">Book</a>
</h5>
</div>
</div>
</div>
</div>
<div class=" col-lg-2 order-lg-first" id="bg-2">
<div class="jtext-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center " id="ittxt">
<img>
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.worldcat.org/title/1008430161">Catalogue</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-3">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.worldcat.org/fr/title/4002505">Translation</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-4">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.worldcat.org/it/title/1348949153">Audio Book</a></h5>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center no-gutters">
<div class="col-lg-2 order-lg-first" id="bg-5">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.imdb.com/title/tt0087075/?ref_=nm_knf_t_1">Movie</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-6">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.bl.uk/collection-items/photographs-from-the-company-of-wolves-a-film-by-neil-jordan-and-angela-carter">Collection</a>
</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-7">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.worldcat.org/en/title/37449658">Book</a></h5>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center no-gutters">
<div class="col-lg-2 order-lg-first" id="bg-8">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.geonames.org/countries/JP/japan.html">Country</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-9">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://www.bl.uk/collection-items/manuscript-notes-and-drafts-of-the-bloody-chamber-by-angela-carter">Manuscript</a>
</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-10">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class=""
href="https://discover.libraryhub.jisc.ac.uk/search?publisher=Spare%20Ribs%20Ltd&isn=0306-7971&rn=1">Magazine</a>
</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer small text-center text-white-50">
<h1>Meet The Team</h1>
<section class="about" style="padding:0rem 0 4rem !important;">
<div class="row justify-content-center no-gutters">
<div class=" col-lg-2 order-lg-first" id="bg-11">
<div class="text-center h-100 project ">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class="">Chiara Parravicini</a></h5>
</div>
</div>
</div>
</div>
<div class=" col-lg-2 order-lg-first" id="bg-12">
<div class="jtext-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center " id="ittxt">
<img>
<h5 class="text-white" id="ittxt1"><a class="">Evgeniia Vdovichenko</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-13">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class="">İrem Atmar</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-2 order-lg-first" id="bg-14">
<div class="text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 text-center text-lg-center" id="ittxt">
<h5 class="text-white" id="ittxt1"><a class="">Rana Coskun</a></h5>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<p class="copyright-text">© DHDK - ALma Mater Bologna University</p>
<p class="copyright-text">This is a non-commercial project for scholarly purposes only.</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>