-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
273 lines (237 loc) · 14.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brief</title>
<link rel="stylesheet" href="./static/css/style.css">
<script src="static/js/main.js" defer></script>
</head>
<body>
<img class="background" src="static/img/contract.png" alt="">
<article id="brief" class="brief">
<section class="brief__text">
<p class="brief__text__title">Hoge Mogende Heren,</p>
<p>Hier is gisteren het
<a class="highlight" id="schip_button">schip het Wapen</a> van
<a class="highlight" id="amsterdam_button">Amsterdam</a> aangenomen, op de 23ste september, uit
Nieuw-Nederland, uit de
<a class="highlight" id="mauritius_button">Rivier Mauritius</a>. Ze rapporteren dat het goed gaat met
ons volk daar en het leven vredig is; de vrouwen hebben er ook kinderen gebaard. Ze hebben het
<a class="highlight" id="eiland_button">eiland Man-hattes</a> van
<a class="highlight" id="wilden_button">de wilden</a> gekocht, voor een waarde van 60
<a class="highlight" id="gulden_button">gulden</a>; het land is 11.000 morgen groot. Ze hebben alle
koren half mei gezaaid en half augustus gemaaid. Hiervan hebben ze monsters meegebracht, van zomerkoren,
tarwe, rogge, gerst, haver, boekweit, kanariezaad, boontjes en vlas. De
<a class="highlight" id="lading_button">lading</a> van het voornoemde schip bestaat uit: <br><br>
7246 bevervellen,
178,5 ottervellen,
675 <a class="highlight" id="ossenhuid_button">ossenhuiden</a>,
48 nertsvellen,
36 wilde kattenvellen,
33 nertsen,
34 rattenvelletjes,
Veel eiken balken. En notenhout,<br>
Hierbij,
Hoge Eerwaarde Heren wordt aan de genade van de Almachtige aanbevolen,
In Amsterdam, de 5de november Anno 1626
U Hoge Eerwaarde dienstwillige,
P. Schaghen”
</p>
</section>
</article>
<section id="parent__popup" class="popup__collection">
<article id="schip_wapen" class="popup">
<video class="popup__figure">
<source src="static/img/Hetschip_animatie.webm">
</video>
<section class="popup__text">
<h2 class="popup__title">Schip 't Wapen</h2>
<p class="popup__par">
'T Wapen van Amsterdam was een <span>Nederlands handelsschip</span> uit de 17e eeuw,
cruciaal voor de handel tussen Europa en de Nieuwe Wereld.
Het schip speelde een rol in de <span>Nederlandse koloniale expansie</span> en was bewapend met
kanonnen voor bescherming.
Het vervoerde <span>goederen</span> zoals bont, tabak en hout terug naar Europa.
De Lenape, een inheems Amerikaans volk in gebieden zoals Manhattan en New Jersey,
kwamen vaak in contact met Nederlandse handelaren. Deze ontmoetingen leidden tot culturele
uitwisselingen en conflicten, waarbij de Lenape vaak werden verdreven.
't Wapen van Amsterdam staat <span>symbool voor de complexe geschiedenis</span> van vroege Europese
en inheemse interacties in Noord-Amerika.
</p>
</section>
<button class="close-button">X</button>
</article>
<article id="amsterdam" class="popup">
<video class="popup__figure">
<source src="static/img/map-amsterdam.webm" type="video/mp4">
</video>
<section class="popup__text">
<h2 class="popup__title">Amsterdam</h2>
<p class="popup__par">
Amsterdam begon in de 12e eeuw als een <span>klein vissersdorp</span> aan de oevers van de rivier de
Amstel.
De stad dankt zijn naam aan een dam die rond 1270 werd gebouwd om de rivier te beheersen: de
"Amstelredamme".
In 1275 verleende graaf Floris V van Holland tolprivileges aan de bewoners, wat de handel
stimuleerde.
De 17e eeuw, bekend als <span>de Gouden Eeuw</span>, was een periode van <span>enorme
welvaart</span> voor Amsterdam.
De stad werd een van de belangrijkste handelscentra ter wereld dankzij de Oost-Indische Compagnie
(VOC) en de West-Indische Compagnie (WIC).
Grachten, elegante herenhuizen en imposante pakhuizen werden in deze tijd gebouwd,
en veel van deze <span>historische gebouwen</span> zijn vandaag de dag nog steeds te bewonderen.
</p>
</section>
<button class="close-button">X</button>
</article>
<article id="mau_card" class="popup">
<video class="popup__figure">
<source src="static/img/mauritius_rivier.webm" type="video/mp4">
</video>
<section class="popup__text">
<h2 class="popup__title">Rivier Mauritius</h2>
<p class="popup__par">
De rivier Mauritius, ook bekend als de <span>Noord rivier</span>,
speelde een belangrijke rol in de Nederlandse kolonisatie van Noord-Amerika in de 17e eeuw.
Deze rivier, tegenwoordig bekend als de Hudson, was genoemd naar <span>prins Maurits van
Nassau</span>.
Nederlandse ontdekkingsreizigers en handelaren, waaronder Henry Hudson,
gebruikten de rivier voor <span>verkenning en handel</span> met inheemse volken zoals de Lenape.
De rivier vormde een belangrijke handelsroute voor het vervoer van bont, hout en andere goederen.
Rondom de rivier ontstonden nederzettingen zoals Nieuw Amsterdam, het latere New York.
De Mauritius symboliseert <span>de vroege Nederlandse invloed en handel</span> in Noord-Amerika en
de complexe interacties met de inheemse bevolking.
</p>
</section>
<button class="close-button">X</button>
</article>
<article id="eiland_card" class="popup">
<video class="popup__figure">
<source src="static/img/new-amsterdam.webm">
</video>
<section class="popup__text">
<h2 class="popup__title">Eiland Man-Hatten</h2>
<p class="popup__par">Manhattan, oorspronkelijk bewoond door de Lenape, werd in <span>de 17e eeuw</span>
door
Nederlanders gekoloniseerd en Nieuw Amsterdam genoemd.
In <span>1626</span> kocht <span>Peter Minuit</span>, namens de Nederlandse West-Indische Compagnie,
het eiland van de Lenape voor goederen ter waarde van 60 gulden.
Manhattan groeide uit tot een belangrijk handelscentrum vanwege zijn strategische ligging aan de
Hudsonrivier.
De stad werd in <span>1664</span> door de Engelsen overgenomen en hernoemd tot <span>New
York</span>.
Manhattan speelde een cruciale rol in de handel tussen Europa en de Nieuwe Wereld,
wat leidde tot <span>culturele uitwisselingen en conflicten</span> met de inheemse bevolking.
Vandaag de dag is Manhattan een wereldberoemd centrum voor handel, cultuur en financiën, met een
rijke en complexe geschiedenis.
</p>
</section>
<button class="close-button">X</button>
</article>
<article id="wilden_card" class="popup">
<video class="popup__figure">
<source src="static/img/lenaap.webm">
</video>
<section class="popup__text">
<h2 class="popup__title">De Wilden</h2>
<p class="popup__par">
De Lenape/ de Wilden, ook bekend als de Delaware, zijn een inheems volk uit de
<span>regio van de huidige Mid-Atlantische staten van de VS</span>.
Ze woonden in gebieden van New York City tot Delaware, New Jersey en Pennsylvania.
Hun geschiedenis gaat duizenden jaren terug.
De Lenape leefden van jacht, visserij en landbouw en gebruikten de natuurlijke hulpbronnen om te
overleven.
Hun samenleving bestond uit clans en dorpsgemeenschappen met <span>rijke spirituele en culturele
tradities</span>.
In de vroege 17e eeuw kwamen de Lenape in contact met <span>Nederlandse en later Engelse
kolonisten</span>.
Dit veranderde hun manier van leven door de introductie van Europese goederen en ziekten.
Tijdens de koloniale periode sloten de Lenape <span>verdragen</span> met kolonisten,
zoals het verdrag van Shackamaxon in 1682 met William Penn. Deze verdragen werden vaak geschonden.
Door de uitbreiding van koloniale nederzettingen verloren de Lenape hun land en werden velen
<span>gedwongen te verhuizen</span> naar reservaten of naar het westen.
</p>
</section>
<button class="close-button">X</button>
</article>
<article id="gulden_card" class="popup">
<video class="popup__figure">
<source src="static/img/gulden.webm">
</video>
<section class="popup__text">
<h2 class="popup__title">Gulden</h2>
<p class="popup__par">
De gulden was de <span>officiële munteenheid</span> van Nederland van de 13e eeuw tot de
invoering van de euro in
2002.
Het woord 'gulden' betekent 'gouden' en verwijst naar de oorspronkelijke <span>gouden munt</span>.
De munt werd gebruikt in zowel binnenlandse als internationale handel,
wat bijdroeg aan de economische groei van Nederland. In de 17e eeuw, tijdens de Nederlandse Gouden
Eeuw,
speelde de gulden een cruciale rol in de <span>wereldhandel</span>. De waarde van de gulden was
stabiel,
wat het vertrouwen van handelaren en investeerders versterkte.
De gulden bleef een <span>symbool van de Nederlandse economie</span> en identiteit tot de overgang
naar de euro.
Zelfs na de invoering van de euro blijft de gulden een belangrijk deel van het Nederlandse
<span>historische erfgoed</span>.
</p>
</section>
<button class="close-button">X</button>
</article>
<article id="lading_card" class="popup">
<video class="popup__figure">
<source src="static/img/lading.webm">
</video>
<section class="popup__text">
<h2 class="popup__title">Lading</h2>
<p class="popup__par">
De lading van een schip verwijst naar de <span>goederen en producten</span> die het vervoert
tijdens zijn reis.
In de 17e eeuw, tijdens de Nederlandse Gouden Eeuw,
omvatte de lading vaak <span>specerijen, tabak, suiker, hout, en bont</span>.
Deze goederen werden vanuit de koloniën naar Europa gebracht en waren essentieel voor de handel en
economie.
Nederlandse handelsschepen, zoals <span>'t Wapen van Amsterdam</span>, waren bekend om hun
<span>omvangrijke en
waardevolle ladingen</span>.
De lading werd zorgvuldig geregistreerd en <span>beveiligd tegen piraterij en diefstal</span>.
De inhoud van de lading weerspiegelde de handelsroutes en economische belangen van de tijd.
Vandaag de dag is het begrip lading nog steeds essentieel in de internationale handel en
scheepvaart.
</p>
</section>
<button class="close-button">X</button>
</article>
<article id="ossenhuid_card" class="popup">
<video class="popup__figure" autoplay loop>
<source src="static/img/ossenhuid.webm">
</video>
<section class="popup__text">
<h2 class="popup__title">Ossenhuiden</h2>
<p class="popup__par">Ossenhuid, de huid van een os, werd in de 17e eeuw veelvuldig gebruikt vanwege
zijn <span>duurzaamheid en
veelzijdigheid</span>.
Deze stevige leersoort was essentieel in de <span>productie van diverse goederen</span> zoals
kleding, schoenen,
zadels, en riemen.
In de scheepsbouw werd ossenhuid gebruikt voor het maken van <span>scheepsonderdelen en
touwen</span>,
die bestand moesten zijn tegen zware belastingen en weersomstandigheden.
De Nederlandse handelsschepen transporteerden ossenhuiden vaak <span>vanuit koloniën en
handelsposten naar
Europa</span>,
waar ze werden verwerkt in ambachtelijke werkplaatsen.
De handel in ossenhuid was een belangrijk onderdeel van de Nederlandse economie en droeg bij aan de
welvaart tijdens de Gouden Eeuw.
Tegenwoordig wordt ossenhuid <span>nog steeds gewaardeerd in de leerindustrie</span> vanwege zijn
kwaliteit en
duurzaamheid.
</p>
</section>
<button class="close-button">X</button>
</article>
</section>
</body>
</html>