-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
56 lines (53 loc) · 2.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/src/lib/prism.css">
<link rel="stylesheet" href="/src/style/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:[email protected]&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://raw.githubusercontent.com">
<link rel="preload" as="image" href="src/assets/hero-background.jpg" type="image/jpg">
<link rel="preload" as="image" href="src/assets/hero-background-lg.webp" type="image/webp">
</head>
<body>
<div class="splash">
<div class="animated-icon" style="--pos-x: 0%; --pos-y: -300%; --pos-xm: 0%; --pos-ym: -150%;">
<img src="/src/assets/splash/go.svg" alt="Language: GO">
</div>
<div class="animated-icon" style="--pos-x: 285%; --pos-y: -93%; --pos-xm: 143%; --pos-ym: -47%;">
<img src="/src/assets/splash/c++.svg" alt="Language: C++">
</div>
<div class="animated-icon" style="--pos-x: 176%; --pos-y: 243%; --pos-xm: 88%; --pos-ym: 122%;">
<img src="/src/assets/splash/python.svg" alt="Language: Python">
</div>
<div class="animated-icon" style="--pos-x: -176%; --pos-y: 243%; --pos-xm: -88%; --pos-ym: 122%;">
<img src="/src/assets/splash/c.svg" alt="Language: C">
</div>
<div class="animated-icon" style="--pos-x: -285%; --pos-y: -93%; --pos-xm: -143%; --pos-ym: -47%;">
<img src="/src/assets/splash/java.svg" alt="Language: Java">
</div>
<div class="text">
<div class="audio-shader">
<div class="shader" data-id="video">
<img src="/src/assets/splash/video.svg" alt="Icon: videocall">
<div class="description">video</div>
</div>
<div class="shader" data-id="microphone">
<img src="/src/assets/splash/microphone.svg" alt="Icon: microphone">
</div>
<div class="shader" data-id="quit">
<img src="/src/assets/splash/close.svg" alt="Icon: close call">
<div class="description">leave</div>
</div>
</div>
</div>
</div>
</body>
<script src="/src/app/main.base.js" type="module"></script>
</html>