Started work on the admin/login system. - Added description to template.html. - Testing on:submit using a js callback. - Added title to admin page.

src/routes/admin/login.svelte

@@ -1,25 +1,38 @@
 <script>
     import Banner from '../../components/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"/>
 
 <main class="container">
-    <form class="form-signin" action="login.php" 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" 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" 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>
         </div>
-        <button class="btn btn-lg btn-primary btn-block text-uppercase" type="submit">Sign in</button>
+        <button class="btn btn-primary" type="submit">Sign in</button>
     </form>
 </main>