Skip to content

Commit 26decd0

Browse files
author
Luca Montaigut
committed
first commit
0 parents  commit 26decd0

File tree

5 files changed

+318
-0
lines changed

5 files changed

+318
-0
lines changed

‎assets/fonts/Myriad Pro Regular.ttf

92.7 KB
Binary file not shown.

‎assets/img/banner.png

62.1 KB
Loading

‎index.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>CodingLab</title>
8+
<link rel="stylesheet" href="./style.css">
9+
<script src="https://kit.fontawesome.com/e5ab504795.js" crossorigin="anonymous"></script>
10+
<script src='./script.js' async></script>
11+
</head>
12+
<body>
13+
<main>
14+
<img src="./assets/img/banner.png" alt="banner" class="banner">
15+
<h1>Join us</h1>
16+
<div class="icon-container">
17+
<a href="https://discord.gg/SAusderF5g"><i class="fab fa-discord fa-4x icon"></i></a>
18+
<a href="https://github.com/codinglab-io"><i class="fab fa-github fa-4x icon"></i></a>
19+
</div>
20+
</main>
21+
22+
</body>
23+
</html>

‎script.js

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
// 🥚 EasterEgg
2+
function _0x1468() {
3+
const _0x294f23 = [
4+
"\x20Easter",
5+
"#00ff00",
6+
"keyCode",
7+
"as\x20only",
8+
"\x20of\x20cul",
9+
"l\x20work\x20",
10+
"4mNvmQI",
11+
"3775068rZbpUN",
12+
"\x20be\x20wor",
13+
"e\x20same\x20",
14+
"tListen",
15+
"183496kAJehm",
16+
"ayer",
17+
"indefin",
18+
"12tBdltx",
19+
"For\x20now",
20+
"href",
21+
"ture,\x20w",
22+
"7913950GqAjJZ",
23+
"%cFail\x20",
24+
"3214915NlXFaH",
25+
"l\x20you\x20f",
26+
"Someone",
27+
"join\x20us",
28+
"\x20good\x20w",
29+
"key\x20wil",
30+
"addEven",
31+
"color:\x20",
32+
"4w9WgXc",
33+
"r\x20you\x20c",
34+
"But\x20do\x20",
35+
"that\x20!",
36+
"9ihBRqY",
37+
"126CauHrw",
38+
"1223754rjfgvb",
39+
"re\x20a\x20pl",
40+
"locatio",
41+
"Hum...\x20",
42+
"So\x20clos",
43+
"Good\x20ca",
44+
"1iPKzPb",
45+
"https:/",
46+
"om/watc",
47+
"lude\x20?",
48+
"all",
49+
",\x20you\x20a",
50+
"/www.yo",
51+
"keydown",
52+
"\x20hit\x20th",
53+
"0px;",
54+
"log",
55+
"lly\x20thi",
56+
"35398451fIdWxi",
57+
"...it\x20w",
58+
"utube.c",
59+
"thy\x20to\x20",
60+
"%c🥚\x20Wil",
61+
"ntinue\x20",
62+
"an\x20conc",
63+
"re\x20in\x20a",
64+
";\x20font-",
65+
"nk\x20that",
66+
"so\x20you\x27",
67+
"\x20closer",
68+
"length",
69+
"itely\x20?",
70+
"ind\x20our",
71+
"e\x20!\x20😱",
72+
"232078PZNnHD",
73+
"size:\x202",
74+
"#ff0000",
75+
"h?v=dQw",
76+
];
77+
_0x1468 = function () {
78+
return _0x294f23;
79+
};
80+
return _0x1468();
81+
}
82+
const _0x24fcab = _0x4764;
83+
(function (_0x440706, _0x2690d9) {
84+
const _0x3c6db6 = _0x4764,
85+
_0x2757e7 = _0x440706();
86+
while (!![]) {
87+
try {
88+
const _0xbafd17 =
89+
(-parseInt(_0x3c6db6(0xba)) / 0x1) * (parseInt(_0x3c6db6(0xb4)) / 0x2) +
90+
-parseInt(_0x3c6db6(0xe1)) / 0x3 +
91+
(parseInt(_0x3c6db6(0xe0)) / 0x4) * (-parseInt(_0x3c6db6(0xa6)) / 0x5) +
92+
(parseInt(_0x3c6db6(0xb3)) / 0x6) * (-parseInt(_0x3c6db6(0xd6)) / 0x7) +
93+
parseInt(_0x3c6db6(0xe5)) / 0x8 +
94+
(parseInt(_0x3c6db6(0xb2)) / 0x9) * (parseInt(_0x3c6db6(0xec)) / 0xa) +
95+
(parseInt(_0x3c6db6(0xc6)) / 0xb) * (parseInt(_0x3c6db6(0xe8)) / 0xc);
96+
if (_0xbafd17 === _0x2690d9) break;
97+
else _0x2757e7["push"](_0x2757e7["shift"]());
98+
} catch (_0x5e3d8e) {
99+
_0x2757e7["push"](_0x2757e7["shift"]());
100+
}
101+
}
102+
})(_0x1468, 0xc8e8b),
103+
console[_0x24fcab(0xc4)](
104+
_0x24fcab(0xca) +
105+
_0x24fcab(0xa7) +
106+
_0x24fcab(0xd4) +
107+
_0x24fcab(0xda) +
108+
"Egg?",
109+
"color:\x20" +
110+
_0x24fcab(0xd8) +
111+
_0x24fcab(0xce) +
112+
_0x24fcab(0xd7) +
113+
_0x24fcab(0xc3)
114+
);
115+
const _0x4efa6d = [
116+
_0x24fcab(0xb9) + "tch,\x20co" + _0x24fcab(0xcb) + "😉",
117+
_0x24fcab(0xb0) +
118+
"you\x20rea" +
119+
_0x24fcab(0xc5) +
120+
_0x24fcab(0xcf) +
121+
_0x24fcab(0xc2) +
122+
_0x24fcab(0xe3) +
123+
_0x24fcab(0xab) +
124+
_0x24fcab(0xdf) +
125+
_0x24fcab(0xe7) +
126+
_0x24fcab(0xd3),
127+
_0x24fcab(0xe9) +
128+
_0x24fcab(0xbf) +
129+
_0x24fcab(0xcd) +
130+
_0x24fcab(0xaa) +
131+
"ay...",
132+
_0x24fcab(0xc7) +
133+
_0x24fcab(0xdd) +
134+
"\x20luck\x20o" +
135+
_0x24fcab(0xaf) +
136+
_0x24fcab(0xcc) +
137+
_0x24fcab(0xbd),
138+
_0x24fcab(0xb7) + _0x24fcab(0xd0) + _0x24fcab(0xb5) + _0x24fcab(0xe6),
139+
_0x24fcab(0xa8) +
140+
_0x24fcab(0xde) +
141+
_0x24fcab(0xeb) +
142+
"e\x20like\x20" +
143+
_0x24fcab(0xb1),
144+
"You\x20may" +
145+
_0x24fcab(0xe2) +
146+
_0x24fcab(0xc9) +
147+
_0x24fcab(0xa9) +
148+
"\x20after\x20" +
149+
_0x24fcab(0xbe),
150+
"Getting" + _0x24fcab(0xd1) + "\x20!",
151+
_0x24fcab(0xb8) + _0x24fcab(0xd5),
152+
],
153+
_0x2db609 = [0x26, 0x26, 0x28, 0x28, 0x25, 0x27, 0x25, 0x27, 0x42, 0x41];
154+
function _0x4764(_0x3433e4, _0x34a7ce) {
155+
const _0x14687b = _0x1468();
156+
return (
157+
(_0x4764 = function (_0x476458, _0x56705b) {
158+
_0x476458 = _0x476458 - 0xa5;
159+
let _0x4b955f = _0x14687b[_0x476458];
160+
return _0x4b955f;
161+
}),
162+
_0x4764(_0x3433e4, _0x34a7ce)
163+
);
164+
}
165+
let _0x108ab1 = 0x0;
166+
const _0x1a7c90 = function (_0x18a9d1) {
167+
const _0x4c684f = _0x24fcab;
168+
if (
169+
_0x2db609["indexOf"](_0x18a9d1[_0x4c684f(0xdc)]) < 0x0 ||
170+
_0x18a9d1["keyCode"] !== _0x2db609[_0x108ab1]
171+
) {
172+
(_0x108ab1 = 0x0),
173+
console[_0x4c684f(0xc4)](
174+
_0x4c684f(0xa5) + "😞",
175+
_0x4c684f(0xad) +
176+
_0x4c684f(0xd8) +
177+
";\x20font-" +
178+
"size:\x202" +
179+
_0x4c684f(0xc3)
180+
);
181+
return;
182+
}
183+
_0x108ab1 !== _0x4efa6d[_0x4c684f(0xd2)] &&
184+
console[_0x4c684f(0xc4)](
185+
"%c" + _0x4efa6d[_0x108ab1],
186+
_0x4c684f(0xad) +
187+
_0x4c684f(0xdb) +
188+
_0x4c684f(0xce) +
189+
"size:\x201" +
190+
_0x4c684f(0xc3)
191+
),
192+
_0x108ab1++,
193+
_0x2db609["length"] === _0x108ab1 &&
194+
((_0x108ab1 = 0x0),
195+
(window[_0x4c684f(0xb6) + "n"][_0x4c684f(0xea)] =
196+
_0x4c684f(0xbb) +
197+
_0x4c684f(0xc0) +
198+
_0x4c684f(0xc8) +
199+
_0x4c684f(0xbc) +
200+
_0x4c684f(0xd9) +
201+
_0x4c684f(0xae) +
202+
"Q"));
203+
};
204+
document[_0x24fcab(0xac) + _0x24fcab(0xe4) + "er"](
205+
_0x24fcab(0xc1),
206+
_0x1a7c90,
207+
![]
208+
);

