Initial project and page setup.

src/pages/MinecraftServer.vue

@@ -0,0 +1,15 @@
+<template>
+  <main>
+    <h1>REMCS</h1>
+  </main>
+</template>
+
+<script>
+export default {
+  
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/pages/OverviewInfo.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="sections">
+    <div class="section">
+      <div class="panels">
+        <div
+          id="steam"
+          class="panel"
+        >
+          <div class="contained-title">
+            <h2>Steam System</h2>
+            <hr>
+            <p>Access the RES Steam web interface for establishing connections to the game system and viewing some statistics.</p>
+          </div>
+        </div>
+        <div
+          id="minecraft"
+          class="panel"
+        >
+          <div class="contained-title">
+            <h2>Minecraft Server</h2>
+            <hr>
+            <p> Access the RES Minecraft Server web interface for interacting with a variety of game utilities and information.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      id="about"
+      class="section"
+    >
+      <div class="contained-title">
+        <h1>What is this?</h1>
+        <p>This is the web interface for Reslate Entertainment Systems. This is <b>not</b> a public service and you may be on this page by mistake. Alternatively, you may be this page completely intentionally!</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@use "@/styles/themer";
+
+#steam {
+  background-size: cover;
+  background-image: radial-gradient(circle at center, rgba(0,0,0,0.55) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0,0,0,1) 100%), url("@/assets/images/controller.png");
+
+  .contained-title {
+    color: white;
+  }
+}
+
+#minecraft {
+  background-size: cover;
+  background-image: radial-gradient(circle at center, rgba(0,0,0,0.25) 0%, rgba(0, 0, 0, 0.10) 60%, rgba(0,0,0,1) 100%), url("@/assets/images/minecraft.png");
+
+  .contained-title {
+    color: white;
+  }
+}
+
+#about {
+  background-size: cover;
+  background-image: radial-gradient(circle at center, rgba(0,0,0,0.55) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0,0,0,1) 100%), url("@/assets/images/about.png");
+  .contained-title {
+    color: white;
+  }
+}
+</style>

src/pages/SteamServer.vue

@@ -0,0 +1,13 @@
+<template>
+  <h1>Steam System</h1>
+</template>
+
+<script>
+export default {
+  
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>