-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
390 lines (356 loc) · 16.2 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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
<!DOCTYPE html>
<meta charset="UTF-8">
<meta lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Splatcraft, Splatcraft wiki">
<!--for fuck sake why am i doing this lmao -->
<head>
<title>Splatcraft Wiki | Main Page</title>
<link rel="icon" type="image/x-icon" href="images/splatcraft-icon.ico">
<link rel="stylesheet" href="css files/main.css">
</head>
<style>
.container-search {
width: 150%;
height: 20%;
size: 150%;
padding-left: 20%;
background-image: linear-gradient(rgba(0, 8, 51, 0.9));
background-position: center;
background-size: cover;
}
.container-search input {
width: 70%;
height: 30%;
}
#sticky-div {
position: fixed;
width: 100%;
top: 0;
left: 0;
font-size: 30px;
color: rgb(0, 0, 0);
background-color: white;
z-index: 100;
height: 75px;
text-orientation: inherit;
padding-top: 15px;
padding-right: 2%;
padding-left: 2%;
border-bottom: solid #aadc00 5px;
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.5);
justify-content: space-between;
flex-direction: row;
display: flex;
}
#splatlogo::after {
border-radius: 20%;
}
#hr-blue {
border: none;
&:before {
content: "";
display: block;
position: absolute;
right: 5px;
max-width: 100%;
width: 80%;
border: 1px solid #26229F;
left: 7%;
}
}
.no-decor {
text-decoration: none;
font-weight: normal;
left: 0;
text-align: left;
padding-left: 10%;
width: 100%;
padding-right: 10%;
}
#hr-orange {
border: none;
&:before {
content: "";
display: block;
position: absolute;
right: 5px;
max-width: 100%;
width: 80%;
border: 1px solid #fb5c03;
left: 7%;
}
}
.no-decor {
text-decoration: none;
font-weight: normal;
left: 0;
text-align: left;
padding-left: 10%;
width: 100%;
padding-right: 10%;
line-height: 150%;
}
</style>
<body>
<div class="sardinium">
</div>
<div id="sticky-div">
<div id="header-pos">
</div>
<a href="index.html">
<img src="images/splatcraftlogobig.png" width="210">
</a>
<div class="container-search">
<form action="/action_page.php">
<input type="text" placeholder="Search..." name="search">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
<div class="background">
<div style="position:sticky; top: 37%;">
<div style="float:left; position:fixed; left:4%; top:11%;">
<div class="splatlogo">
<img src="images/logo-square.png" style="width:200px">
</div>
</div>
<div id="sidebar">
<table>
<tr>
<th>
<div style=" font-weight: normal;
font-size: 1.4em; padding-left:20%;">
Navigation
<hr id="hr-blue">
</div>
</th>
</table>
<table style="margin-top:4%">
<tr>
<th class="no-decor">
<a href="index.html">
Main page
</a>
</th>
</tr>
<tr>
<th class="no-decor">
<a href="developers.html">
Mod devs
</a>
</th>
</tr>
<tr>
<th class="no-decor">
<a href="policy.html">
Policy
</a>
</th>
</tr>
<tr>
<th class="no-decor" >
<a href="help.html">
Help
</a>
</th>
</tr>
</table>
<p style="margin:12%">
</p>
<table>
<tr>
<th>
<div style=" font-weight: normal;
font-size: 1.4em; padding-left:20%;">
Explore
<hr id="hr-orange">
</div>
</th>
</table>
<table>
<tr>
<th class="no-decor">
Weapons
</th>
</tr>
<tr>
<th class="no-decor">
Blocks
</th>
</tr>
<tr>
<th class="no-decor">
Entities
</th>
</tr>
<tr>
<th class="no-decor">
Blocks
</th>
</tr>
</table>
<p style="margin:12%">
</p>
</div>
</div>
<div class="wiki-overlay">
<div class="table-version">
<p style="height:5%">
Current Version: <a href=""><em id = "modVersion">3.1.3</em></a><br>
<script>
async function version(){
githubText = await fetch("https://raw.githubusercontent.com/splatcraft/splatcraft-forge/1.16.5/stable/gradle.properties")
await githubText.text().then(
(data) => {
githubText = data
}
)
document.getElementById("modVersion").innerHTML = /(?<=mod_version=)\d*.\d*.\d*/gm.exec(githubText)
}
version()
</script>
</p>
<table style="text-align:left; padding-left: 10%; padding-right: 10%;">
<tr>
<th>
<img src="images/splattershot.png" width="20">
<a href="weapons.html">
Weapons
</a>
</th>
<th>
<a href="salmon_run.html">
Salmon Run
</a>
</th>
<th>
<a href="splatfest.html">
Splatfest
</a>
</th>
</tr>
<tr>
<th>
<a href="devs.html">
About Devs
</a>
</th>
<th>
<a href="music.html">
Music
</a>
</th>
<th>
</th>
</tr>
</table>
</div>
<h1>What is Splatcraft?</h1>
<p>
Splatcraft is a Minecraft mod based on Nintendo’s popular game <a
href="https://wikipedia.org/wiki/Splatoon"><em>Splatoon</em></a>. This mod aims to add items and
mechanics based on the game in a cohesive way, such as weapons, squid transformation, Turf War and other
features.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare urna non leo faucibus, in porttitor lacus
tempor. Fusce ac tortor vitae magna scelerisque cursus. Nunc vulputate diam id egestas lacinia. In fermentum
ornare nibh, tristique blandit turpis ultricies ut. Vestibulum suscipit massa eu eros faucibus, vel finibus
sapien porta. Donec a est tincidunt, scelerisque neque at, lacinia tellus. Pellentesque sed molestie dui. Morbi
cursus nisi at libero interdum, a iaculis leo tincidunt. Ut tincidunt urna non mattis posuere. Cras id
consectetur eros. Morbi tempus tempor feugiat. Duis hendrerit placerat congue. Cras consequat, dolor id
ultricies porta, sapien enim maximus arcu, at tempor neque orci vel odio. Etiam ultrices rhoncus dui.
Suspendisse ullamcorper lacinia gravida. In metus justo, sollicitudin sit amet dapibus eu, sollicitudin eget
metus. Vestibulum vel diam porttitor nulla eleifend gravida nec ut est. Donec euismod velit at velit luctus
volutpat. Nullam hendrerit ac ex convallis dapibus. Vestibulum nunc arcu, sodales vel leo ut, convallis eleifend
lectus. Mauris non nibh orci.
Donec gravida et enim eu gravida. Orci varius natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Suspendisse mattis, risus id varius feugiat, est nunc egestas turpis, eu imperdiet nibh elit sed
turpis. In commodo tincidunt libero, at euismod eros varius vel. In vel semper tortor. Praesent eu nisl et
mauris mollis consectetur. Aliquam non volutpat justo.
Nunc venenatis justo ut nunc auctor, efficitur sodales lorem mollis. Aliquam ut risus ac quam malesuada
hendrerit. Proin sagittis fringilla justo id tempus. Vivamus sit amet aliquet tellus. Etiam efficitur luctus
vulputate. Duis nulla diam, auctor ac augue ut, rutrum convallis nisl. Suspendisse nec elementum orci, a
pulvinar sem.
Morbi vitae augue purus. Praesent rhoncus sagittis ex, sed mattis nunc condimentum sit amet. Fusce viverra a leo
ut finibus. In hac habitasse platea dictumst. Curabitur ac tellus placerat, dapibus massa et, vehicula leo.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean auctor
bibendum velit ut venenatis.
Morbi finibus varius pharetra. Morbi vitae nisl congue, iaculis diam vitae, sagittis ex. Donec vitae varius
elit. Integer mollis at nulla et luctus. Fusce ex lacus, consequat at finibus eget, finibus sed justo. Fusce
fermentum tristique ullamcorper. Aenean iaculis lorem sit amet tortor ultricies, vel sodales dolor condimentum.
Quisque elementum lacus ut ex mattis, quis semper arcu condimentum. Sed interdum vestibulum pharetra. Nunc
lectus sapien, elementum eget neque sed, hendrerit cursus nibh. Donec sit amet ipsum fermentum, volutpat augue
ac, tempor lorem. Etiam fermentum mauris sit amet metus vehicula malesuada. Etiam ut malesuada tellus. Aliquam
at tempor lacus. Nulla eget viverra tortor.
Mauris dictum, lectus vel scelerisque consequat, dui dui facilisis massa, eget dapibus tellus quam sit amet mi.
Proin nec sapien viverra, lacinia eros ornare, porta tellus. Proin pharetra justo et venenatis suscipit. Etiam
aliquam bibendum lectus, quis vestibulum diam ullamcorper nec. Ut laoreet mattis erat sed rhoncus. Donec
facilisis tempor ex, eu hendrerit eros aliquam quis. Duis varius tellus sit amet neque consectetur, ut vehicula
ante rutrum.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin mattis nisi semper justo semper
sollicitudin. Nunc fringilla enim eu metus malesuada, sit amet rutrum purus laoreet. Duis id quam nec lorem
lobortis sollicitudin. Suspendisse eget ultrices est. Aenean sit amet arcu ac ante eleifend commodo a sit amet
libero. Morbi ultricies purus id tellus molestie placerat. Donec hendrerit risus est, sed vehicula nisi congue
ut. Nam id tortor nisl. Proin ut ornare lorem, eu convallis turpis. Sed volutpat, enim efficitur vestibulum
viverra, est nisi sodales purus, ut mattis ipsum nunc quis ante. Vestibulum quis est tortor. Nunc a ex
vulputate, accumsan libero sed, commodo arcu. Orci varius natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Nulla eu ex sit amet tellus suscipit ullamcorper. Maecenas commodo, urna quis tincidunt
mattis, leo urna maximus mauris, vel porttitor mauris ipsum sed orci.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi feugiat
lacinia nibh vitae posuere. Vivamus gravida felis ligula, in eleifend ligula vestibulum eu. Aliquam feugiat
velit quis tortor laoreet tempor. Proin sit amet eros ut nisi ullamcorper consectetur at ac ex. Proin fringilla
tempor sapien tincidunt mollis. Integer odio nibh, hendrerit facilisis turpis a, auctor suscipit nisl.
Vestibulum bibendum, neque ut facilisis vestibulum, purus urna maximus ligula, aliquet mollis diam nisi at
ipsum. Ut nec pellentesque ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia curae; In hac habitasse platea dictumst. Aliquam cursus faucibus quam sed egestas. Duis dapibus
fermentum mollis.
Morbi nulla quam, blandit a tortor nec, finibus interdum justo. In sed leo quis ex aliquet molestie at ac neque.
Aenean a consequat lorem, vitae lacinia eros. Donec sed volutpat erat. Vivamus imperdiet consequat convallis.
Nullam eu velit at dui finibus rutrum. Nam in leo bibendum, malesuada sapien non, suscipit orci. Nam porta
mollis fermentum. Sed ultricies odio vitae nisl lobortis blandit. Donec ut iaculis justo, eu varius dolor. Donec
accumsan tristique nisl, vitae lobortis est faucibus sed. Mauris faucibus neque imperdiet nunc consequat mollis.
Duis luctus justo eu nulla mollis, at egestas odio posuere.
Duis efficitur et leo in eleifend. Nulla facilisi. Vestibulum eu libero erat. Maecenas at lacus bibendum erat
dictum lobortis. Fusce non justo eget quam sagittis dictum at vel massa. Praesent feugiat mollis justo dignissim
fringilla. Mauris dapibus eu dui eu maximus. Integer auctor tempus lectus a porttitor. Mauris non iaculis
tortor, id dapibus est. Vestibulum porta gravida sollicitudin.
Cras vel commodo lectus. Fusce eget euismod erat. Fusce egestas lectus faucibus felis dignissim, pellentesque
sollicitudin odio pellentesque. Maecenas ac auctor sapien, sed fermentum dui. In varius sem et lectus aliquet,
eget egestas ante tempor. Fusce feugiat enim ac nisi mollis, mattis porta nisl consectetur. Maecenas aliquam
aliquet nibh quis gravida. Donec venenatis nisi augue, id consectetur velit commodo at. Curabitur quis lectus
cursus, dignissim justo dapibus, ultrices purus. Integer ac auctor nunc. Proin condimentum nunc eu hendrerit
rhoncus. Curabitur quis diam dapibus, eleifend risus vitae, auctor eros. Curabitur vitae tellus volutpat,
eleifend ligula id, porttitor ante. Phasellus interdum gravida arcu.
Aenean sed orci id ipsum feugiat ornare. Vivamus ullamcorper ornare nunc. Duis quis arcu eu ipsum pretium rutrum
sit amet ut massa. Praesent gravida eros ultricies lacinia tincidunt. Pellentesque turpis eros, fringilla vel
ligula nec, aliquet varius nunc. Duis molestie, augue ac fringilla imperdiet, felis est feugiat nibh, in
ultrices leo nunc vel ipsum. Vivamus cursus porttitor risus, eu dictum quam sodales sit amet. Pellentesque
cursus purus eget odio bibendum, ac mattis sem tempor. In luctus neque ac sapien molestie, ut feugiat diam
ornare. Morbi laoreet ipsum urna, eu gravida elit pharetra ac. Mauris sed augue a magna suscipit semper. Duis
vitae cursus ante. Nam eu lacinia dolor. In et metus at justo ullamcorper ultricies. Fusce vitae eleifend quam,
in lobortis elit. Quisque posuere elit quis pharetra iaculis.
Sed sed nulla sit amet nisi euismod semper sit amet sit amet purus. Curabitur aliquam, tellus a ullamcorper
tempor, neque nunc faucibus elit, non vulputate justo nibh at tortor. Fusce tincidunt lacinia quam, ac posuere
diam pharetra sit amet. Donec ut orci non turpis sodales sagittis sed in turpis. Donec sit amet leo ultricies,
scelerisque purus quis, tempor magna. In pretium purus porta risus posuere vestibulum. Etiam ut neque ut tellus
eleifend egestas. Quisque quis metus eu mi ultrices elementum. Phasellus porttitor lobortis diam, ut ultrices
mauris rutrum id. In mollis, mi sed fringilla ultricies, nisi leo semper ligula, condimentum hendrerit sem odio
vitae sem. Vivamus leo turpis, imperdiet ut commodo ut, aliquet vitae nulla. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Integer purus tortor, accumsan ac nulla non, malesuada mollis turpis. Quisque ut
mauris a eros malesuada venenatis nec tempus urna.
Pellentesque imperdiet nibh ut mi eleifend, ut faucibus arcu volutpat. Ut eu quam id purus pulvinar gravida.
Proin ut hendrerit elit. Nunc molestie ante nec gravida lacinia. Donec elementum est vel metus laoreet, sit amet
efficitur ligula venenatis. Praesent ullamcorper, nisi sit amet euismod fringilla, nibh libero placerat ligula,
vitae fermentum leo orci vel mauris. In non mollis nibh. Nulla ultricies pulvinar bibendum. Mauris sit amet odio
eget ipsum pretium ultricies. Suspendisse vestibulum et justo eu commodo. Sed mattis turpis erat, id
pellentesque orci tristique ac. Mauris id tortor neque. Nunc tincidunt felis neque, et molestie purus porta
quis. Proin rhoncus nulla ipsum, aliquet fringilla nisi fringilla sit amet.
</p>
</div>
</div>
</body>
<footer>
</footer>
</html>