Update content/formatting

src/routes/+page.svelte

@@ -4,16 +4,8 @@
 
     let games = [
         {
-            name: "Sirius",
-            link: "./sirius",
-            img: "img/600x300.png",
-            size: { width: 600, height: 300 },
-            description:
-                "A 2D game about a wannabe space captain exploring the galaxy.",
-        },
-        {
-            name: "Quartz",
-            link: "./sirius",
+            name: "Test",
+            link: "/",
             img: "img/600x300.png",
             size: { width: 600, height: 300 },
             description: "Test",

src/routes/about/+page.svelte

@@ -1,12 +1,12 @@
 <script>
-    import Banner from '$lib/Banner.svelte'
+    import Banner from "$lib/Banner.svelte";
 </script>
 
 <svelte:head>
     <title>Quartznet - About</title>
 </svelte:head>
 
-<Banner title="About"/>
+<Banner title="About" />
 
 <main class="container">
     <section>
@@ -15,9 +15,11 @@
         <p>A small team developing games and software.</p>
 
         <h3>Why the name Quartznet</h3>
-        <p>Naming things is hard. We ended up with the name quartz and added net making quartznet.
-
+        <p>
+            Naming things is hard. We ended up with the name quartz and added
+            net making quartznet.
+        </p>
         <h3>SPAAAAACEEEE</h3>
         <p>Space!</p>
     </section>
-</main>
+</main>

src/routes/admin/+page.svelte

@@ -1,20 +1,34 @@
 <script>
-    import Banner from '$lib/Banner.svelte'
+    import Banner from "$lib/Banner.svelte";
 
     let services = [
-        {
-            name: "Status",
-            link: "https://quartznet.info/status",
-            description: "Server monitoring and troubleshooting",
-        },
         {
             name: "Gitea",
             link: "https://git.quartznet.info",
-            description: "Software development version control"
-        }
-    ]
+            description: "Software development version control",
+        },
+    ];
 </script>
 
+<svelte:head>
+    <title>Quartznet - Admin</title>
+</svelte:head>
+
+<Banner title="Admin" />
+
+<main class="container">
+    <section>
+        <h2>Services</h2>
+        <ul>
+            {#each services as service}
+                <li>
+                    <a href={service.link}>{service.name}</a>
+                </li>
+            {/each}
+        </ul>
+    </section>
+</main>
+
 <style>
     section {
         display: flex;
@@ -48,22 +62,3 @@
         margin-bottom: 20px;
     }
 </style>
-
-<svelte:head>
-    <title>Quartznet - Admin</title>
-</svelte:head>
-
-<Banner title="Admin"/>
-
-<main class="container">
-    <section>
-        <h2>Services</h2>
-        <ul>
-            {#each services as service}
-                <li>
-                    <a href="{service.link}">{service.name}</a>
-                </li>
-            {/each}
-        </ul>
-    </section>
-</main>

src/routes/admin/login.svelte

@@ -1,37 +1,61 @@
 <script>
-    import Banner from '$lib/Banner.svelte'
+    import Banner from "$lib/Banner.svelte";
 
     let username = "";
     let password = "";
 
     const submitHandler = () => {
         alert("TODO: implement login backend");
-    }
+    };
 </script>
 
 <svelte:head>
     <title>Quartznet - Login</title>
 </svelte:head>
 
-<Banner title="Login"/>
+<Banner title="Login" />
 
 <main class="container">
-    <form on:submit|preventDefault={submitHandler} class="form-signin" method="post">
+    <form
+        on:submit|preventDefault={submitHandler}
+        class="form-signin"
+        method="post"
+    >
         <div class="form-label-group">
             <label for="username">Username</label>
-            <input type="text" id="username" class="form-control" bind:value={username}
-                name="username" placeholder="Username" required>
+            <input
+                type="text"
+                id="username"
+                class="form-control"
+                bind:value={username}
+                name="username"
+                placeholder="Username"
+                required
+            />
         </div>
 
         <div class="form-label-group">
             <label for="inputPassword">Password</label>
-            <input type="password" id="password" class="form-control" bind:value={password}
-                name="password" placeholder="Password" required>
+            <input
+                type="password"
+                id="password"
+                class="form-control"
+                bind:value={password}
+                name="password"
+                placeholder="Password"
+                required
+            />
         </div>
 
         <div class="custom-control custom-checkbox mb-3">
-            <input type="checkbox" class="custom-control-input" id="customCheck1">
-            <label class="custom-control-label" for="customCheck1">Remember password</label>
+            <input
+                type="checkbox"
+                class="custom-control-input"
+                id="customCheck1"
+            />
+            <label class="custom-control-label" for="customCheck1"
+                >Remember password</label
+            >
         </div>
         <button class="btn btn-primary" type="submit">Sign in</button>
     </form>

src/routes/sirius/+page.svelte

@@ -1,17 +0,0 @@
-<script>
-  import Banner from '$lib/Banner.svelte'
-</script>
-
-<svelte:head>
-  <title>Quartznet - Sirius</title>
-</svelte:head>
-
-<Banner title="Sirius"/>
-
-<main class="container">
-    <section class="content">
-        <h1>Sirius game</h1>
-        <p>Sirius game. Work in progress</p>
-        <a href="https://quartznet.info/presskit">Presskit</a>
-    </section>
-</main>