diff --git a/src/lib/images/mcserver-offline.png b/src/lib/images/mcserver-offline.png
new file mode 100644
index 0000000..abc4f0a
Binary files /dev/null and b/src/lib/images/mcserver-offline.png differ
diff --git a/src/lib/images/rse-logo.svg b/src/lib/images/rse-logo.svg
index 663bd4c..18aa6a5 100644
--- a/src/lib/images/rse-logo.svg
+++ b/src/lib/images/rse-logo.svg
@@ -9,6 +9,9 @@
    id="svg1"
    inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
    sodipodi:docname="rse-logo.svg"
+   inkscape:export-filename="rse-logo.png"
+   inkscape:export-xdpi="96.31588"
+   inkscape:export-ydpi="96.31588"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -24,13 +27,13 @@
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
      showgrid="true"
-     inkscape:zoom="0.81023078"
-     inkscape:cx="-275.23023"
-     inkscape:cy="170.93895"
+     inkscape:zoom="1.1458394"
+     inkscape:cx="0.87272268"
+     inkscape:cy="243.05327"
      inkscape:window-width="3840"
      inkscape:window-height="2054"
-     inkscape:window-x="-12"
-     inkscape:window-y="-12"
+     inkscape:window-x="-11"
+     inkscape:window-y="-11"
      inkscape:window-maximized="1"
      inkscape:current-layer="layer1">
     <inkscape:grid
@@ -112,27 +115,37 @@
     <path
        id="path7"
        style="fill:#ffffff;stroke-width:0"
-       d="m 77.94229,110 12.990382,7.5 -8.660255,5 -12.990381,-7.5 z"
+       d="m 69.282036,110 17.320509,10 -8.660255,5 -17.320508,-10 z"
        sodipodi:nodetypes="ccccc" />
     <path
        id="rect4"
        style="fill:#ffffff;stroke-width:0"
-       d="M 30.310886,142.49999 38.971145,147.5 v 35.00001 l -8.660254,-5 z"
+       d="m 30.310886,127.49999 8.660259,5.00001 0,50.00001 -8.660254,-5 z"
        sodipodi:nodetypes="ccccc" />
     <path
        id="path4"
        style="fill:#ffffff;stroke-width:0"
-       d="M 38.97114,157.49999 56.291654,167.5 v 10.00001 l -17.320509,-10 z"
+       d="M 38.971136,152.49998 56.29165,162.5 v 10 l -17.320509,-10 z"
        sodipodi:nodetypes="ccccc" />
     <path
        id="path5"
        style="fill:#ffffff;stroke-width:0"
-       d="M 90.932674,142.49999 82.272424,147.5 v 35.00001 l 8.660245,-5 z"
+       d="m 90.932674,147.5 -8.66025,5.00001 v 30 l 8.660245,-5 z"
        sodipodi:nodetypes="ccccc" />
     <path
        id="path6"
        style="fill:#ffffff;stroke-width:0"
-       d="M 82.27242,157.49999 64.951908,167.5 v 10.00001 l 17.320507,-10 z"
+       d="M 82.272415,152.49998 64.951903,162.5 v 10 l 17.320507,-10 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="path1"
+       style="fill:#ffffff;stroke-width:0"
+       d="M 73.612157,97.499999 82.272417,102.5 43.355289,125 l -8.66026,-5 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="path2"
+       style="fill:#ffffff;stroke-width:0"
+       d="m 69.282036,110 17.320509,10 -8.660255,5 -17.320509,-10 z"
        sodipodi:nodetypes="ccccc" />
   </g>
 </svg>
diff --git a/src/routes/minecraft/info/+page.js b/src/routes/minecraft/info/+page.js
index a72419a..664e7fb 100644
--- a/src/routes/minecraft/info/+page.js
+++ b/src/routes/minecraft/info/+page.js
@@ -1,3 +1,23 @@
 // since there's no dynamic data here, we can prerender
 // it so that it gets served as a static asset in production
-export const prerender = true;
+export const prerender = false;
+export const ssr = false;
+
+
+export async function load({fetch }) {
+    let mcserverRequest = await fetch("https://api.mcsrvstat.us/3/game.reslate.systems")
+    let mcServer = null;
+    if (mcserverRequest.ok) {
+        mcServer = await mcserverRequest.json();
+    }
+    for (let i = 0; i < mcServer.players.list.length; i++) {
+        const player = mcServer.players.list[i];
+        let skinResponse = await fetch(`https://api.mineatar.io/body/full/${player.uuid}`)
+        if (skinResponse.ok) {
+            player.skin = URL.createObjectURL(await skinResponse.blob())
+        }
+    }
+	return {
+        mcServer: mcServer
+    };
+}
\ No newline at end of file
diff --git a/src/routes/minecraft/info/+page.svelte b/src/routes/minecraft/info/+page.svelte
index 300c776..cf4f875 100644
--- a/src/routes/minecraft/info/+page.svelte
+++ b/src/routes/minecraft/info/+page.svelte
@@ -1,6 +1,7 @@
 <script>
