update 1.9, add tutorials

public/articles/index.html

@@ -83,39 +83,80 @@
 			<div class="article-content">
 				<span class="close-button" onclick="article.close()">&times;</span>
 				<h1>How To Make An Eaglercraft Server</h1>
-				<h4>Written by zumbiepig</h4>
+				<h5>Written by ServerDotSo and revised by zumbiepig</h5>
-				<p>hello 6</p>
+				<p>Have you ever wondered how to make an Eaglercraft Server?</p>
-				<p>hello</p>
+				<p>In this guide, we will be going over how to setup your own Eaglercraft server.</p>
-				<p>hello 6</p>
+				<h3>Prerequisites</h3>
-				<p>hello</p>
+				<ul>
-				<p>hello 6</p>
+					<li>A server/computer with stable internet access and decent bandwidth</li>
-				<p>hello</p>
+					<li>Java 17 installed (Get it from <a href="https://adoptium.net/temurin/releases/?version=17" target="_blank">here</a>)</li>
-				<p>hello 6</p>
+					<li>Basic knowledge of your OS's command-line/terminal</li>
-				<p>hello</p>
+					<li>Access to your network router (for port forwarding)</li>
-				<p>hello 6</p>
+				</ul>
-				<p>hello</p>
+				<h3>Step 1: Set Up Bungee</h3>
-				<p>hello 6</p>
+				<ol>
-				<p>hello</p>
+					<li>Download the latest version of Bungee from <a href="https://ci.md-5.net/job/BungeeCord/lastSuccessfulBuild/artifact/bootstrap/target/BungeeCord.jar" target="_blank">here</a>.</li>
-				<p>hello 6</p>
+					<li>Create a new directory for your server and place the Bungee JAR file in it</li>
-				<p>hello</p>
+					<li>
-				<p>hello 6</p>
+						Create a start script (e.g., <code>start.bat</code> for Windows or <code>start.sh</code> for Linux) with the following content:
-				<p>hello</p>
+						<pre><code>java -Xms512M -Xmx512M -jar bungee.jar</code></pre>
-				<p>hello 6</p>
+					</li>
-				<p>hello</p>
+					<li>Run the start script to generate configuration files, then stop the server</li>
-				<p>hello 6</p>
+					<li>Edit the <code>config.yml</code> file to configure your proxy settings</li>
-				<p>hello</p>
+				</ol>
-				<p>hello 6</p>
+				<h3>Step 2: Set Up Backend Server</h3>
-				<p>hello</p>
+				<ol>
-				<p>hello 6</p>
+					<li>Download a compatible Minecraft server JAR (e.g., Paper)</li>
-				<p>hello</p>
+					<li>Set up the backend server in a separate directory</li>
-				<p>hello 6</p>
+					<li>
-				<p>hello</p>
+						Create a start script (e.g., <code>start.bat</code> for Windows or <code>start.sh</code> for Linux) with the following content:
-				<p>hello 6</p>
+						<pre><code>java -Xms1024M -Xmx1024M -jar server.jar</code></pre>
-				<p>hello</p>
+					</li>
-				<p>hello 6</p>
+					<li>Configure <code>server.properties</code> (Disable online mode, change the port, etc.)</li>
-				<p>hello</p>
+					<li>Configure <code>spigot.yml</code> to have this: <code>bungeecord: true</code></li>
-				<p>hello 6</p>
+					<li>If your server is on a different version than 1.8.8, you need to download the <a href="https://viaversion.com/setup" target="_blank">ViaVersion plugins</a>.</li>
-				<p>hello</p>
+					<li>Add the backend server to your Bungee <code>config.yml</code> by scrolling to the servers section and editing/adding an entry for your server, such as <code>localhost:port</code>.</li>
+				</ol>
+				<h3>Step 3: Install EaglerXBungee Plugin</h3>
+				<ol>
+					<li>
+						Download the EaglerXBungee plugin from <a href="https://git.eaglercraft.rip/eaglercraft/eaglercraft-builds/raw/branch/main/EaglercraftX_1.8_EaglerXBungee.jar" target="_blank">here</a>.
+					</li>
+					<li>Place the downloaded JAR file in the Bungee server's <code>plugins</code> folder</li>
+					<li>Restart the Bungee server to generate the plugin's configuration files</li>
+					<li>Configure the EaglerXBungee plugin as needed (disabling online mode, etc.)</li>
+				</ol>
+				<h3>Step 4: Set Up Caddy</h3>
+				<ol>
+					<li>Download and install Caddy from <a href="https://caddyserver.com/download" target="_blank">here</a>.</li>
+					<li>
+						Create a file called Caddyfile with this configuration:
+						<pre><code>localhost {<br>    reverse_proxy :8081<br>}</code></pre>
+					</li>
+				</ol>
+				<h3>Step 5: Port Forwarding</h3>
+				<ol>
+					<li>Access your router's admin panel</li>
+					<li>Set up port forwarding for port <code>8081</code> (or whichever port you configured for EaglerXBungee) to your server's local IP address</li>
+				</ol>
+				<h3>Step 6: Domain Configuration (Optional)</h3>
+				<p>If you want to use a custom domain:</p>
+				<ol>
+					<li>Purchase a domain from a domain registrar</li>
+					<li>Set up an A record pointing to your server's public IPv4 address</li>
+					<li>
+						Edit the Caddyfile you made earlier, replacing <code>example.com</code> with your domain:
+						<pre><code>example.com {<br>    reverse_proxy :8081<br>}</code></pre>
+					</li>
+					<li>Restart Caddy to apply these changes, using <code>caddy stop</code> and <code>caddy start</code>.</li>
+				</ol>
+				<h3>Step 7: Connecting to Your Server</h3>
+				<p>Players can connect to your server using an Eaglercraft client such as MineXLauncher, and entering your server's IP address or domain and port.</p>
+				<p>Examples:</p>
+				<li><code>wss://localhost</code></li>
+				<li><code>wss://example.com</code></li>
+				<h3>Security Considerations</h3>
+				<p>Ensure you keep all software (especially the EaglerXBungee plugin) up to date and properly secure your server to protect against potential vulnerabilities.</p>
 			</div>
 		</div>
 	</body>

