forked from CLARIAH/wp4-stories
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (219 loc) · 9.79 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
<!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="CLARIAH Data Stories ― Index">
<meta name="author" content="dataLegend">
<link href="/assets/imgs/clariah-logo-square.png" rel="icon" type="image/png">
<title>CLARIAH Data Stories ― Index</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link href="/assets/css/main.css" rel="stylesheet" type="text/css">
<link href="/assets/css/stories.min.css" rel="stylesheet" type="text/css">
</head>
<body class="withNavbar withSink">
<nav class="navbar fixed-top ">
<div class="navbar-content">
<div class="navbar-icon">
<a class="navbar-brand" href="/">
<img alt="CLARIAH Data Stories home" src="/assets/imgs/clariah-logo-square.png">
</a>
</div>
<div class="navbar-title">
<a class="navbar-brand" href="/">CLARIAH Data Stories</a>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col" style="text-align:center;">
<h1>CLARIAH Data Stories</h1>
<p>The here presented Data Stories are created within the <a href="https://www.clariah.nl/en/" rel="noopener noreferrer" target="_blank">CLARIAH</a> project. Data Stories are live generated over Linked Datasets. The underlying datasets are published in the <a href="https://druid.datalegend.net" rel="noopener noreferrer" target="_blank">Druid</a> data catalogue. Data Stories is developed by <a href="https://triply.cc" rel="noopener noreferrer" target="_blank">Triply</a>.</p>
</div>
</div>
<!--
For a new data story copy/paste the section below and edit according to your needs
<div class="row">
<div class="col sink storyBanner">
<a href="./growthAndInequalty" style="text-decoration:none;">
<div class="storyIcon">
[you can add your own image to the folder /assests/imgs/ and adjust the title in the line below]
<img alt="IISG Data Quality story" src="/assets/imgs/iisg.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./template" style="text-decoration:none;">
<div class="storyLabel">My awesome template</div>
</a>
<div class="storyDescription">A template to copy and perfect!</div>
</div>
</div>
</div>
-->
<div class="row">
<div class="col sink storyBanner">
<a href="./clariah-atm" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Amsterdam Time Machine Demo" src="/assets/imgs/atm-screen-logo.png">
</div>
</a>
<div class="storyInfo">
<a href="./clariah-atm" style="text-decoration: none;">
<div class="storyLabel">Amsterdam Time Machine Demonstrator</div>
</a>
<div class="storyDescription">Time travel Amsterdam with linguistic, entertainment and social-economic data
</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./growthAndInequalty" style="text-decoration:none;">
<div class="storyIcon">
<img alt="Growth and Inequality story" src="/assets/imgs/Growth-Inequality.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./growthAndInequalty" style="text-decoration:none;">
<div class="storyLabel">Growth and Inequality</div>
</a>
<div class="storyDescription">Why are some countries rich and others poor?</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./strikes" style="text-decoration:none;">
<div class="storyIcon">
<img alt="Strikes story" src="/assets/imgs/strike.png">
</div>
</a>
<div class="storyInfo">
<a href="./strikes" style="text-decoration:none;">
<div class="storyLabel">Strikes</div>
</a>
<div class="storyDescription">Collective action in times of economic progress?</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./codingHistoricalOccupations" style="text-decoration:none;">
<div class="storyIcon">
<img alt="The value of occupations story" src="/assets/imgs/work.png">
</div>
</a>
<div class="storyInfo">
<a href="./codingHistoricalOccupations" style="text-decoration:none;">
<div class="storyLabel">The value of occupations</div>
</a>
<div class="storyDescription">Determining ‘high’ and ‘low’ occupations in the past</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./catasto" style="text-decoration:none;">
<div class="storyIcon">
<img alt="The wealth of the Renaissance story" src="https://upload.wikimedia.org/wikipedia/commons/6/67/Santa_Maria_del_Fiore.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./catasto" style="text-decoration:none;">
<div class="storyLabel">The wealth of the Renaissance</div>
</a>
<div class="storyDescription">How rich were the inhabitants of the Republic of Florence?</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="/netwerk-maritieme-bronnen/index.html" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Netwerk Maritieme Bronnen story" src="/assets/imgs/netwerk-maritieme-bronnen.png">
</div>
</a>
<div class="storyInfo">
<a href="/netwerk-maritieme-bronnen/index.html" style="text-decoration: none;">
<div class="storyLabel">Demo Netwerk Maritieme Bronnen</div>
</a>
<div class="storyDescription">Data Story on Dutch VOC-ship “'t Vliegend Hart” (Dutch)</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="/FacetCheck/Clio-Infra/index.html" style="text-decoration: none;">
<div class="storyIcon">
<img alt="Clio-Infra browser" src="/assets/imgs/Clio-Infra.png">
</div>
</a>
<div class="storyInfo">
<a href="/FacetCheck/Clio-Infra/index.html" style="text-decoration: none;">
<div class="storyLabel">Clio-Infra browser</div>
</a>
<div class="storyDescription">A faceted browser over the <a href="https://druid.datalegend.net/dataLegend/Clio-Infra" rel="noopener noreferrer" target="_blank">Clio-Infra Linked Dataset</a>.</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./iisg/collection-stories" style="text-decoration: none;">
<div class="storyIcon">
<img alt="IISG Collection stories" src="/assets/imgs/iisg.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./iisg/collection-stories" style="text-decoration: none;">
<div class="storyLabel">IISG Collection Stories</div>
</a>
<div class="storyDescription">Sample stories and queries from the IISG Collections Knowledge Graph.</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./iisg/collections-data-quality" style="text-decoration: none;">
<div class="storyIcon">
<img alt="IISG Data Quality story" src="/assets/imgs/iisg.jpg">
</div>
</a>
<div class="storyInfo">
<a href="./iisg/collections-data-quality" style="text-decoration: none;">
<div class="storyLabel">IISG Data Quality</div>
</a>
<div class="storyDescription">Data story providing a detailed and repeatable overview of the data quality of the IISG Knowledge Graph.</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./iisg/andb-kg" style="text-decoration: none;">
<div class="storyIcon">
<img alt="IISG Diamond Workers" src="/assets/imgs/andb-logo200.png">
</div>
</a>
<div class="storyInfo">
<a href="./iisg/andb-kg" style="text-decoration: none;">
<div class="storyLabel">IISG Diamond Workers</div>
</a>
<div class="storyDescription">Data story providing an overview of the IISG diamantbewerkers dataset.</div>
</div>
</div>
</div>
<div class="row">
<div class="col sink storyBanner">
<a href="./andb-linking-lives" style="text-decoration:none;">
<div class="storyIcon">
<img alt="Diamond Workers in Amsterdam" src="/assets/imgs/andb-logo200.png">
</div>
</a>
<div class="storyInfo">
<a href="./andb-linking-lives" style="text-decoration:none;">
<div class="storyLabel">Diamond Workers in Amsterdam</div>
</a>
<div class="storyDescription">New datastories derived from the Amsterdam Diamond Workers datasets</div>
</div>
</div>
</div>
</div>