-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
422 lines (404 loc) · 16.8 KB
/
Copy pathindex.html
File metadata and controls
422 lines (404 loc) · 16.8 KB
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
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
<!doctype html>
<html lang="fo">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sunnvá og Eivind Brúdleyp</title>
<link rel="icon" type="image/x-icon" href="/assets/Favicon4.png" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="custom.css" />
</head>
<body
class="min-h-screen font-serif antialiased bg-gradient-to-b from-rose-50 via-white to-amber-50 text-neutral-800"
>
<nav class="site-nav" aria-label="Høvuðs valmynd">
<button
id="language-toggle"
class="language-toggle"
aria-label="Switch language"
>
<img src="assets/FO.webp" alt="Faroese" class="flag-fo" />
<img src="assets/DK.webp" alt="Danish" class="flag-da" />
</button>
<button
type="button"
class="site-nav__toggle"
aria-expanded="false"
aria-controls="site-nav-panel"
>
<span
class="sr-only"
data-fo="Vís ella goym valmynd"
data-da="Vis eller skjul menu"
></span>
<span class="site-nav__icon" aria-hidden="true"></span>
</button>
<div class="site-nav__panel" id="site-nav-panel">
<ul class="site-nav__list">
<li><a href="#home" data-fo="Heim" data-da="Hjem"></a></li>
<li>
<a href="#vaelkomin" data-fo="Vælkomin" data-da="Velkommen"></a>
</li>
<li><a href="#skra" data-fo="Skrá" data-da="Program"></a></li>
<li>
<a
href="#toastmaster"
data-fo="Toastmaster"
data-da="Toastmaster"
></a>
</li>
<li><a href="#børn" data-fo="Børn" data-da="Børn"></a></li>
<li>
<a
href="#bestilla"
data-fo="Bestilla pláss"
data-da="Overnatning"
></a>
</li>
<li><a href="#kort" data-fo="Kort" data-da="Kort"></a></li>
<li>
<a href="#dresscode" data-fo="Dresscode" data-da="Dresscode"></a>
</li>
<li>
<a href="#ynski" data-fo="Gávuynski" data-da="Gaveønsker"></a>
</li>
<li><a href="#kontakt" data-fo="Kontakt" data-da="Kontakt"></a></li>
<!-- <li><a href="#myndir">Deila Myndir</a></li> -->
</ul>
</div>
</nav>
<header id="home" class="py-20 text-center relative">
<div class="w-full max-w-xl mx-auto px-6">
<h1 class="text-5xl md:text-6xl font-serif tracking-tight mb-3">
Brúdleyp
</h1>
<p class="text-2xl md:text-3xl text-rose-800/80 font-light">
Sunnvá & Eivind
</p>
</div>
</header>
<main class="relative max-w-3xl mx-auto px-6 pb-96 -mt-10">
<div
class="relative bg-white/50 backdrop-blur-sm rounded-2xl shadow-sm ring-1 ring-black/5 px-6 sm:px-10 py-10 space-y-12"
>
<section id="vaelkomin">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Vælkomin"
data-da="Velkommen"
></h2>
<p
class="leading-relaxed"
data-fo="Hendan heimasíðan skal geva tykkum innlit og kunning um tann stóra dagin. Vónandi finna tit svar uppá allar spurningar her, um ikki sendi okkum eini boð ella ring. Vit gleða okkum til at skapa minnir saman við tykkum."
data-da="Denne hjemmeside skal give jer indblik i og information om den store dag. Forhåbentlig finder I svar på alle jeres spørgsmål her, ellers er I velkomne til at sende os en besked eller ringe. Vi glæder os til at skabe minder sammen med jer."
></p>
</section>
<section id="skra">
<h2
class="text-3xl font-serif mb-6 text-rose-900"
data-fo="Skrá"
data-da="Program"
></h2>
<div class="space-y-8">
<div>
<h3
class="font-semibold uppercase tracking-wide text-sm text-neutral-800 mb-2"
>
14. August
</h3>
<ul class="space-y-1 text-neutral-800">
<li data-fo="17:00 - Check in" data-da="17:00 - Check in"></li>
<li
data-fo="18:00 - Matur (Tapas buffet)"
data-da="18:00 - Mad (Tapas buffet)"
></li>
<li data-fo="20:00 - Hugni" data-da="20:00 - Hygge"></li>
</ul>
</div>
<div>
<h3
class="font-semibold uppercase tracking-wide text-sm text-neutral-800 mb-2"
>
15. August
</h3>
<ul class="space-y-1 text-neutral-800">
<li
data-fo="08:30-10:00 - Morgunmatur"
data-da="08:30-10:00 - Morgenmad"
></li>
<li
data-fo="11:00 - Vígsla byrjar"
data-da="11:00 - Vielsen begynder"
></li>
<li
data-fo="12:00 - Reception"
data-da="12:00 - Reception"
></li>
<li
data-fo="15:00 - Brúdleypskakan verður skorin"
data-da="15:00 - Bryllupskagen skæres"
></li>
<li
data-fo="17:00 - Taka felags myndir"
data-da="17:00 - Fælles billeder"
></li>
<li
data-fo="17:30 - Vælkomst drykkir"
data-da="17:30 - Velkomstdrinks"
></li>
<li data-fo="18:00 - Borðhald" data-da="18:00 - Middag"></li>
<li
data-fo="23:00 - Gera klárt til dans"
data-da="23:00 - Klargøring til dans"
></li>
<li
data-fo="00:00 - Fergan siglur síðsta túr"
data-da="00:00 - Færgen sejler sidste tur"
></li>
<li data-fo="01:00 - Nátt Matur" data-da="01:00 - Natmad"></li>
</ul>
</div>
<div>
<h3
class="font-semibold uppercase tracking-wide text-sm text-neutral-800 mb-2"
>
16. August
</h3>
<ul class="space-y-1 text-neutral-800">
<li
data-fo="08:30-10:00 - Morgunmatur"
data-da="08:30-10:00 - Morgenmad"
></li>
<li data-fo="11:00 - Tjek út" data-da="11:00 - Check ud"></li>
</ul>
</div>
</div>
</section>
<section id="toastmaster">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Toastmaster"
data-da="Toastmaster"
></h2>
<p
data-fo="Øll innsløg eru hjartaliga vælkomin, so um tit ynskja at halda eina talu ella onnur innsløg, kunnu tit seta tykkum í samband við okkara toastmaster, Rúna."
data-da="Alle indslag er hjerteligt velkomne. Hvis I ønsker at holde en tale eller bidrage med andet, er I velkomne til at kontakte vores toastmaster, Rúni."
></p>
<p
data-fo="Navn: Rúni Egholm Vørmadal"
data-da="Navn: Rúni Egholm Vørmadal"
></p>
<p>E-mail: toastmaster@vormadal.com</p>
<p
class="mt-4"
data-fo="Um tit, upp til ella á degnum, hava spurningar til ella skulu brúka tekniska hjálp (Ljóð, ljós, video), er tað eisini Rúna, tit skulu hava fatur á."
data-da="Har I spørgsmål op til eller på dagen, eller har brug for teknisk hjælp (lyd, lys, video), er det også Rúni, I skal kontakte."
></p>
</section>
<section id="børn">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Børn"
data-da="Børn"
></h2>
<p
data-fo="Børn eru hjartaliga vælkomin fríggjadagin og til vígslu og móttøku leygardagin, minst tó til at boða frá hesum. Vit bæði elska øll tykkara børn, men tað verður neyvan stuttligt hjá teimum ella foreldrum, um tey skulu sita still á einum stóli restina av degnum, og tí hava vit tikið hesa avgerð. Um serligar umstøður gera seg galdandi, kunnu tit seta tykkum í samband við okkum, tí undantøk eru ikki ómøgulig."
data-da="Børn er hjerteligt velkomne om fredagen samt til vielsen og receptionen om lørdagen, men vi beder jer om at give besked. Vi elsker alle jeres børn, men det kan blive svært for både børn og forældre, hvis de skal sidde stille på en stol resten af dagen. Derfor har vi truffet denne beslutning. Hvis der er særlige omstændigheder, er I velkomne til at kontakte os. Undtagelser kan lade sig gøre."
></p>
</section>
<section id="bestilla">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Bestilla pláss"
data-da="Overnatning"
></h2>
<p
data-fo="Tað eru 18 dupult kømur men tað kann reiðast upp til 4 fólk tilsamans í hvørt kamar, vit mæla til at tit bólka tykkum saman til 4 í hvørt kamar fyri at tað skal vera betur pláss."
data-da="Der er 18 dobbeltværelser, hvor der kan bo op til 4 personer på hvert værelse. Vi anbefaler, at I går sammen i grupper på 4 så vidt muligt, så der bliver bedre plads til alle."
></p>
<p
data-fo="Viðmerk 'Sunnvá og Eivind' í 'Til selskab' teigin."
data-da="Skriv 'Sunnvá og Eivind' i 'Til selskab' feltet."
></p>
<a
class="inline-flex items-center gap-1 text-rose-700 hover:text-rose-900 underline decoration-rose-300 hover:decoration-rose-600 transition"
href="https://ev.dk/booking/"
target="_blank"
rel="noopener"
data-fo="Bestill hotel kamar her ↗"
data-da="Bestil hotelværelse her ↗"
>
</a>
</section>
<section id="kort">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Her er Egholm Vestergaard"
data-da="Her er Egholm Vestergaard"
></h2>
<div class="space-y-6">
<p
class="text-neutral-800 leading-relaxed"
data-fo="Adressa: Egholm 57, 9000 Aalborg Danmark"
data-da="Adresse: Egholm 57, 9000 Aalborg Danmark"
>
<span class="font-semibold">Egholm 57, 9000 Aalborg Danmark</span
><br />
GPS:
<code class="bg-neutral-100 px-1 py-0.5 rounded text-sm"
>57.065812, 9.835938</code
>
</p>
<div
class="aspect-video w-full border border-neutral-300/70 rounded-lg overflow-hidden shadow-sm"
>
<iframe
title="Kort - Egholm Vestergaard"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.8315%2C57.0640%2C9.8404%2C57.0676&layer=mapnik&marker=57.065812%2C9.835938"
class="w-full h-full"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
>
</iframe>
</div>
<div class="flex flex-wrap gap-4 text-sm">
<a
class="inline-flex items-center gap-1 underline text-rose-700 hover:text-rose-900"
target="_blank"
rel="noopener"
href="https://maps.app.goo.gl/893BN8Q2Lr2gKX567"
>
Google Maps ↗
</a>
<a
class="inline-flex items-center gap-1 underline text-rose-700 hover:text-rose-900"
target="_blank"
rel="noopener"
href="https://maps.apple.com/?ll=57.065812,9.835938&q=Egholm%20Vestergaard"
>
Apple Maps ↗
</a>
</div>
</div>
</section>
<section id="dresscode">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Dresscode"
data-da="Dresscode"
></h2>
<p
data-fo="Formelt, romatiskt og ævintýrligt. Ikki hvítt"
data-da="Formelt, romantisk og eventyrligt. Ikke hvidt"
></p>
<p>
<a
class="inline-flex items-center gap-1 text-rose-700 hover:text-rose-900 underline decoration-rose-300 hover:decoration-rose-600 transition"
href="https://dk.pinterest.com/midjordmikkelse/wedding-guest-inspo/?invite_code=4f7b7c98087c44e0bada0e4ab3334442&sender=366269519603314526"
target="_blank"
rel="noopener"
data-fo="Pinterest Board ↗"
data-da="Pinterest Board ↗"
>
</a>
</p>
<div class="flex flex-wrap justify-center gap-4 mt-6">
<img
src="https://i.pinimg.com/1200x/92/db/b3/92dbb3adda2366fd95cc2f460f7878b2.jpg"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
<img
src="https://i.pinimg.com/1200x/30/27/8d/30278d88efa488b716066a3b08921f45.jpg"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
<img
src="https://i.pinimg.com/736x/9b/c9/90/9bc99081eeb5724e9a89529add6702a7.jpg"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
<img
src="https://i.pinimg.com/736x/55/94/32/559432ade92d905bf0e07112beb5047b.jpg"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
<img
src="https://i.pinimg.com/1200x/a7/78/07/a7780797b831dec7feb29d6efc2848d9.jpg"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
<img
src="assets/WeirdPicture.png"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
<img
src="https://i.pinimg.com/1200x/ed/2c/e7/ed2ce7cb1def7f7e540ecaefca0c6860.jpg"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
<img
src="https://i.pinimg.com/736x/ca/9f/ff/ca9ffff552232055a8341e987f8937bf.jpg"
alt="Dresscode Example"
class="h-48 object-contain rounded-lg shadow-sm"
/>
</div>
</section>
<section id="ynski">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Hvat ynskja vit okkum"
data-da="Gaveønsker"
></h2>
<p
data-fo="Allar gávur eru vælkomnar, men vit ynskja okkum bara at tit koma til brúdleypið."
data-da="Alle gaver er velkomne, men det vigtigste for os er, at I kommer til brylluppet."
></p>
</section>
<section id="kontakt">
<h2
class="text-3xl font-serif mb-4 text-rose-900"
data-fo="Kontakt"
data-da="Kontakt"
></h2>
<p style="white-space: pre-line">
<b>Eivind</b>
<span
data-fo="Telefon nr.: +45 61480303"
data-da="Telefonnr.: +45 61480303"
>Telefon nr.: +45 61480303</span
>
E-mail: eev_98@hotmail.com
</p>
<p
class="mt-4"
data-fo="Annars altíð vælkomin at skriva á messenger."
data-da="Ellers altid velkommen til at skrive på messenger."
></p>
</section>
<!-- <section id="myndir">
<h2 class="text-3xl font-serif mb-4 text-rose-900">Deila Myndir</h2>
<p>
Um tit vilja deila myndir ella video sum tit hava tikið á brúdleypinum kunnu tit uploada tær á okkara
<a
class="inline-flex items-center gap-1 underline text-rose-700 hover:text-rose-900"
target="_blank"
rel="noopener"
href="https://1drv.ms/f/c/e4541db236f3dcf3/Eqy27SRA_ItHshUnznocos8BxrO6KtHgYmvh7PlH_4XVMw?e=exgjuJ"
>
OneDrive. ↗
</a>
</p>
</section> -->
</div>
</main>
<footer class="text-center py-10 text-sm text-neutral-700">
© <span id="year"></span>
<span data-fo="Sunnvá og Eivind" data-da="Sunnvá og Eivind"
>Sunnvá og Eivind</span
>
</footer>
<script src="script.js" defer></script>
</body>
</html>