Created base template for contact and repo pages.

Fixed styling issues on toasts on small screens.

src/main.svelte

@@ -163,6 +163,9 @@
             {/each}
         </ul>
     </div>
+
+    <div style="display: none;">{addToast(new Toast("Click on a skill to open a prompt", ToastType.Info, true, 4000))}</div>
+    <div style="display: none;">{addToast(new Toast("Welcome!", ToastType.Success, true, 3000))}</div>
 {:catch}
     <div class="card">
         <div class="card-header">
@@ -172,6 +175,8 @@
     <div style="display: none;">{addToast(new Toast("Unable to load me.json", ToastType.Error, true, 3000))}</div>
 {/await}
 
+
+<!--Modal to be displayed on click-->
 {#if activeModal != null}
     <Modal bind:showModal>
         <h2 slot="header" class="card-header">