forked from Legacy-Fabric/legacyfabric.net
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (67 loc) · 3.06 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Legacy Fabric - Home</title>
<meta property="og:site_name" content="Legacy Fabric - Home">
<meta property="og:title" content="Legacy Fabric">
<meta property="og:url" content="https://legacyfabric.net/">
<meta property="og:image" content="https://legacyfabric.net/res/img/logo.png">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:description" content="The home of legacy version support for Fabric.">
<link href="res/css/main.css" type="text/css" rel="stylesheet">
<link href="res/css/index.css" type="text/css" rel="stylesheet">
</head>
<body>
<nav>
<a class="main-nav" href="/">
<img src="res/img/logo.png" alt="" width="32" height="32">
Legacy Fabric
</a>
<a href="/downloads.html">Downloads</a>
<a href="/mods.html">Mods</a>
<a href="https://github.com/Legacy-Fabric/">Source</a>
<a href="/discord">Discord</a>
<a href="https://status.legacyfabric.net">Status</a>
</nav>
<div class="page-content">
<h1>The home of legacy version support for Fabric</h1>
<p>Legacy Fabric is a project based on the <a href="https://fabricmc.net">Fabric Project</a>. Its two main
priorities are to keep parity with upstream and to support as many legacy versions as
possible.</p>
<p>We currently support versions: 1.3 - 1.14 Snapshots</p>
<div style="height: 90px;"></div>
<h3>Showcase:</h3>
<div class="gallery">
<img id="gallery-image" src="" alt="Image Failed To Load">
<p class="gallery-text" id="gallery-subtitle">[subtitle]</p>
<p class="gallery-text" id="gallery-count" style="font-size: 12px; bottom: -10px;">[count]</p>
<p class="gallery-prev" onclick="prevImage();">❮</p>
<p class="gallery-next" onclick="nextImage();">❯</p>
</div>
</div>
<script>
let imageIndex = 0;
const images = [
"res/img/showcase/dev.png", "res/img/showcase/drawers.png", "res/img/showcase/hypixel.png",
"res/img/showcase/meta.png", "res/img/showcase/modmenu.png", "res/img/showcase/wither.png"];
const subtitles = [ "Development", "Drawers mod", "Hypixel", "Meta API", "Modmenu", "Wither"];
setImage();
function setImage() {
document.getElementById('gallery-image').src = images[imageIndex];
document.getElementById('gallery-subtitle').innerHTML = subtitles[imageIndex];
document.getElementById('gallery-count').innerHTML = imageIndex + 1 + " / " + images.length;
}
function nextImage() {
imageIndex = (imageIndex + 1) % images.length;
setImage();
}
function prevImage() {
// Bruh because javascript remainder is wack
imageIndex = imageIndex === 0 ? images.length - 1 : imageIndex - 1;
setImage();
}
</script>
</body>
</html>