public/resources/data/main.json

@@ -42,6 +42,10 @@
 		}
 	],
 	"updates": [
+		{
+			"version": "1.6.1",
+			"changelog": ["Eaglercraft 1.9 has been updated to v0.7.0", "Tutorials have been added to the launcher, go check them out!"]
+		},
 		{
 			"version": "1.6",
 			"changelog": ["You can now install mods directly from the mods list", "Bugfix: Themes no longer flicker when navigating"]

public/resources/styles/themes/default.css

@@ -25,7 +25,7 @@ body {
 }
 
 .launcher {
-	width: 65vw;
+	width: 75vw;
 	height: 95vh;
 	margin: 15px auto 0 auto;
 	background-color: #333;
@@ -78,6 +78,9 @@ nav {
 	padding: 0;
 	margin: 0;
 	flex-grow: 1;
+	overflow-y: auto;
+	scrollbar-width: thin;
+	scrollbar-color: #555 #333;
 }
 
 .nav-item {
@@ -496,7 +499,7 @@ nav {
 }
 
 .mod-item .mod-author a {
-	color: #0000ff;
+	color: #0000ee;
 }
 
 .mod-item .mod-description {
@@ -512,35 +515,31 @@ nav {
 	position: absolute;
 	bottom: 10px;
 	left: 5px;
+	justify-content: center;
 }
 
 .mod-item .mod-links .mod-download,
 .mod-item .mod-links .mod-install {
 	flex: 1;
 	margin: 0 5px;
-}
+	padding: 5px;
-
-.mod-item .mod-links .mod-download {
-	padding: 5px 15px;
-	background-color: #555;
 	color: #fff;
 	text-decoration: none;
 	border-radius: 7px;
 	transition: background-color 0.3s;
 }
 
+.mod-item .mod-links .mod-download {
+	background-color: #555;
+}
+
 .mod-item .mod-links .mod-download:hover {
 	cursor: pointer;
 	background-color: #777;
 }
 
 .mod-item .mod-links .mod-install {
-	padding: 5px 15px;
 	background-color: #4c4;
-	color: #fff;
-	text-decoration: none;
-	border-radius: 7px;
-	transition: background-color 0.3s;
 }
 
 .mod-item .mod-links .mod-install:hover {
@@ -793,6 +792,10 @@ nav {
 	position: relative;
 }
 
+.article .article-content a {
+	color: #0000ee;
+}
+
 .article .article-content .close-button {
 	color: #aaa;
 	float: right;