Skip to content

Commit 78f6ea4

Browse files
interfinityOfficialinterfinityOfficial
committed
Added Day 38
1 parent 6280628 commit 78f6ea4

1 file changed

Lines changed: 95 additions & 0 deletions

File tree

‎public/38/index.html‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
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+
<title>Day 38/100</title>
8+
</head>
9+
<body>
10+
<main>
11+
<div class="texts">
12+
<div class="text">TO SERVER</div>
13+
<div class="dot-section">
14+
<div class="dot"></div>
15+
</div>
16+
<div class="text">UPLOADING</div>
17+
</div>
18+
</main>
19+
20+
<style>
21+
@font-face {
22+
font-family: "SpaceMono";
23+
src: url("/assets/SpaceMono-Bold.woff2") format("woff2");
24+
font-weight: 700;
25+
}
26+
27+
body {
28+
margin: 0;
29+
overflow: hidden;
30+
display: flex;
31+
justify-content: center;
32+
align-items: center;
33+
width: 100vw;
34+
height: 100vh;
35+
background-color: #000;
36+
}
37+
38+
main {
39+
width: 100vw;
40+
height: 100vh;
41+
}
42+
43+
.texts {
44+
width: 100%;
45+
height: 100%;
46+
display: flex;
47+
flex-direction: column;
48+
justify-content: space-between;
49+
align-items: center;
50+
}
51+
52+
.text {
53+
color: #fff;
54+
font-size: 20px;
55+
padding: 20px;
56+
font-family: "SpaceMono", monospace;
57+
font-weight: 700;
58+
}
59+
60+
.dot-section {
61+
position: relative;
62+
width: 100%;
63+
height: 100%;
64+
display: flex;
65+
}
66+
67+
.dot {
68+
position: absolute;
69+
top: 0%;
70+
left: 50%;
71+
transform: translateX(-50%);
72+
width: 10px;
73+
height: 10px;
74+
background-color: #fff;
75+
border-radius: 10px;
76+
77+
animation: dot-animation 1.5s ease-in-out infinite;
78+
}
79+
80+
@keyframes dot-animation {
81+
0% {
82+
top: 0%;
83+
}
84+
85+
50% {
86+
top: 100%;
87+
}
88+
89+
100% {
90+
top: 0%;
91+
}
92+
}
93+
</style>
94+
</body>
95+
</html>

0 commit comments

Comments
 (0)