added minecraft page

resources/js/router/index.js

@@ -76,6 +76,14 @@ export const routes = [
         },
         component: () => import("@/views/Terms.vue"),
     },
+    {
+        path: "/minecraft",
+        name: "minecraft",
+        meta: {
+            title: "Minecraft",
+        },
+        component: () => import("@/views/Minecraft.vue"),
+    },
     {
         path: "/workshops",
         children: [

resources/js/views/Minecraft.vue

@@ -0,0 +1,32 @@
+<template>
+    <SMContainer class="rules">
+        <h1>Connecting to our Minecraft Server</h1>
+        <ol>
+            <li>
+                Open up your Minecraft on your computer (Java) or tablet
+                (Bedrock) and make sure you are using version 1.19.3
+            </li>
+            <li>Click Multiplayer</li>
+            <li>Click Add Server</li>
+            <li>Enter Server Name STEMMechanics</li>
+            <li>Enter Server Address mc.stemmech.com.au</li>
+            <li>
+                We have a custom resourcepack which you can enable before
+                joining
+            </li>
+            <li>Click Done</li>
+            <li>Join the Server!</li>
+        </ol>
+    </SMContainer>
+</template>
+
+<style lang="scss">
+.rules {
+    h2 {
+        margin-bottom: 0.5rem;
+    }
+    li {
+        margin-bottom: 0.5rem;
+    }
+}
+</style>