-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
76 lines (74 loc) · 4.27 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Home - Bowswa</title>
<meta property="og:title" content="Home - Bowswa" />
<meta name="theme-color" content="#083988">
<meta property="og:description" content="The official website for Bowswa!" />
<meta property="og:image" content="/media/favicon.png" />
<link rel="shortcut icon" href="media/favicon.png">
<!-- Styles -->
<link href="stylesheets/homepage.css" rel="stylesheet" type="text/css" />
<link href="stylesheets/footer.css" rel="stylesheet" type="text/css" />
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
</head>
<body>
<!-- Info:
1. For the background to function, you just need the JS file. Keep in mind, the background COLOR is also in the JS file.
2. The bg effect is really unoptimized.
-->
<img src='/media/Youtube_Banner_V2.png' class='banner'>
<iframe class='youtube' src="https://www.youtube.com/embed/KdPb1Uk71d8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class='buttons'>
<div class='btn-sec1'>
<div class='button' onclick='location.replace("#")'>
<span class="material-symbols-outlined icon">question_mark</span><br>
<span class="title">Coming Soon!</span><br>
<span class="desc">China</span>
</div>
<div class='button' onclick='location.replace("#")'>
<span class="material-symbols-outlined icon">question_mark</span><br>
<span class="title">Coming Soon!</span><br>
<span class="desc">China</span>
</div>
<div class='button' onclick='location.replace("#")'>
<span class="material-symbols-outlined icon">question_mark</span><br>
<span class="title">Coming Soon!</span><br>
<span class="desc">China</span>
</div>
</div>
<div class='btn-sec2'>
<div class='button' onclick='location.replace("#")'>
<span class="material-symbols-outlined icon">question_mark</span><br>
<span class="title">Coming Soon!</span><br>
<span class="desc">China</span>
</div>
<div class='button' onclick='location.replace("#")'>
<span class="material-symbols-outlined icon">question_mark</span><br>
<span class="title">Coming Soon!</span><br>
<span class="desc">China</span>
</div>
<div class='button' onclick='location.replace("#")'>
<span class="material-symbols-outlined icon">face</span><br>
<span class="title">About Me!</span><br>
<span class="desc">Coming Soon!</span>
</div>
</div>
</div>
<div id="footer">
<a id="footer-yt" href="https://www.youtube.com/c/Bowswa" target="_blank"><img class="footer-image" src="/media/footer/youtube.png" alt="My YouTube image link"></a>
<a id="footer-twitch" href="https://www.twitch.tv/bowswa" target="_blank"><img class="footer-image" src="/media/footer/twitch.png" alt="My Twitch image link"></a>
<a id="footer-twitter" href="https://twitter.com/opsylon23452" target="_blank"><img class="footer-image" src="/media/footer/twitter.png" alt="My Twitter image link"></a>
<a id="footer-discord" href="https://discord.gg/ntRb7Nw7Xt" target="_blank"><img class="footer-image" src="/media/footer/discord.png" alt="My Discord image link without hover"><div class='ping'>𝟣</div><!--The 1 is a special character. Found it on https://lingojam.com/FancyTextGenerator--></a>
</div>
<!-- Yup! All the background CSS is stored in the JS file. Crazy, I know -->
<script src='index_bg.js'></script>
<!-- Same for the loader :D, although it's kind of pointless because the actual page content loads before the loader, so you see the page content, then the loader, then the page content. Idk how to make the loader work so that it runs while the page is loading, but if you do, go for it!
<script src='loader.js'></script>-->
</body>
</html>