Skip to content

Commit ef49d8a

Browse files
AlgorithmAlgorithm
authored
Add files via upload
1 parent ecc3d1d commit ef49d8a

12 files changed

Lines changed: 339 additions & 0 deletions

‎assets/css/style.css‎

Lines changed: 224 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,224 @@
1+
body {
2+
display: flex;
3+
align-items: center;
4+
font-family: "JetBrains Mono", sans-serif;
5+
cursor: crosshair;
6+
color: #ffffe6;
7+
background-color: #10100e;
8+
margin: 0;
9+
padding: 0;
10+
word-break: break-word;
11+
text-wrap: balance;
12+
line-height: 1.8;
13+
min-height: 100dvh;
14+
font-size: 20px;
15+
}
16+
17+
a {
18+
text-decoration: underline;
19+
color: #ffffe6;
20+
}
21+
22+
.overlay {
23+
position: fixed;
24+
inset: 0;
25+
pointer-events: none;
26+
}
27+
28+
.overlay:before {
29+
content: "";
30+
position: absolute;
31+
inset: 0;
32+
display: block;
33+
pointer-events: none;
34+
background-image: linear-gradient(rgba(16, 16, 16, 0.25) 50%, rgba(16, 16, 16, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.015), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.015));
35+
background-size: 100% 0.1875rem, 0.375rem 100%;
36+
z-index: 2;
37+
}
38+
39+
.overlay:after {
40+
content: "";
41+
position: absolute;
42+
inset: 0;
43+
display: block;
44+
pointer-events: none;
45+
background-color: rgba(16, 16, 16, 0.2);
46+
animation: flicker 0.3s infinite;
47+
z-index: 2;
48+
}
49+
50+
@keyframes flicker {
51+
0% {
52+
opacity: 0.15795;
53+
}
54+
5% {
55+
opacity: 0.31511;
56+
}
57+
10% {
58+
opacity: 0.94554;
59+
}
60+
15% {
61+
opacity: 0.2469;
62+
}
63+
20% {
64+
opacity: 0.62031;
65+
}
66+
25% {
67+
opacity: 0.0293;
68+
}
69+
30% {
70+
opacity: 0.00899;
71+
}
72+
35% {
73+
opacity: 0.5344;
74+
}
75+
40% {
76+
opacity: 0.12778;
77+
}
78+
45% {
79+
opacity: 0.52042;
80+
}
81+
50% {
82+
opacity: 0.3823;
83+
}
84+
55% {
85+
opacity: 0.2198;
86+
}
87+
60% {
88+
opacity: 0.9383;
89+
}
90+
65% {
91+
opacity: 0.86615;
92+
}
93+
70% {
94+
opacity: 0.68695;
95+
}
96+
75% {
97+
opacity: 0.55749;
98+
}
99+
80% {
100+
opacity: 0.96984;
101+
}
102+
85% {
103+
opacity: 0.0361;
104+
}
105+
90% {
106+
opacity: 0.24467;
107+
}
108+
95% {
109+
opacity: 0.08351;
110+
}
111+
100% {
112+
opacity: 0.54813;
113+
}
114+
}
115+
116+
@keyframes blink-animation {
117+
50% {
118+
opacity: 0;
119+
}
120+
}
121+
122+
.cursor-blink {
123+
animation: blink-animation 1s step-end infinite;
124+
}
125+
126+
p,
127+
128+
.algo-container-algorithm {
129+
margin: 0 auto;
130+
}
131+
132+
.algo-row {
133+
width: 100%;
134+
display: flex;
135+
flex-direction: row;
136+
align-items: center;
137+
justify-content: center;
138+
gap: var(--lx-gap);
139+
}
140+
141+
@media screen and (max-width: 80rem) {
142+
img {
143+
display: none;
144+
}
145+
}
146+
147+
@media screen and (max-width: 480px) {
148+
body {
149+
font-size: 0.7rem;
150+
padding-left: 10px;
151+
padding-right: 10px;
152+
}
153+
}
154+
155+
.form-switch {
156+
position: fixed;
157+
top: 30px;
158+
right: 30px;
159+
display: inline-block;
160+
cursor: pointer;
161+
-webkit-tap-highlight-color: transparent;
162+
}
163+
164+
.form-switch i {
165+
position: relative;
166+
display: inline-block;
167+
margin-right: .5rem;
168+
width: 46px;
169+
height: 26px;
170+
background-color: #ffffe6;
171+
border-radius: 23px;
172+
vertical-align: text-bottom;
173+
transition: all 0.3s linear;
174+
}
175+
176+
.form-switch i::before {
177+
content: "";
178+
position: absolute;
179+
left: 0;
180+
width: 42px;
181+
height: 22px;
182+
background-color: #10100e;
183+
border-radius: 11px;
184+
transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
185+
transition: all 0.25s linear;
186+
}
187+
188+
.form-switch i::after {
189+
content: "";
190+
position: absolute;
191+
left: 0;
192+
width: 22px;
193+
height: 22px;
194+
background-color: #ffffe6;
195+
border-radius: 11px;
196+
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
197+
transform: translate3d(2px, 2px, 0);
198+
transition: all 0.2s ease-in-out;
199+
}
200+
201+
.form-switch:active i::after {
202+
width: 28px;
203+
transform: translate3d(2px, 2px, 0);
204+
}
205+
206+
.form-switch:active input:checked + i::after {
207+
transform: translate3d(16px, 2px, 0);
208+
}
209+
210+
.form-switch input {
211+
display: none;
212+
}
213+
214+
.form-switch input:checked + i {
215+
background-color: #4BD763;
216+
}
217+
218+
.form-switch input:checked + i::before {
219+
transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
220+
}
221+
222+
.form-switch input:checked + i::after {
223+
transform: translate3d(22px, 2px, 0);
224+
}

‎assets/favicon/android-chrome-192x192.png‎

13.7 KB
Loading

‎assets/favicon/android-chrome-256x256.png‎

19.8 KB
Loading

‎assets/favicon/apple-touch-icon.png‎

12.6 KB
Loading

‎assets/favicon/browserconfig.xml‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<browserconfig>
3+
<msapplication>
4+
<tile>
5+
<square150x150logo src="/mstile-150x150.png"/>
6+
<TileColor>#da532c</TileColor>
7+
</tile>
8+
</msapplication>
9+
</browserconfig>

‎assets/favicon/favicon-16x16.png‎

987 Bytes
Loading

‎assets/favicon/favicon-32x32.png‎

1.82 KB
Loading

‎assets/favicon/favicon.ico‎

14.7 KB
Binary file not shown.

‎assets/favicon/mstile-150x150.png‎

9.31 KB
Loading

‎assets/favicon/site.webmanifest‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "",
3+
"short_name": "",
4+
"icons": [
5+
{
6+
"src": "/android-chrome-192x192.png",
7+
"sizes": "192x192",
8+
"type": "image/png"
9+
},
10+
{
11+
"src": "/android-chrome-256x256.png",
12+
"sizes": "256x256",
13+
"type": "image/png"
14+
}
15+
],
16+
"theme_color": "#ffffff",
17+
"background_color": "#ffffff",
18+
"display": "standalone"
19+
}

0 commit comments

Comments
 (0)