-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (79 loc) · 4.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Timer and Timeline</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header">
<h1>Dennis + Jennah</h1>
<nav>
<a href="plans.html">Plans for dennah.xyz</a>
</nav>
<div class="timer" id="timer"></div>
</div>
<div class="timeline-container">
<div class="timeline">
<div class="node" data-image="images/early_drunk_escapades.jpg" data-caption="Around our first 'date' getting tacos and watching Lamb.">
<span class="node-date">December 3, 2021 </span>
</div>
<div class="node" data-image="images/yosemite_feet.jpeg" data-caption="Infamous Yosemite trip.">
<span class="node-date">March 25, 2022 </span>
</div>
<div class="node" data-image="images/jennah_grad.jpg" data-caption="Jennah graduation: Dennis in love.">
<span class="node-date">June 10, 2022 </span>
</div>
<div class="start-node"> <span class="start-node-date">June 16, 2022</span> </div>
<div class="node" data-image="images/jennah_bangs_selfie.jpg" data-caption="Peaceful summer bliss.">
<span class="node-date">July 2, 2022 </span>
</div>
<div class="node" data-image="images/photogenic_reading.JPEG" data-caption="Peaceful summer bliss (cont.).">
<span class="node-date">July 3, 2022 </span>
</div>
<div class="node" data-image="images/jennah_bangs_selfie.JPG" data-caption="Peaceful summer bliss (cont. cont.).">
<span class="node-date">July 4, 2022 </span>
</div>
<div class="node" data-image="images/bigsur_feet.JPEG" data-caption="More foot photos, this time from Big Sur.">
<span class="node-date">July 24, 2022 </span>
</div>
<div class="node" data-image="images/walter_and_jessie.JPEG" data-caption="Never ask what happened this night.">
<span class="node-date">October 29, 2022 </span>
</div>
<div class="node" data-image="images/also_early_drunk_escapades.JPEG" data-caption="#1 aunt and uncle <3">
<span class="node-date">November 27, 2022 </span>
</div>
<div class="node" data-image="images/colorado_kiss.JPG" data-caption="Perhaps one of our best kisses -- I got butterflies.">
<span class="node-date">December 28, 2022 </span>
</div>
<div class="node" data-image="images/bed_selfie.JPG" data-caption="Inspiration for one of the greatest works of art ever.">
<span class="node-date">January 31, 2023 </span>
</div>
<div class="node" data-image="images/italy_mirror_selfie.JPEG" data-caption="'We'll have the whole bottle, that's light work.'">
<span class="node-date">March 26, 2023 </span>
</div>
<div class="node" data-image="images/eid_selfie.JPEG" data-caption="Our first Eid together :)">
<span class="node-date">April 21, 2023 </span>
</div>
<div class="node" data-image="images/glasgow_selfie.JPEG" data-caption="Proppa Bri'ish geezas, innit?">
<span class="node-date"> November 17, 2023 </span>
</div>
<div class="node" data-image="images/iceland_river_selfie.JPEG" data-caption="We actually eat it up in winter climate ngl">
<span class="node-date"> November 19, 2023 </span>
</div>
<div class="node" data-image="images/karaoke.JPEG" data-caption="T - 10 minutes until we tore that karaoke bar up with Creep by Radiohead">
<span class="node-date"> March 14, 2024 </span>
</div>
<div class="node" data-image="images/dennis_grad.JPEG" data-caption="DINK incoming >:)">
<span class="node-date"> June 14, 2024 </span>
</div>
</div>
</div>
<div id="hover-box">
<img id="hover-image" src="" alt="">
<p id="hover-caption"></p>
</div>
<script src="script.js"></script>
</body>
</html>