-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (67 loc) · 3.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Exclave</title>
<script src="logic.js"></script>
<link rel="stylesheet" type="text/css" href="main.css" media="screen">
<!--Import Nunito font-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap" rel="stylesheet">
<!--Import Roboto font-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<div id="nav">
<div id="top-bar"></div>
<nav id="nav-tab">
<ul>
<li>Home</li>
<li>Announcements</li>
<li id="exclave-li"><h1>Exclave</h1></li>
<li>Social Media</li>
<li><a href="https://discord.gg/SCUnYZkd36" target="_blank">Join Us!</a></li>
</ul>
</nav>
<button id="toggleTab" onclick="toggleTab()">Hide</button>
</div>
<br><br><br><br><br><br>
<section id="home-page">
<article id="textbox">
<header>
<h2>Welcome</h2>
</header>
<p>
Welcome to the Exclave! We are a community that plays games like Minecraft, Among Us, Sea of Thieves, CS:GO, Rainbow Six: Siege, and many more games.
After reading this, please find your way to #rules so that you can enjoy your stay with everyone else. Then, go the #role-assign and react to the roles for
the games that you intend to play. Please try to keep conversations in their appropriate channels so as not to confuse anyone intending to join in.
To put it simply, if you're talking about the news, put it in #politics-philosophy, if you're talking about something not related to any channels available to you,
put it in #general. You are free to contact anyone with the @Staff role for assistance in public or in their DM's, we don't bite. We hope you have a pleasant stay!
</p>
<footer class="author">
<p>-DaFrancc</p>
</footer>
</article>
<article id="textbox" class="notfirst">
<header>
<h2>Rules</h2>
</header>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<footer class="author">
<p>-DaFrancc</p>
</footer>
</article>
<br><br><br><br><br><br><br>
<a id="bottom-join-a" href="https://discord.gg/SCUnYZkd36" target="_blank">Ready to join?</a>
<br><br><br><br>
</section>
<footer id="footer">
The Exclave Group
</footer>
<div id="bottom-bar"></div>
</div>
</body>
</html>