-
Notifications
You must be signed in to change notification settings - Fork 5
/
smp.html
124 lines (124 loc) · 4.28 KB
/
smp.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
<!DOCTYPE html>
<html>
<head>
<title>CBSC</title>
<meta name="description" content="Minecraft Information" />
<link rel="stylesheet" href="src/desktop.css" />
</head>
<body>
<div id="navbar">
<div class="navbutton" onclick="window.location.href='index.html'">
<a href="index.html"><i icon-name="home" class="icon"></i>Home</a>
</div>
<div class="navbutton" onclick="window.location.href='blog.html'">
<a href="blog.html"><i icon-name="newspaper" class="icon"></i>News</a>
</div>
<div class="navbutton" onclick="window.location.href='tools.html'">
<a href="tools.html"><i icon-name="package" class="icon"></i>Tools</a>
</div>
<div class="navbutton" onclick="window.location.href='smp.html'">
<a href="smp.html" id="mc"
><i icon-name="sword" class="icon"></i>Minecraft</a
>
</div>
<div class="navbutton" onclick="window.location.href='clubs.html'">
<a href="clubs.html"
><i icon-name="users" class="icon"></i>Join a Club!</a
>
</div>
</div>
<div style="text-align: center; padding: 1%">
<img src="img/CBMC-Logo.jpg" alt="discord logo" width="15%" />
</div>
<h1 style="text-align: center">
Come join fellow Students on the Colonel By Minecraft Server!
</h1>
<div class="boxList">
<div class="descbox">
<h3>
Mine, Craft, Build, Fight and more on the Colonel By Minecraft Server!
</h3>
<p>
The Colonel By Minecraft server is a semi-vanilla survival multiplayer
server for members of the CBSC.
</p>
<p>
Here you can team up and hang out with fellow students here, hanging
out and building in the safe zone, or making your mark in a dangerous
anarchy pvp world!
</p>
</div>
</div>
<div class="boxList">
<div class="mcbox">
<h3>Build</h3>
<img src="img/mcPic1.png" alt="simple house in minecraft" width="75%" />
<p>
Create a base, grind for gear, search for hidden relics or rare
structures
</p>
<p>Play Minecraft your way</p>
</div>
<div class="mcbox">
<h3>Upgrade</h3>
<img src="img/mcPic2.png" alt="An upgraded house" width="75%" />
<p>
No matter how you play, there is always a way to improve your house,
your gear and your alliances with a vibrant community
</p>
</div>
<div class="mcbox">
<h3>Explore</h3>
<img
src="img/mcPic3.png"
alt="A shot of a mountain and the forest below"
width="75%"
/>
<p>
Minecraft worlds are always vast and amazing, and we choose the world
we're using just for that purpose. Full of mountain ranges, vallies
and rivers, there is no limit to interesting terrain to explore
</p>
</div>
<div class="mcbox">
<h3>Socialize</h3>
<img src="img/mcPic4.png" alt="AntiSocial-ness" width="75%" />
<p>
Whether peaceful or combative, there are many ways to interact with
fellow students
</p>
</div>
</div>
<div id="comunicationsBox" class="box" style="height: auto; padding: 2%; width: 90%">
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSc-U5Mp3PD_iYifAFs4Oo7MsYrkbx3tLf1TEGgQL3LoISGv_Q/viewform?usp=sf_link"
target="_blank"
><h1 style="color: #dbb32d">Join</h1></a
>
<div style="padding: 1%">
<img src="img/discord-mark-white.svg" alt="discord logo" width="8%" />
</div>
<p>
If you want to join or learn more about the CBSC Minecraft server, check
out the Discord server!
</p>
</div>
<script src="https://unpkg.com/lucide@latest"></script>
<script>
lucide.createIcons();
</script>
<script>
var theme = document.getElementsByTagName("link")[0];
if (
navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/iPhone/i)
) {
theme.setAttribute("href", "src/mobile.css");
console.log("Set CSS to Mobile");
} else {
theme.setAttribute("href", "src/desktop.css");
console.log("Set CSS to Desktop");
}
</script>
</body>
</html>