Migrating to Svelte User management not done. Footer not done Nav user management icon not positioned correctly

src/components/gameProjectThumb.svelte

@@ -0,0 +1,82 @@
+<script>
+    export let name;
+    export let thumb = "https://placehold.it/600x300";
+    export let description;
+    export let imgClass = "img-fluid mb-3 mb-md-0";
+
+</script>
+
+<style>
+    .row {
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: -15px;
+        margin-left: -15px;
+        box-sizing: border-box;
+    }
+
+    .thumb {
+        flex: 0 0 58.333333%;
+        max-width: 58.333333%;
+        position: relative;
+        width: 100%;
+        min-height: 1px;
+        padding-right: 15px;
+        padding-left: 15px;
+        box-sizing: border-box;
+    }
+
+    .blurb {
+        flex: 0 0 41.666667%;
+        max-width: 41.666667%;
+        position: relative;
+        width: 100%;
+        min-height: 1px;
+        padding-right: 15px;
+        padding-left: 15px;
+        box-sizing: border-box;
+    }
+
+    h2 {
+        font-size: 2rem;
+        margin-bottom: .5rem;
+        font-family: inherit;
+        font-weight: 500;
+        line-height: 1.2;
+        margin-top: 0;
+        box-sizing: border-box;
+    }
+
+    a {
+        color: #CC99FF;
+        text-decoration: none;
+        background-color: transparent;
+    }
+
+    img {
+        margin-bottom: 0 !important;
+        max-width: 100%;
+        height: auto;
+        vertical-align: middle;
+        border-style: none;
+        box-sizing: border-box;
+    }
+
+</style>
+
+<div class="row">
+    <div class="thumb">
+        <a href="{name}">
+            <img class={imgClass} src={thumb} alt={name}>
+        </a>
+    </div>
+    <div class="blurb">
+        <h2>{name}</h2>
+        <p>{description}</p>
+    </div>
+</div>
+<br>
+
+
+
+