create TopNavbar component, partially solves #147, just needs added to other sections and styled a bit better

Author: Phrancis

src/components/Login.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="login">
-
+      <TopNavbar></TopNavbar>
     <!-- Server status -->
     <h4>Server Status</h4>
     <div class="server-status">
@@ -108,6 +108,7 @@
 
 <script>
 import CardshifterServerAPI from "../server_interface";
+import TopNavbar from "./TopNavbar";
 
 const loginStorageMap = {
     "CARDSHIFTER_LAST_NAME": "username",
@@ -136,6 +137,9 @@ export default {
       chosenServer: null
     };
   },
+  components :{
+      TopNavbar
+  },
   methods: {
     /*
     * Called by the login form. This function will to the server

src/components/TopNavbar.vue

@@ -0,0 +1,29 @@
+<template>
+    <nav class="navbar navbar-dark bg-dark top-navbar-container">
+        <div class="container-fluid">
+            <div class="navbar-header">
+                <div class="navbar-brand csh-top-link">
+                    Cardshifter
+                </div>
+            </div>
+        </div>
+    </nav>
+</template>
+
+<script>
+export default {
+    name: "TopNavbar",
+    data() {
+        return {}
+    },
+    methods: {}
+};
+</script>
+
+<style>
+@import "../assets/style.css";
+
+.top-navbar-container {
+    /* background-color: black; */
+}
+</style>

src/router/index.js

@@ -1,5 +1,6 @@
 import Vue from "vue";
 import Router from "vue-router";
+import TopNavbar from "@/components/TopNavbar";
 import Login from "@/components/Login";
 import Lobby from "@/components/Lobby";
 import DeckBuilder from "@/components/DeckBuilder";