-
Notifications
You must be signed in to change notification settings - Fork 12
/
mods.html
82 lines (73 loc) · 3.38 KB
/
mods.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Legacy Fabric - Mods</title>
<meta property="og:site_name" content="Legacy Fabric - Mods">
<meta property="og:title" content="Legacy Fabric">
<meta property="og:url" content="https://legacyfabric.net/mods.html">
<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/mods.css" type="text/css" rel="stylesheet">
<script src="res/mods.js"></script>
</head>
<body onload="loadVersions(); showVersion('1.8.9')">
<nav>
<a class="main-nav" href="/">
<!--suppress CheckImageSize -->
<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">
<h2>Mod compatibility status</h2>
<p>This isn't an official list of mods. More mods exist, but these are the ones tested by the community.<br>
Please Feel free to add mods to <a href="https://github.com/Legacy-Fabric/legacyfabric.net/blob/master/res/mods.js">
the list</a>! This is community generated, and needs contribution to stay relevant.</p>
<label for="version-select">Minecraft Version:</label>
<select id="version-select" onchange="showVersion(this.value);"></select>
<div style="height: 10px;"></div>
<table id="mods-table">
<tr>
<th>Name</th>
<th>Links</th>
<th>Working <span title="Some mods don't currently work due to being compiled with outdated intermediaries. Contact their respective developers if you want the mods fixed.">(?)</span></th>
</tr>
</table>
</div>
<script>
function loadVersions() {
let newHtml = "";
for (const version of versions) {
const selected = version === "1.8.9" ? " selected" : "";
newHtml += `<option value="${version}" ${selected}>${version}</option>`;
}
document.getElementById("version-select").innerHTML = newHtml;
}
function showVersion(version) {
const table = document.getElementById("mods-table");
while (table.children.length > 1) {
table.removeChild(table.lastChild)
}
for (const mod of getModsInVersion(version)) {
const tr = document.createElement("tr");
let links = "";
for (const [site, link] of Object.entries(mod["links"])) {
links += `<a href=\"${link}\"><img src="res/img/logos/${site}.svg" class="mod-link" alt="${site}"></a>`;
}
const working = mod.working ? "✔️" : "❌️";
tr.innerHTML = `<td>${mod.name}</td><td>${links}</td><td>${working}</td>`;
table.appendChild(tr);
}
}
</script>
</body>
</html>