-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (160 loc) · 7.19 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Crucible is a Forge + Bukkit hybrid based on Thermos, containing several patches, bug fixes and performance improvements.">
<meta name="keywords" content="Minecraft, Bukkit, Forge, Server, Thermos, Crucible, Modded, Spigot, Paper">
<meta name="author" content="CrucibleMC">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Crucible</title>
<link rel="icon" type="image/x-icon" href="./images/favicon.ico">
<link rel="stylesheet" href="./styles/bootstrap.min.css">
<link rel="stylesheet" href="./styles/styles.css">
<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=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://code.iconify.design/2/2.2.0/iconify.min.js"></script>
</head>
<body>
<header id="header" class="light-green">
<nav class="navbar navbar-expand-lg flex-container">
<a class="navbar-brand" href="#">
<img class="logo" src="./images/logo.png" alt="Logo" width="150" height="50">
</a>
<div class="collapse navbar-collapse menu-items">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#downloads-label">Downloads</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="https://github.com/CrucibleMC/Crucible" target="_blank">Project</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="https://discord.gg/jWSTJ4d" target="_blank">Discord</a>
</li>
</ul>
</div>
</nav>
</header>
<section id="home">
<div class="flex-container white home-base">
<div><h1>Empower your server with <br>Crucible today!</h1></div>
<div class="flex-container home-content">
<div>
<img src="./images/icon.png" alt="CrucibleMC logo">
</div>
<div class="flex-container text-container">
<p>Crucible is a Forge + Bukkit hybrid based on Thermos,<br> containing several patches,<br> bug fixes and performance improvements.</p>
</div>
</div>
</div>
<img src="./images/Vector.svg" alt="">
</section>
<section id="about" class="light-gray">
<div class="flex-container about-base">
<div><h1>About Crucible</h1></div>
<div class="flex-container about-icons">
<div class="flex-content about-icons-item">
<div class="about-icons-item-container flex-content dark-gray">
<span class="material-icons">rocket_launch</span>
</div>
<p>
Crucible is <br>Optimized
</p>
</div>
<div class="flex-content about-icons-item">
<div class="about-icons-item-container flex-content dark-gray">
<span class="material-icons">build</span>
</div>
<p>
Updated <br>Build System
</p>
</div>
<div class="flex-content about-icons-item">
<div class="about-icons-item-container flex-content dark-gray">
<span class="material-icons">library_books</span>
</div>
<p>
Updated <br>Libraries
</p>
</div>
<div class="flex-content about-icons-item">
<div class="about-icons-item-container flex-content dark-gray">
<span class="material-icons">group</span>
</div>
<p>
Active <br>Community
</p>
</div>
</div>
<div class="about-text">
<p>
Crucible is designed to offer the best in between performance and mod+plugin compatibility,<br>
capable of running at a stable TPS on heavily modded server and only punishing<br>
those who are lagging your server with per chunk tick limit (everything can be configured).
</p>
</div>
<div class="flex-content statistics">
<div><h3>Crucible Statistics</h3></div>
<div class="flex-content statistics-items">
<div>
<p>Current Servers: $servers</p>
</div>
<div>
<p>Players: $players</p>
</div>
<div>
<p>Stars: $stars</p>
</div>
</div>
</div>
</div>
</section>
<section id="downloads">
<img src="./images/topper-waves.svg" alt="">
<div class="flex-container downloads-container">
<div class="downloads-title" id="downloads-label"><h1>Downloads</h1></div>
<div class="flex-container downloads-items-container">
<div class="download-item">
<div class="download-item-title light-green">
<p>$type</p>
</div>
<div class="download-item-body light-gray">
<div class="title-text">
<h2>$title</h2>
</div>
<div class="body-text">
<h2>$version</h2>
</div>
<div class="released">
<p>Released $released</p>
</div>
</div>
<div class="flex-content download-item-button light-gray">
<a href="$url" target="_blank" class="btn">
<p>DOWNLOAD</p>
</a>
</div>
</div>
</div>
</div>
<img src="./images/bottom-waves.svg" alt="">
<script src="./scripts/script.js"></script>
</section>
<footer>
<div class="light-gray">
<div class="flex-container footer">
<p>© 2022 CrucibleMC</p>
</div>
</div>
</footer>
</body>
</html>