-	import { Button, Heading, P } from 'flowbite-svelte';
-	import { ArrowRightOutline } from 'flowbite-svelte-icons';
+	import { Avatar, Card, Heading } from 'flowbite-svelte';
+	import mcserverOffline from '$lib/images/mcserver-offline.png';
+	export let data;
 </script>
 
 <svelte:head>
@@ -8,7 +9,73 @@
 	<meta name="description" content="Information about the Minecraft server." />
 </svelte:head>
 
-<section class="flex flex-row flex-grow justify-center items-center">
-    <!-- TODO implement status from api.mcsrvstat.us -->
+<section class="flex w-full flex-grow flex-col items-center justify-center">
+	{#await data.mcServer}
+		<div class="text-center">
+			Loading server info...
+		</div>
+	{:then mcserver}
+		{#if mcserver == null}
+			<div class="text-center">
+				Couldn't reach server API! Is <a href="https://www.isitdownrightnow.com/api.mcsrvstat.us.html">api.mcsrvstat.us</a> down?
+			</div>
+		{:else}
+			<div class="mb-8 text-center">
+				<Heading tag="h1">Who's in-game?</Heading>
+			</div>
+			<div class="flex max-w-full flex-row overflow-x-scroll scroll-smooth border-none">
+				<Card padding="md" class="m-4 min-w-80">
+					<div class="flex flex-col items-center pb-4">
+						{#if mcserver.online}
+							<Avatar size="lg" src={mcserver.icon}></Avatar>
+						{:else}
+							<Avatar size="lg" src={mcserverOffline}></Avatar>
+						{/if}
+						<Heading
+							tag="h2"
+							class="mb-1 text-center text-xl font-medium text-gray-900 dark:text-white"
+							>Server Status</Heading
+						>
+						<div class="text-sm text-gray-500 dark:text-gray-400">
+							{#if mcserver.online}
+								Online!
+							{:else}
+								Offline
+							{/if}
+						</div>
+						<div class="mt-4 space-x-3 lg:mt-6">
+							<ul class="list-disc">
+								<li>IP: <code>{mcserver.hostname}</code></li>
+								<li>On port {mcserver.port}</li>
+								<li>{mcserver.players.online}/{mcserver.players.max} players online</li>
+								<li>Running Minecraft version {mcserver.version}</li>
+							</ul>
+						</div>
+						{#if mcserver.online}
+							<div class="p-2 text-center">
+								<strong>Join us!</strong>
+							</div>
+						{/if}
+					</div>
+				</Card>
+				{#if mcserver.online}
+					{#each mcserver.players.list as player}
+						<Card padding="md" class="m-4 flex min-w-80 flex-col justify-center">
+							<div class="flex flex-col items-center pb-4">
+								<img src={player.skin} alt={`${player.name}'s skin`} />
+								<Heading
+									tag="h2"
+									class="mb-1 text-center text-xl font-medium text-gray-900 dark:text-white"
+									>{player.name}</Heading
+								>
+								<div class="text-xs text-gray-500 dark:text-gray-400">
+									{player.uuid}
+								</div>
+							</div>
+						</Card>
+					{/each}
+				{/if}
+			</div>
+		{/if}
+	{/await}
 </section>
-
diff --git a/src/routes/minecraft/railway/+page.svelte b/src/routes/minecraft/railway/+page.svelte
index 68cb27d..350e210 100644
--- a/src/routes/minecraft/railway/+page.svelte
+++ b/src/routes/minecraft/railway/+page.svelte
@@ -1,9 +1,16 @@
+<script>
+	import { Heading, P } from "flowbite-svelte";
+
+</script>
 <svelte:head>
 	<title>Minecraft Railway</title>
 	<meta name="description" content="Information about the railway on the Minecraft server." />
 </svelte:head>
 
-<section class="flex flex-row flex-grow justify-center items-center">
-    <!-- TODO implement display of railway system and status -->
+<section class="flex flex-row flex-grow items-center">
+	<div class="mx-auto text-center">
+		<Heading tag="h1" class="mb-4">Not Ready Yet!</Heading>
+		<P align="center">Check back in a few days!</P>
+	</div>
 </section>