add 1.14 pack

public/home/clients/index.html

@@ -56,7 +56,9 @@
 						</ul>
 					</div>
 					<div class="main-content">
-						<img src="/resources/images/covers/clients.webp" class="cover-image" />
+						<div class="cover-image">
+							<img src="/resources/images/covers/clients.webp" />
+						</div>
 						<div class="installations">
 							<div class="custom-select-wrapper">
 								<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()">

public/home/game/index.html

@@ -56,7 +56,9 @@
 						</ul>
 					</div>
 					<div class="main-content">
-						<img src="/resources/images/covers/minecraft.webp" class="cover-image" />
+						<div class="cover-image">
+							<img src="/resources/images/covers/minecraft.webp" />
+						</div>
 						<div class="installations">
 							<div class="custom-select-wrapper">
 								<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()">

public/mobile/index.html

@@ -32,7 +32,9 @@
 						<span class="game-title">Mobile</span>
 					</div>
 					<div class="main-content">
-						<img src="/resources/images/covers/minecraft.webp" class="cover-image" />
+						<div class="cover-image">
+							<img src="/resources/images/covers/minecraft.webp" />
+						</div>
 						<div class="installations">
 							<button class="play-button" onclick="game.play('/game/web/main/1.8.8/?mobile=true')">Play</button>
 							<a class="play-button" style="text-decoration: none" href="/game/offline/mobile/EaglerPocketMobile_1.8.8.html" download>Download Offline</a>

public/resources/data/mods.json

@@ -139,6 +139,14 @@
 	],
 
 	"resourcepacks": [
+		{
+			"id": "updated-textures-for-1-8-9",
+			"name": "Updated Textures for 1.8.9",
+			"description": "This resource pack aims to backport textures and sounds from the Texture Update and onward to Minecraft version 1.8.9.",
+			"author": "Arky",
+			"authorLink": "https://www.planetminecraft.com/member/arky/",
+			"source": "https://www.planetminecraft.com/texture-pack/updated-textures-for-1-8-9/"
+		},
 		{
 			"id": "barebones-bossbars",
 			"name": "Barebones Bossbars",

public/resources/styles/themes/default.css

@@ -4,6 +4,10 @@
 }
 
 body {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
 	margin: 0;
 	font-family: sans-serif;
 	background-color: #1e1e1e;
@@ -11,11 +15,6 @@ body {
 	overflow: hidden;
 	background-image: none;
 	background-size: cover;
-
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
 }
 
 .ads-container {
@@ -133,6 +132,30 @@ nav {
 	flex-shrink: 0;
 }
 
+.top-menu ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	display: flex;
+}
+
+.top-menu ul li {
+	margin-right: 20px;
+	cursor: pointer;
+	font-size: 16px;
+	color: #ccc;
+	transition: color 0.2s;
+}
+
+.top-menu ul li.selected {
+	color: #fff;
+	font-weight: bold;
+}
+
+.top-menu ul li:hover {
+	color: #fff;
+}
+
 .game-title {
 	font-size: 18px;
 	font-weight: bold;
@@ -157,8 +180,8 @@ nav {
 }
 
 .main-content {
-	flex: 1;
 	display: flex;
+	flex: 1;
 	flex-direction: column;
 	background-color: #202020;
 	box-sizing: border-box;
@@ -173,6 +196,12 @@ nav {
 	flex: 1;
 	width: 100%;
 	height: 100%;
+}
+
+.cover-image img {
+	flex: 1;
+	width: 100%;
+	height: 100%;
 	object-fit: cover;
 }
 
@@ -419,41 +448,6 @@ nav {
 	background-color: #00cc00;
 }
 
-.top-menu {
-	background-color: #2c2c2c;
-	padding: 10px 20px;
-	display: flex;
-	justify-content: space-around;
-	align-items: center;
-	color: #ddd;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-	flex-shrink: 0;
-}
-
-.top-menu ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	display: flex;
-}
-
-.top-menu ul li {
-	margin-right: 20px;
-	cursor: pointer;
-	font-size: 16px;
-	color: #ccc;
-	transition: color 0.2s;
-}
-
-.top-menu ul li.selected {
-	color: #fff;
-	font-weight: bold;
-}
-
-.top-menu ul li:hover {
-	color: #fff;
-}
-
 .mod-list {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
@@ -480,9 +474,10 @@ nav {
 }
 
 .mod-item .mod-icon img {
-	max-width: 100%;
+	width: 100%;
-	max-height: 100%;
+	height: 100%;
 	border-radius: 5px;
+	object-fit: cover;
 }
 
 .mod-item .mod-details {