‎style.css

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
:root {
2+
--custom-red: rgba(244, 67, 54, 1);
3+
--custom-blue: rgba(33, 150, 243, 1);
4+
}
5+
6+
@font-face {
7+
font-family: "Myriad Pro";
8+
src: url("./assets/fonts/Myriad\ Pro\ Regular.ttf");
9+
}
10+
11+
* {
12+
margin: 0;
13+
padding: 0;
14+
box-sizing: content-box;
15+
}
16+
17+
body {
18+
background: black;
19+
color: white;
20+
font-family: "Myriad Pro", sans-serif;
21+
}
22+
23+
main {
24+
display: flex;
25+
flex-direction: column;
26+
align-items: center;
27+
}
28+
29+
.banner {
30+
width: 50vw;
31+
}
32+
33+
h1 {
34+
font-size: 3rem;
35+
font-weight: 700;
36+
margin-bottom: 1rem;
37+
}
38+
39+
.icon-container {
40+
margin-top: 2em;
41+
display: flex;
42+
justify-content: center;
43+
align-items: center;
44+
}
45+
46+
.icon {
47+
padding: 20px;
48+
color: #fff;
49+
}
50+
51+
.icon:hover {
52+
animation: icon3d 200ms infinite;
53+
-webkit-animation: icon3d 200ms infinite;
54+
cursor: pointer;
55+
}
56+
57+
@keyframes icon3d {
58+
0% {
59+
text-shadow: 5px 4px var(--custom-red), -5px -6px var(--custom-blue);
60+
}
61+
25% {
62+
text-shadow: -5px -6px var(--custom-red), 5px 4px var(--custom-blue);
63+
}
64+
50% {
65+
text-shadow: 5px -4px var(--custom-red), -8px 4px var(--custom-blue);
66+
}
67+
75% {
68+
text-shadow: -8px -4px var(--custom-red), -5px -4px var(--custom-blue);
69+
}
70+
100% {
71+
text-shadow: -5px 0 var(--custom-red), 5px -4px var(--custom-blue);
72+
}
73+
}
74+
75+
@media screen and (max-width: 768px) {
76+
.banner {
77+
width: 100vw;
78+
}
79+
80+
.icon-container {
81+
margin-top: 2em;
82+
display: flex;
83+
flex-direction: column;
84+
justify-content: center;
85+
align-items: center;
86+
}
87+
}

0 commit comments

Comments
 (0)