Skip to content

Commit 68baf19

Browse files
interfinityOfficialinterfinityOfficial
committed
Added Day 35
1 parent 586e824 commit 68baf19

1 file changed

Lines changed: 254 additions & 0 deletions

File tree

‎public/35/index.html‎

Lines changed: 254 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,254 @@
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 35/100</title>
8+
</head>
9+
<body>
10+
<main>
11+
<div class="sidebar sidebar-off" id="sidebar">
12+
<div class="sidebar-button" id="sidebar-button">
13+
<svg
14+
class="link-icon-svg"
15+
version="1.1"
16+
xmlns="http://www.w3.org/2000/svg"
17+
xmlns:xlink="http://www.w3.org/1999/xlink"
18+
viewBox="0 0 23.4906 18.2316"
19+
>
20+
<g>
21+
<path
22+
d="M7.76132 16.6344L9.58103 16.6344L9.58103 1.59842L7.76132 1.59842ZM4.20898 18.2316L19.124 18.2316C21.6518 18.2316 23.1293 16.6963 23.1293 14.0209L23.1293 4.2205C23.1293 1.54512 21.6518 0.00351548 19.124 0.00351548L4.20898 0.00351548C1.54336 0.00351548 0 1.54512 0 4.2205L0 14.0209C0 16.6963 1.54336 18.2316 4.20898 18.2316ZM4.31191 16.3184C2.79628 16.3184 1.91327 15.4434 1.91327 13.926L1.91327 4.31542C1.91327 2.79979 2.79628 1.91678 4.31191 1.91678L18.8174 1.91678C20.333 1.91678 21.216 2.79979 21.216 4.31542L21.216 13.926C21.216 15.4434 20.333 16.3184 18.8174 16.3184ZM5.85116 5.50038C6.1951 5.50038 6.49217 5.20507 6.49217 4.87968C6.49217 4.54628 6.1951 4.25722 5.85116 4.25722L3.8412 4.25722C3.49725 4.25722 3.20819 4.54628 3.20819 4.87968C3.20819 5.20507 3.49725 5.50038 3.8412 5.50038ZM5.85116 8.1158C6.1951 8.1158 6.49217 7.82049 6.49217 7.4871C6.49217 7.1537 6.1951 6.8744 5.85116 6.8744L3.8412 6.8744C3.49725 6.8744 3.20819 7.1537 3.20819 7.4871C3.20819 7.82049 3.49725 8.1158 3.8412 8.1158ZM5.85116 10.725C6.1951 10.725 6.49217 10.4439 6.49217 10.1105C6.49217 9.77713 6.1951 9.48983 5.85116 9.48983L3.8412 9.48983C3.49725 9.48983 3.20819 9.77713 3.20819 10.1105C3.20819 10.4439 3.49725 10.725 3.8412 10.725Z"
23+
/>
24+
</g>
25+
</svg>
26+
</div>
27+
<div class="links">
28+
<div class="link">
29+
<div class="link-icon">
30+
<svg
31+
class="link-icon-svg"
32+
version="1.1"
33+
xmlns="http://www.w3.org/2000/svg"
34+
xmlns:xlink="http://www.w3.org/1999/xlink"
35+
viewBox="0 0 18.5894 18.2316"
36+
>
37+
<g>
38+
<path
39+
d="M11.981 18.2316L16.1291 18.2316C17.5363 18.2316 18.2281 17.5478 18.2281 16.0988L18.2281 12.0166C18.2281 10.5693 17.5363 9.88554 16.1291 9.88554L11.981 9.88554C10.5658 9.88554 9.87578 10.5693 9.87578 12.0166L9.87578 16.0988C9.87578 17.5478 10.5658 18.2316 11.981 18.2316ZM11.9935 16.6262C11.6437 16.6262 11.4812 16.4539 11.4812 16.1121L11.4812 12.0131C11.4812 11.6633 11.6437 11.491 11.9935 11.491L16.1166 11.491C16.4602 11.491 16.6227 11.6633 16.6227 12.0131L16.6227 16.1121C16.6227 16.4539 16.4602 16.6262 16.1166 16.6262Z"
40+
/>
41+
<path
42+
d="M2.09901 18.2316L6.25508 18.2316C7.6623 18.2316 8.35234 17.5478 8.35234 16.0988L8.35234 12.0166C8.35234 10.5693 7.6623 9.88554 6.25508 9.88554L2.09901 9.88554C0.691794 9.88554 0 10.5693 0 12.0166L0 16.0988C0 17.5478 0.691794 18.2316 2.09901 18.2316ZM2.11151 16.6262C1.76796 16.6262 1.60546 16.4539 1.60546 16.1121L1.60546 12.0131C1.60546 11.6633 1.76796 11.491 2.11151 11.491L6.23457 11.491C6.57637 11.491 6.74688 11.6633 6.74688 12.0131L6.74688 16.1121C6.74688 16.4539 6.57637 16.6262 6.23457 16.6262Z"
43+
/>
44+
<path
45+
d="M11.981 8.35585L16.1291 8.35585C17.5363 8.35585 18.2281 7.67207 18.2281 6.22481L18.2281 2.13456C18.2281 0.693552 17.5363 0.00351548 16.1291 0.00351548L11.981 0.00351548C10.5658 0.00351548 9.87578 0.693552 9.87578 2.13456L9.87578 6.22481C9.87578 7.67207 10.5658 8.35585 11.981 8.35585ZM11.9935 6.75039C11.6437 6.75039 11.4812 6.57988 11.4812 6.22031L11.4812 2.12929C11.4812 1.77948 11.6437 1.60897 11.9935 1.60897L16.1166 1.60897C16.4602 1.60897 16.6227 1.77948 16.6227 2.12929L16.6227 6.22031C16.6227 6.57988 16.4602 6.75039 16.1166 6.75039Z"
46+
/>
47+
<path
48+
d="M2.09901 8.35585L6.25508 8.35585C7.6623 8.35585 8.35234 7.67207 8.35234 6.22481L8.35234 2.13456C8.35234 0.693552 7.6623 0.00351548 6.25508 0.00351548L2.09901 0.00351548C0.691794 0.00351548 0 0.693552 0 2.13456L0 6.22481C0 7.67207 0.691794 8.35585 2.09901 8.35585ZM2.11151 6.75039C1.76796 6.75039 1.60546 6.57988 1.60546 6.22031L1.60546 2.12929C1.60546 1.77948 1.76796 1.60897 2.11151 1.60897L6.23457 1.60897C6.57637 1.60897 6.74688 1.77948 6.74688 2.12929L6.74688 6.22031C6.74688 6.57988 6.57637 6.75039 6.23457 6.75039Z"
49+
/>
50+
</g>
51+
</svg>
52+
</div>
53+
<div class="link-text">Dashboard</div>
54+
</div>
55+
<div class="link">
56+
<div class="link-icon">
57+
<svg
58+
class="link-icon-svg"
59+
version="1.1"
60+
xmlns="http://www.w3.org/2000/svg"
61+
xmlns:xlink="http://www.w3.org/1999/xlink"
62+
viewBox="0 0 20.1969 18.2476"
63+
>
64+
<g>
65+
<path
66+
d="M3.20351 18.2476L16.64 18.2476C18.7478 18.2476 19.8355 17.16 19.8355 15.0762L19.8355 3.19101C19.8355 1.10547 18.7478 0.0195312 16.64 0.0195312L3.20351 0.0195312C1.0957 0.0195312 0 1.09746 0 3.19101L0 15.0762C0 17.168 1.0957 18.2476 3.20351 18.2476ZM3.17655 16.3344C2.35663 16.3344 1.91327 15.9141 1.91327 15.0551L1.91327 6.03241C1.91327 5.18144 2.35663 4.75487 3.17655 4.75487L16.651 4.75487C17.4709 4.75487 17.9223 5.18144 17.9223 6.03241L17.9223 15.0551C17.9223 15.9141 17.4709 16.3344 16.651 16.3344ZM8.04296 8.13945L8.61913 8.13945C8.9662 8.13945 9.0789 8.03652 9.0789 7.68945L9.0789 7.11328C9.0789 6.76621 8.9662 6.65527 8.61913 6.65527L8.04296 6.65527C7.69589 6.65527 7.57519 6.76621 7.57519 7.11328L7.57519 7.68945C7.57519 8.03652 7.69589 8.13945 8.04296 8.13945ZM11.2342 8.13945L11.8103 8.13945C12.1574 8.13945 12.2799 8.03652 12.2799 7.68945L12.2799 7.11328C12.2799 6.76621 12.1574 6.65527 11.8103 6.65527L11.2342 6.65527C10.8871 6.65527 10.7664 6.76621 10.7664 7.11328L10.7664 7.68945C10.7664 8.03652 10.8871 8.13945 11.2342 8.13945ZM14.4271 8.13945L15.0033 8.13945C15.3504 8.13945 15.4711 8.03652 15.4711 7.68945L15.4711 7.11328C15.4711 6.76621 15.3504 6.65527 15.0033 6.65527L14.4271 6.65527C14.0801 6.65527 13.9674 6.76621 13.9674 7.11328L13.9674 7.68945C13.9674 8.03652 14.0801 8.13945 14.4271 8.13945ZM4.85175 11.2818L5.41815 11.2818C5.77499 11.2818 5.88768 11.1789 5.88768 10.8318L5.88768 10.2557C5.88768 9.90859 5.77499 9.80566 5.41815 9.80566L4.85175 9.80566C4.49491 9.80566 4.38222 9.90859 4.38222 10.2557L4.38222 10.8318C4.38222 11.1789 4.49491 11.2818 4.85175 11.2818ZM8.04296 11.2818L8.61913 11.2818C8.9662 11.2818 9.0789 11.1789 9.0789 10.8318L9.0789 10.2557C9.0789 9.90859 8.9662 9.80566 8.61913 9.80566L8.04296 9.80566C7.69589 9.80566 7.57519 9.90859 7.57519 10.2557L7.57519 10.8318C7.57519 11.1789 7.69589 11.2818 8.04296 11.2818ZM11.2342 11.2818L11.8103 11.2818C12.1574 11.2818 12.2799 11.1789 12.2799 10.8318L12.2799 10.2557C12.2799 9.90859 12.1574 9.80566 11.8103 9.80566L11.2342 9.80566C10.8871 9.80566 10.7664 9.90859 10.7664 10.2557L10.7664 10.8318C10.7664 11.1789 10.8871 11.2818 11.2342 11.2818ZM14.4271 11.2818L15.0033 11.2818C15.3504 11.2818 15.4711 11.1789 15.4711 10.8318L15.4711 10.2557C15.4711 9.90859 15.3504 9.80566 15.0033 9.80566L14.4271 9.80566C14.0801 9.80566 13.9674 9.90859 13.9674 10.2557L13.9674 10.8318C13.9674 11.1789 14.0801 11.2818 14.4271 11.2818ZM4.85175 14.4322L5.41815 14.4322C5.77499 14.4322 5.88768 14.323 5.88768 13.9742L5.88768 13.3998C5.88768 13.051 5.77499 12.9498 5.41815 12.9498L4.85175 12.9498C4.49491 12.9498 4.38222 13.051 4.38222 13.3998L4.38222 13.9742C4.38222 14.323 4.49491 14.4322 4.85175 14.4322ZM8.04296 14.4322L8.61913 14.4322C8.9662 14.4322 9.0789 14.323 9.0789 13.9742L9.0789 13.3998C9.0789 13.051 8.9662 12.9498 8.61913 12.9498L8.04296 12.9498C7.69589 12.9498 7.57519 13.051 7.57519 13.3998L7.57519 13.9742C7.57519 14.323 7.69589 14.4322 8.04296 14.4322ZM11.2342 14.4322L11.8103 14.4322C12.1574 14.4322 12.2799 14.323 12.2799 13.9742L12.2799 13.3998C12.2799 13.051 12.1574 12.9498 11.8103 12.9498L11.2342 12.9498C10.8871 12.9498 10.7664 13.051 10.7664 13.3998L10.7664 13.9742C10.7664 14.323 10.8871 14.4322 11.2342 14.4322Z"
67+
/>
68+
</g>
69+
</svg>
70+
</div>
71+
<div class="link-text">Schedule</div>
72+
</div>
73+
<div class="link">
74+
<div class="link-icon">
75+
<svg
76+
class="link-icon-svg"
77+
version="1.1"
78+
xmlns="http://www.w3.org/2000/svg"
79+
xmlns:xlink="http://www.w3.org/1999/xlink"
80+
viewBox="0 0 22.7412 18.3812"
81+
>
82+
<g>
83+
<path
84+
d="M3.20351 18.1875L19.4219 18.1875C21.2842 18.1875 22.3799 17.0998 22.3799 15.016L22.3799 4.97265C22.3799 2.88886 21.2762 1.80117 19.1764 1.80117L10.0896 1.80117C9.39217 1.80117 8.96893 1.63965 8.43495 1.19688L7.8744 0.743749C7.1912 0.181054 6.68612 0 5.66308 0L2.89921 0C1.07949 0 0 1.06269 0 3.11171L0 15.016C0 17.1078 1.0957 18.1875 3.20351 18.1875ZM3.31444 16.2742C2.40643 16.2742 1.91327 15.8059 1.91327 14.8553L1.91327 3.27694C1.91327 2.38046 2.40174 1.90526 3.27948 1.90526L5.1625 1.90526C5.84394 1.90526 6.2539 2.07303 6.79941 2.51756L7.3582 2.9787C8.03691 3.52713 8.558 3.7162 9.58104 3.7162L19.0574 3.7162C19.9574 3.7162 20.4666 4.19257 20.4666 5.1414L20.4666 14.8633C20.4666 15.8059 19.9574 16.2742 19.0574 16.2742ZM3.1119 6.51385L19.26 6.51385L19.26 5.81796C19.26 5.20174 18.958 4.91483 18.3266 4.91483L4.0453 4.91483C3.41385 4.91483 3.1119 5.20174 3.1119 5.81796Z"
85+
/>
86+
</g>
87+
</svg>
88+
</div>
89+
<div class="link-text">Files</div>
90+
</div>
91+
<div class="link">
92+
<div class="link-icon">
93+
<svg
94+
class="link-icon-svg"
95+
version="1.1"
96+
xmlns="http://www.w3.org/2000/svg"
97+
xmlns:xlink="http://www.w3.org/1999/xlink"
98+
viewBox="0 0 22.2363 21.7609"
99+
>
100+
<g>
101+
<path
102+
d="M6.2871 21.7609C6.83065 21.7609 7.23475 21.4947 7.91131 20.9006L11.2541 17.9412L17.2898 17.9412C20.2281 17.9412 21.875 16.2525 21.875 13.3543L21.875 5.78066C21.875 2.88242 20.2281 1.19375 17.2898 1.19375L4.58515 1.19375C1.64687 1.19375 0 2.87441 0 5.78066L0 13.3543C0 16.2605 1.6873 17.9412 4.52363 17.9412L5.04863 17.9412L5.04863 20.3484C5.04863 21.2111 5.50156 21.7609 6.2871 21.7609ZM6.76131 19.61L6.76131 16.8219C6.76131 16.2488 6.51581 16.0279 5.96737 16.0279L4.63964 16.0279C2.79354 16.0279 1.91327 15.0889 1.91327 13.2936L1.91327 5.83339C1.91327 4.03808 2.79354 3.10702 4.63964 3.10702L17.2353 3.10702C19.0734 3.10702 19.9617 4.03808 19.9617 5.83339L19.9617 13.2936C19.9617 15.0889 19.0734 16.0279 17.2353 16.0279L11.1515 16.0279C10.5572 16.0279 10.275 16.1236 9.86171 16.5414Z"
103+
/>
104+
<path
105+
d="M5.96796 6.99784L15.8092 6.99784C16.1445 6.99784 16.4098 6.72734 16.4098 6.38749C16.4098 6.06191 16.1445 5.78867 15.8092 5.78867L5.96796 5.78867C5.63612 5.78867 5.3664 6.06191 5.3664 6.38749C5.3664 6.72734 5.63788 6.99784 5.96796 6.99784Z"
106+
/>
107+
<path
108+
d="M5.96796 10.1129L15.8092 10.1129C16.1445 10.1129 16.4098 9.83437 16.4098 9.49453C16.4098 9.16894 16.1445 8.89394 15.8092 8.89394L5.96796 8.89394C5.63612 8.89394 5.3664 9.1707 5.3664 9.49453C5.3664 9.83437 5.63788 10.1129 5.96796 10.1129Z"
109+
/>
110+
<path
111+
d="M5.96796 13.2199L12.3801 13.2199C12.7154 13.2199 12.9771 12.9494 12.9771 12.6176C12.9771 12.276 12.7154 12.001 12.3801 12.001L5.96796 12.001C5.63612 12.001 5.3664 12.2777 5.3664 12.6176C5.3664 12.9494 5.63788 13.2199 5.96796 13.2199Z"
112+
/>
113+
</g>
114+
</svg>
115+
</div>
116+
<div class="link-text">Messages</div>
117+
</div>
118+
</div>
119+
</div>
120+
</main>
121+
122+
<style>
123+
@font-face {
124+
font-family: "SFMono";
125+
src: url("/assets/SFMono-Medium.woff2") format("woff2");
126+
font-weight: 700;
127+
}
128+
129+
body {
130+
margin: 0;
131+
overflow: hidden;
132+
-webkit-tap-highlight-color: transparent;
133+
display: flex;
134+
width: 100vw;
135+
height: 100vh;
136+
background-color: #fff;
137+
}
138+
139+
.sidebar {
140+
position: fixed;
141+
overflow: hidden;
142+
top: -1px;
143+
left: -1px;
144+
width: calc(min(300px, 20vw) + 2px);
145+
height: calc(100vh + 2px);
146+
display: flex;
147+
flex-direction: column;
148+
border-radius: 0px;
149+
/* border-right: 1px solid rgba(0, 0, 0, 0.1);
150+
border-left: 1px solid rgba(0, 0, 0, 0);
151+
border-top: 1px solid rgba(0, 0, 0, 0);
152+
border-bottom: 1px solid rgba(0, 0, 0, 0); */
153+
background-color: rgba(0, 0, 0, 0);
154+
155+
transition: all 0.5s ease-in-out;
156+
}
157+
158+
.sidebar-off {
159+
top: 7.5px;
160+
left: 7.5px;
161+
width: 45px;
162+
height: 45px;
163+
border-radius: 5px;
164+
/* border-left: 1px solid rgba(0, 0, 0, 0.1);
165+
border-top: 1px solid rgba(0, 0, 0, 0.1);
166+
border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
167+
}
168+
169+
.sidebar-off:hover {
170+
background-color: rgba(0, 0, 0, 0.075);
171+
}
172+
173+
.sidebar-button {
174+
position: fixed;
175+
top: 0;
176+
left: 0;
177+
cursor: pointer;
178+
display: flex;
179+
width: fit-content;
180+
padding: 12.5px;
181+
margin: 7.5px;
182+
border-radius: 6px;
183+
background-color: rgba(0, 0, 0, 0);
184+
}
185+
186+
.links {
187+
position: absolute;
188+
top: 20vh;
189+
left: 0;
190+
width: 100%;
191+
display: flex;
192+
flex-direction: column;
193+
194+
transition: all 0.5s ease-in-out;
195+
}
196+
197+
.sidebar-off .links {
198+
top: calc(20vh - 8.5px);
199+
left: -8.5px;
200+
}
201+
202+
.link {
203+
display: flex;
204+
align-items: center;
205+
cursor: pointer;
206+
gap: 10px;
207+
padding: 12.5px;
208+
margin-left: 7.5px;
209+
margin-right: 7.5px;
210+
border-radius: 6px;
211+
background-color: rgba(0, 0, 0, 0);
212+
user-select: none;
213+
-webkit-user-select: none;
214+
215+
transition: background-color 0.5s ease-in-out;
216+
}
217+
218+
.link:hover {
219+
background-color: rgba(0, 0, 0, 0.075);
220+
}
221+
222+
.link-icon {
223+
width: 20px;
224+
height: 20px;
225+
}
226+
227+
.link-icon-svg {
228+
width: 20px;
229+
height: 20px;
230+
fill: rgba(0, 0, 0, 1);
231+
}
232+
233+
.sidebar-button .link-icon-svg {
234+
fill: rgba(0, 0, 0, 1);
235+
}
236+
237+
.link-text {
238+
font-family: "SFMono", sans-serif;
239+
font-weight: 700;
240+
font-size: 16px;
241+
color: rgba(0, 0, 0, 1);
242+
}
243+
</style>
244+
245+
<script>
246+
const sidebar = document.getElementById("sidebar");
247+
const sidebarButton = document.getElementById("sidebar-button");
248+
249+
sidebarButton.addEventListener("click", () => {
250+
sidebar.classList.toggle("sidebar-off");
251+
});
252+
</script>
253+
</body>
254+
</html>

0 commit comments

Comments
 (0)