-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
159 lines (140 loc) · 6.68 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!--My discord: digitalranger | Joint discord server: https://discord.gg/4VwXy4aDBd -->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<!--Custom fonts-->
<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=Montserrat:wght@700&display=swap" rel="stylesheet">
<!--Custom fonts-->
</head>
<body class="sky noselect">
<div class="menu-container">
<div class="arrow-up">
<img src="img/ARROW_UP.png" width="1.75%">
<span class="menu-text">VOLUME UP</span>
</div>
<div class="arrow-down">
<img src="img/ARROW_DOWN.png" width="1.75%">
<span class="menu-text">VOLUME DOWN</span>
</div>
<div class="music-change">
<img src="img/ARROW_LEFT.png" width="1.75%">
<img src="img/ARROW_RIGHT.png" width="1.75%">
<span class="menu-text">CHANGE MUSIC</span>
</div>
<div class="space">
<img src="img/SPACE.png" width="4%">
<span class="menu-text" id="text">MUTE</span>
</div>
</div>
<div class="discord">
<a href="https://discord.gg/4VwXy4aDBd" target="_blank" rel="noopener noreferrer" onclick="window.invokeNative('openUrl', 'https://discord.gg/4VwXy4aDBd');"><img src="img/Discord.png"></a>
</div>
<div class="tiktok">
<a href="https://www.youtube.com/@digitalrangertv" target="_blank" rel="noopener noreferrer" onclick="window.invokeNative('openUrl', 'https://www.youtube.com/@digitalrangertv');"><img src="img/Tiktok.png"></a>
</div>
<div class="website">
<a href="https://ko-fi.com/bebikdev" target="_blank" rel="noopener noreferrer" onclick="window.invokeNative('openUrl', 'https://ko-fi.com/bebikdev');"><img src="img/Site.png"></a>
</div>
<div id="circleG">
<div class="shaded-text">JOINING SERVER</div>
<div id="circleG_1" class="circleG"></div>
<div id="circleG_2" class="circleG"></div>
<div id="circleG_3" class="circleG"></div>
</div>
<div class="scroll-box">
<div class="header">
<span>STAFF TEAM</span>
</div>
<div class="person">
<img src="img/person1.png">
<span class="menu-text">Bebík<br>
<div class="owner-role"> Owner </div>
</span>
</div>
<div class="person">
<img src="img/person2.png">
<span class="menu-text">Bebík<br>
<div class="manager-role"> Manager</div>
</span>
</div>
<div class="person">
<img src="img/person3.png">
<span class="menu-text">Bebík<br>
<div class="developer-role"> Developer</div>
</span>
</div>
<div class="person">
<img src="img/person4.png">
<span class="menu-text">Bebík<br>
<div class="admin-role"> Admin</div>
</span>
</div>
<!-- You can add more through this example
<div class="person">
<img src="img/person5.png">
<span class="menu-text">Bebík<br>
Support
</span>
</div>
-->
</div>
<p class="namePlaceholder" id="namePlaceholder">
Welcome, <span style="color: #0084ff;"></span>! <span id="welcomeDisplay"></span>
</p>
<div class="textbox">
<div class="textboxh"><div class="heading-textbox">UPDATES / NEWS</div><div class="date">LAST UPDATED: 16:35 2023-06-07</div></div>
<p>Lorem ipsum dolor sit amet <span class="blue-text">consectetur adipisicing</span> elit. Asperiores hic temporibus nemo commodi
tempora dignissimos alias. Nisi ipsam magni voluptas <span class="blue-text">illo</span> exercitationem esse quasi alias,
consequatur, deserunt quaerat est iusto.<br><br>
<span class="blue-text">Lorem</span>, ipsum dolor sit amet consectetur adipisicing elit. Rem nostrum temporibus, in, nesciunt
odio libero accusantium saepe amet id, <span class="blue-text">suscipit explicabo</span> voluptates fugiat sit eum sunt maxime
ipsum adipisci a.</p>
</div>
<div class="textbox2">
<div class="textboxh"><div class="heading-textbox">BASIC SERVER INFORMATION</div></div>
<p>Lorem ipsum dolor sit amet <span class="blue-text">consectetur adipisicing</span> elit. Asperiores hic temporibus nemo commodi
tempora dignissimos alias. Nisi ipsam magni voluptas <span class="blue-text">illo</span> exercitationem esse quasi alias,
consequatur, deserunt quaerat est iusto.<br><br>
<span class="blue-text">Lorem</span>, ipsum dolor sit amet consectetur adipisicing elit. Rem nostrum temporibus, in, nesciunt
odio libero accusantium saepe amet id, <span class="blue-text">suscipit explicabo</span> voluptates fugiat sit eum sunt maxime
ipsum adipisci a.</p>
</div>
<div class="load">
<div class="loader">
<div class="stroke"></div>
<div class="stroke"></div>
<div class="stroke"></div>
</div>
<div class="songname">
<div class="slide-right">
<p id="songname">Akacia - Electric [NCS Release]</p>
</div>
</div>
</div>
<div class="video-background video-container noselect">
<iframe width="150%" height="150%" src="https://www.youtube.com/embed/o9tVz3JbjEs?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&mute=1" frameborder="0"></iframe>
</div>
<!--Video is changable. When you are inserting the video make sure that it is in embed format
video I used: https://www.youtube.com/watch?v=o9tVz3JbjEs&ab_channel=GamingCZE11
Video that I used is completly FREE provided by author for this loading screen
-->
<div class="background noselect" class="noselect">
<div class="img-center" class="noselect">
<img src="logo/logo.png" width="300">
</div>
</div>
<!-- Song that I used is NCS song Akacia - Electric [NCS Release]
original link for song:https://ncs.io/akaciaelectric
song is changable in a folder song -->
<audio id="loading" src="song/song2.mp3" autoplay="true" hidden="true" loop="true"></audio>
<div class="background">
<div class="img-center">
</div>
</div>
<script src="script/main.js"></script>
</body>
</html>