-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
120 lines (118 loc) · 5.59 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<html>
<head>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link rel="stylesheet" media="screen and (min-width: 2px)" href="/assets/css/screen.css">
</head>
<body style="overflow: hidden;">
<div id="player" style="display: none;">
</div>
<section id="logo">
<div class="logo_empty_container">
<div class="logo_nofill"></div>
</div>
<div class="logo_fill_container">
<div class="over_fill" id="over_fill">
<div class="logo_fill"></div>
</div>
</div>
</section>
<section id="bg">
<div class="gradient"></div>
<img src="./assets/images/background/person_right.png" class="person">
<img src="./assets/images/background/smog.png" class="smog">
<div class="light_ellipse"></div>
<img src="./assets/images/background/bottom_right.png" class="bottom_right">
<img src="./assets/images/background/top_left.png" class="top_left">
<div class="fire_flakes">
<img src="./assets/images/background/fire_flakes.png">
</div>
<img src="./assets/images/background/countries_left_bf.png" class="countries">
</section>
<section id="content">
<div class="container">
<div class="loading_container">
<div class="texts">
<p class="p-text1" id="your_game_is">YOUR GAME IS...</p>
<p class="p-text2" id="loading_is">LOADING</p>
</div>
<div class="loading_area">
<ul id="loading_counts">
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
<li id="unactive"></li>
</ul>
<p class="p-text1" id="loading_percentage">0%</p>
</div>
</div>
<div class="social_media_container">
<ul>
<li class="dc_top" id="discord">
<img src="./assets/images/icons/discord_icon.png" class="discord">
<p id="discord_name">DISCORD</p>
</li>
<li class="yt_top" id="youtube">
<img src="./assets/images/icons/youtube_icon.png" class="youtube">
<p id="youtube_name">DISCORD</p>
</li>
<li class="insta_top" id="instagram">
<img src="./assets/images/icons/instagram_icon.png" class="instagram">
<p id="instagram_name">INSTAGRAM</p>
</li>
</ul>
</div>
<div class="qa_container">
<div class="texts_container">
<div class="box_lighten"></div>
<div class="texts">
<p class="p-text1" id="QA_header"></p>
<p class="p-text2" id="QA_answer"></p>
</div>
</div>
</div>
<div class="authors_container">
<div class="author_contaner">
<div class="author">
<div class="texts">
<p class="p-text1" id="project_1"></p>
<p class="p-text2" id="name_1"></p>
</div>
</div>
</div>
<div class="author_contaner">
<div class="author2">
<div class="texts">
<p class="p-text1" id="project_2"></p>
<p class="p-text2" id="name_2"></p>
</div>
</div>
</div>
<div class="tumbler_container">
<div class="tumbler">
<div class="tumbler_track">
<div class="point" id="tumbler_point"></div>
</div>
<div class="texts">
<p class="p-text1" id="sound_name">Sound</p>
<p class="p-text1" id="sound_tags"><span id="tumbler_on">ON</span> OR <span id="tumbler_off">OFF</span></p>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
<script type="module" src="./assets/js/script.js"></script>
</html>