Skip to content

Commit fbb7808

Browse files
Added Day 89
1 parent 703f8cc commit fbb7808

File tree

2 files changed

+94
-0
lines changed

2 files changed

+94
-0
lines changed

public/72/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
<div class="ascii-line" id="ascii-line-8"></div>
2121
<div class="ascii-line" id="ascii-line-9"></div>
2222
<div class="ascii-line" id="ascii-line-10"></div>
23+
<div class="ascii-line" id="ascii-line-11"></div>
2324
</div>
2425
</main>
2526

@@ -92,6 +93,7 @@
9293
document.getElementById("ascii-line-8").textContent = lines[7];
9394
document.getElementById("ascii-line-9").textContent = lines[8];
9495
document.getElementById("ascii-line-10").textContent = lines[9];
96+
document.getElementById("ascii-line-11").textContent = lines[10];
9597
}
9698
}
9799
);

public/89/index.html

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" href="/assets/icon.png" />
7+
<script src="/lib/figlet.js"></script>
8+
<title>Day 72/100</title>
9+
</head>
10+
<body>
11+
<main>
12+
<div id="ascii-art">
13+
<div class="ascii-line" id="ascii-line"></div>
14+
</div>
15+
</main>
16+
17+
<style>
18+
@font-face {
19+
font-family: "SFMono";
20+
src: url("/assets/SFMono-Bold.woff2") format("woff2");
21+
font-weight: 700;
22+
}
23+
24+
@font-face {
25+
font-family: "SFMono";
26+
src: url("/assets/SFMono-Medium.woff2") format("woff2");
27+
font-weight: 500;
28+
}
29+
30+
@font-face {
31+
font-family: "SFMono";
32+
src: url("/assets/SFMono-Regular.woff2") format("woff2");
33+
font-weight: 400;
34+
}
35+
36+
body {
37+
background-color: #fff;
38+
overflow: hidden;
39+
display: flex;
40+
justify-content: center;
41+
align-items: center;
42+
min-height: 100vh;
43+
margin: 0;
44+
}
45+
46+
#ascii-art {
47+
text-align: center;
48+
}
49+
50+
.ascii-line {
51+
font-size: max(min(1.2vw, 16px), 6px);
52+
line-height: 1.2;
53+
font-family: "SFMono", monospace;
54+
font-weight: 700;
55+
white-space: pre;
56+
text-align: left;
57+
margin: 0;
58+
padding: 0;
59+
color: #ee1c25;
60+
}
61+
</style>
62+
63+
<script>
64+
const asciiLine = document.getElementById("ascii-line");
65+
66+
figlet.defaults({ fontPath: "/assets/" });
67+
68+
figlet.text(
69+
"HIDDEN",
70+
{
71+
font: "poison",
72+
},
73+
function (err, data) {
74+
if (err) {
75+
console.error(err);
76+
} else {
77+
let lineContent = data;
78+
79+
let typingInterval = setInterval(function () {
80+
if (lineContent.length > 0) {
81+
asciiLine.innerHTML += lineContent[0];
82+
lineContent = lineContent.slice(1);
83+
} else {
84+
clearInterval(typingInterval);
85+
}
86+
}, 20);
87+
}
88+
}
89+
);
90+
</script>
91+
</body>
92+
</html>

0 commit comments

Comments
 (0)