-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathday25-complete.html
179 lines (176 loc) · 13.3 KB
/
day25-complete.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
<html lang="en-us">
<head>
<meta charset="utf-8" />
<title>Advent of Code 2017</title>
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro:300&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="./assets/style.css" />
<link rel="shortcut icon" href="./assets/favicon.png" />
<script async src="./assets/header.js"></script>
</head>
<body>
<header>
<div>
<h1 class="title-global"><a href="https://adventofcode.com/2017" target="_blank">Advent of Code</a></h1>
<div class="user">John Dugan <span class="star-count"></span></div>
</div>
<div>
<h1 class="title-event"> <span class="title-event-wrap">{year=></span><a href="https://adventofcode.com/2017" target="_blank">2017</a><span class="title-event-wrap">}</span></h1>
<nav>
<ul>
<li><a href="index.html">[Calendar]</a></li>
<li><a href="https://adventofcode.com/2017/leaderboard/private/view/453227" target="_blank">[Aidn]</a></li>
<li><a href="https://adventofcode.com/2017/leaderboard/private/view/251766" target="_blank">[Memphis]</a></li>
<li><a href="https://adventofcode.com/2017/leaderboard/self" target="_blank">[Personal Stats]</a></li>
</ul>
</nav>
</div>
</header>
<main>
<article>
<p>You deposit all <span class="day-success">fifty stars</span> and reboot the printer. Suddenly, everything seems a lot less pixelated than before.</p>
<p>"--raise your priority level enough to send the reboot command and... hey look, it's printing! I'll bring it to Santa. Thanks!" She runs off.</p>
<p class="aside">Congratulations! You've finished every puzzle in Advent of Code 2017! I hope you had as much fun solving them as I had making them for you. I'd love to hear about your adventure; you can get in touch with me via contact info on <a href="http://was.tl/" target="_blank">my website</a> or through <a href="https://twitter.com/ericwastl" target="_blank">Twitter</a> or <a href="https://hachyderm.io/@ericwastl" target="_blank">Mastodon</a>.</p>
<p class="aside">If you'd like to see more things like this in the future, please consider <a href="https://adventofcode.com/2017/support" target="_blank">supporting</a> Advent of Code and sharing it with others.</p>
<p class="aside">To hear about future projects, you can follow me on <a href="https://twitter.com/ericwastl" target="_blank">Twitter</a> or <a href="https://hachyderm.io/@ericwastl" target="_blank">Mastodon</a>.</p>
<p class="aside">I've <span style="border-bottom:1px dotted #ffff66;" title="Yep, just like that. There's at least one in the description for each day.">highlighted</span> the easter eggs in each puzzle, just in case you missed any. Hover your mouse over them, and the easter egg will appear.</p>
</article>
<style>
.calendar-bkg {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
}
.sf {
position: fixed;
animation: anim-sf0 linear 20s infinite;
z-index: -1;
}
.sf:before {
content: "*";
}
.sf.sf0 { color: #ffffff; }
.sf.sf1 { color: #cccccc; animation-name: anim-sf1; }
.sf.sf2 { color: #999999; animation-name: anim-sf2; }
.sf.sf3 { color: #666666; animation-name: anim-sf3; }
@keyframes anim-sf0 {
0% { transform: translate( 0, 0) rotate(0) scale(1.0, 1.0); }
95% { transform: translate(8em, 100vh) rotate(1turn) scale(1.0, 1.0); }
100% { transform: translate(8em, 100vh) rotate(1turn) scale(0.0, 0.0); }
}
@keyframes anim-sf1 {
0% { transform: translate( 0, 0) rotate(0) scale(1.0, 1.0); }
95% { transform: translate(6em, 100vh) rotate(1turn) scale(1.0, 1.0); }
100% { transform: translate(6em, 100vh) rotate(1turn) scale(0.0, 0.0); }
}
@keyframes anim-sf2 {
0% { transform: translate( 0, 0) rotate(0) scale(1.0, 1.0); }
95% { transform: translate(4em, 100vh) rotate(1turn) scale(1.0, 1.0); }
100% { transform: translate(4em, 100vh) rotate(1turn) scale(0.0, 0.0); }
}
@keyframes anim-sf3 {
0% { transform: translate( 0, 0) rotate(0) scale(1.0, 1.0); }
95% { transform: translate(2em, 100vh) rotate(1turn) scale(1.0, 1.0); }
100% { transform: translate(2em, 100vh) rotate(1turn) scale(0.0, 0.0); }
}
</style>
<div class="sf sf0" style="top:-1.31em; left:50.88vw; animation-delay:-1.38s;"></div>
<div class="sf sf1" style="top:-2.11em; left:2.04vw; animation-delay:-8.32s;"></div>
<div class="sf sf2" style="top:-3.87em; left:93.57vw; animation-delay:-19.70s;"></div>
<div class="sf sf1" style="top:-2.91em; left:81.85vw; animation-delay:-8.69s;"></div>
<div class="sf sf3" style="top:-4.03em; left:50.22vw; animation-delay:-10.61s;"></div>
<div class="sf sf2" style="top:-3.20em; left:38.11vw; animation-delay:-16.79s;"></div>
<div class="sf sf3" style="top:-4.59em; left:60.07vw; animation-delay:-7.77s;"></div>
<div class="sf sf1" style="top:-2.85em; left:43.90vw; animation-delay:-15.40s;"></div>
<div class="sf sf3" style="top:-4.68em; left:61.78vw; animation-delay:-12.55s;"></div>
<div class="sf sf3" style="top:-4.96em; left:33.35vw; animation-delay:-2.30s;"></div>
<div class="sf sf1" style="top:-2.09em; left:5.95vw; animation-delay:-14.23s;"></div>
<div class="sf sf2" style="top:-3.68em; left:79.30vw; animation-delay:-17.80s;"></div>
<div class="sf sf1" style="top:-2.05em; left:44.75vw; animation-delay:-15.02s;"></div>
<div class="sf sf2" style="top:-3.67em; left:33.31vw; animation-delay:-17.85s;"></div>
<div class="sf sf1" style="top:-2.25em; left:80.24vw; animation-delay:-16.70s;"></div>
<div class="sf sf3" style="top:-4.82em; left:33.88vw; animation-delay:-4.22s;"></div>
<div class="sf sf1" style="top:-2.25em; left:29.72vw; animation-delay:-3.99s;"></div>
<div class="sf sf0" style="top:-1.95em; left:10.11vw; animation-delay:-1.49s;"></div>
<div class="sf sf2" style="top:-3.64em; left:95.51vw; animation-delay:-2.97s;"></div>
<div class="sf sf1" style="top:-2.00em; left:40.15vw; animation-delay:-4.25s;"></div>
<div class="sf sf2" style="top:-3.43em; left:5.62vw; animation-delay:-2.00s;"></div>
<div class="sf sf0" style="top:-1.29em; left:21.88vw; animation-delay:-7.48s;"></div>
<div class="sf sf2" style="top:-3.87em; left:88.16vw; animation-delay:-17.25s;"></div>
<div class="sf sf2" style="top:-3.03em; left:67.92vw; animation-delay:-17.85s;"></div>
<div class="sf sf2" style="top:-3.73em; left:53.21vw; animation-delay:-5.44s;"></div>
<div class="sf sf0" style="top:-1.90em; left:92.34vw; animation-delay:-4.60s;"></div>
<div class="sf sf1" style="top:-2.98em; left:79.84vw; animation-delay:-12.20s;"></div>
<div class="sf sf2" style="top:-3.71em; left:88.03vw; animation-delay:-4.62s;"></div>
<div class="sf sf3" style="top:-4.75em; left:88.84vw; animation-delay:-16.01s;"></div>
<div class="sf sf1" style="top:-2.07em; left:11.33vw; animation-delay:-8.59s;"></div>
<div class="sf sf3" style="top:-4.38em; left:77.84vw; animation-delay:-5.13s;"></div>
<div class="sf sf1" style="top:-2.38em; left:64.44vw; animation-delay:-2.31s;"></div>
<div class="sf sf1" style="top:-2.23em; left:30.70vw; animation-delay:-7.39s;"></div>
<div class="sf sf0" style="top:-1.93em; left:40.63vw; animation-delay:-0.51s;"></div>
<div class="sf sf3" style="top:-4.22em; left:46.21vw; animation-delay:-1.51s;"></div>
<div class="sf sf0" style="top:-1.08em; left:58.51vw; animation-delay:-9.39s;"></div>
<div class="sf sf0" style="top:-1.77em; left:83.65vw; animation-delay:-12.60s;"></div>
<div class="sf sf1" style="top:-2.42em; left:18.55vw; animation-delay:-8.25s;"></div>
<div class="sf sf2" style="top:-3.07em; left:78.02vw; animation-delay:-13.94s;"></div>
<div class="sf sf0" style="top:-1.22em; left:88.06vw; animation-delay:-10.88s;"></div>
<div class="sf sf2" style="top:-3.79em; left:7.49vw; animation-delay:-2.96s;"></div>
<div class="sf sf1" style="top:-2.75em; left:80.17vw; animation-delay:-12.82s;"></div>
<div class="sf sf0" style="top:-1.19em; left:73.04vw; animation-delay:-9.87s;"></div>
<div class="sf sf3" style="top:-4.12em; left:72.69vw; animation-delay:-11.94s;"></div>
<div class="sf sf1" style="top:-2.06em; left:57.21vw; animation-delay:-14.13s;"></div>
<div class="sf sf1" style="top:-2.76em; left:58.96vw; animation-delay:-6.67s;"></div>
<div class="sf sf0" style="top:-1.95em; left:53.62vw; animation-delay:-6.24s;"></div>
<div class="sf sf0" style="top:-1.08em; left:30.46vw; animation-delay:-8.79s;"></div>
<div class="sf sf0" style="top:-1.37em; left:37.58vw; animation-delay:-0.06s;"></div>
<div class="sf sf0" style="top:-1.84em; left:74.47vw; animation-delay:-15.74s;"></div>
<div class="sf sf2" style="top:-3.05em; left:90.73vw; animation-delay:-14.22s;"></div>
<div class="sf sf0" style="top:-1.71em; left:49.77vw; animation-delay:-11.27s;"></div>
<div class="sf sf3" style="top:-4.37em; left:63.05vw; animation-delay:-0.62s;"></div>
<div class="sf sf1" style="top:-2.41em; left:84.12vw; animation-delay:-2.46s;"></div>
<div class="sf sf0" style="top:-1.71em; left:70.30vw; animation-delay:-2.27s;"></div>
<div class="sf sf1" style="top:-2.58em; left:59.14vw; animation-delay:-16.58s;"></div>
<div class="sf sf3" style="top:-4.58em; left:82.98vw; animation-delay:-13.42s;"></div>
<div class="sf sf1" style="top:-2.08em; left:1.25vw; animation-delay:-11.31s;"></div>
<div class="sf sf2" style="top:-3.86em; left:29.36vw; animation-delay:-10.72s;"></div>
<div class="sf sf2" style="top:-3.52em; left:11.24vw; animation-delay:-18.63s;"></div>
<div class="sf sf1" style="top:-2.97em; left:5.60vw; animation-delay:-5.69s;"></div>
<div class="sf sf3" style="top:-4.04em; left:10.24vw; animation-delay:-4.30s;"></div>
<div class="sf sf0" style="top:-1.03em; left:9.66vw; animation-delay:-16.14s;"></div>
<div class="sf sf3" style="top:-4.21em; left:76.34vw; animation-delay:-2.43s;"></div>
<div class="sf sf2" style="top:-3.82em; left:93.06vw; animation-delay:-6.86s;"></div>
<div class="sf sf0" style="top:-1.24em; left:67.96vw; animation-delay:-17.92s;"></div>
<div class="sf sf0" style="top:-1.61em; left:15.72vw; animation-delay:-8.51s;"></div>
<div class="sf sf3" style="top:-4.73em; left:84.02vw; animation-delay:-18.00s;"></div>
<div class="sf sf0" style="top:-1.64em; left:88.68vw; animation-delay:-7.51s;"></div>
<div class="sf sf0" style="top:-1.38em; left:75.15vw; animation-delay:-18.87s;"></div>
<div class="sf sf0" style="top:-1.48em; left:22.51vw; animation-delay:-9.68s;"></div>
<div class="sf sf3" style="top:-4.31em; left:40.85vw; animation-delay:-13.25s;"></div>
<div class="sf sf2" style="top:-3.29em; left:26.29vw; animation-delay:-15.51s;"></div>
<div class="sf sf0" style="top:-1.93em; left:39.46vw; animation-delay:-0.21s;"></div>
<div class="sf sf2" style="top:-3.27em; left:2.21vw; animation-delay:-6.05s;"></div>
<div class="sf sf1" style="top:-2.43em; left:60.27vw; animation-delay:-10.27s;"></div>
<div class="sf sf1" style="top:-2.77em; left:90.01vw; animation-delay:-4.88s;"></div>
<div class="sf sf1" style="top:-2.50em; left:51.11vw; animation-delay:-5.15s;"></div>
<div class="sf sf2" style="top:-3.76em; left:57.76vw; animation-delay:-13.85s;"></div>
<div class="sf sf2" style="top:-3.94em; left:60.06vw; animation-delay:-14.55s;"></div>
<div class="sf sf3" style="top:-4.24em; left:52.06vw; animation-delay:-18.22s;"></div>
<div class="sf sf3" style="top:-4.43em; left:10.47vw; animation-delay:-10.24s;"></div>
<div class="sf sf1" style="top:-2.21em; left:15.09vw; animation-delay:-0.12s;"></div>
<div class="sf sf3" style="top:-4.02em; left:81.07vw; animation-delay:-11.41s;"></div>
<div class="sf sf2" style="top:-3.06em; left:74.54vw; animation-delay:-8.39s;"></div>
<div class="sf sf1" style="top:-2.33em; left:21.12vw; animation-delay:-5.01s;"></div>
<div class="sf sf2" style="top:-3.56em; left:34.39vw; animation-delay:-7.70s;"></div>
<div class="sf sf2" style="top:-3.95em; left:14.86vw; animation-delay:-9.30s;"></div>
<div class="sf sf0" style="top:-1.22em; left:29.93vw; animation-delay:-9.99s;"></div>
<div class="sf sf1" style="top:-2.96em; left:10.05vw; animation-delay:-10.01s;"></div>
<div class="sf sf0" style="top:-1.75em; left:24.60vw; animation-delay:-17.30s;"></div>
<div class="sf sf1" style="top:-2.13em; left:21.84vw; animation-delay:-14.32s;"></div>
<div class="sf sf0" style="top:-1.26em; left:29.07vw; animation-delay:-16.65s;"></div>
<div class="sf sf3" style="top:-4.76em; left:11.09vw; animation-delay:-0.15s;"></div>
<div class="sf sf1" style="top:-2.76em; left:39.11vw; animation-delay:-4.95s;"></div>
<div class="sf sf0" style="top:-1.85em; left:94.74vw; animation-delay:-5.41s;"></div>
<div class="sf sf0" style="top:-1.54em; left:23.82vw; animation-delay:-4.46s;"></div>
<div class="sf sf1" style="top:-2.79em; left:5.83vw; animation-delay:-5.35s;"></div>
<div class="sf sf1" style="top:-2.01em; left:54.40vw; animation-delay:-18.05s;"></div>
<div class="sf sf1" style="top:-2.58em; left:1.62vw; animation-delay:-4.65s;"></div>
</main>
</body>
</html>