Adding Tailwind and start application views

src/assets/styles/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/main.ts

@@ -4,4 +4,6 @@ import "./registerServiceWorker";
 import router from "./router";
 import store from "./store";
 
+import "./assets/styles/tailwind.css";
+
 createApp(App).use(store).use(router).mount("#app");

src/views/StartView.vue

@@ -0,0 +1,27 @@
+<template>
+  <section
+    id="Content"
+    class="p-6 pb-24 min-h-screen flex flex-col justify-center"
+  >
+    <!-- Heading -->
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
+      Start Here
+    </h1>
+
+    <div class="mt-8">
+      <p class="text-center text-xl mb-4 font-light">
+        Do you already have an identity to import?
+      </p>
+      <a
+        href="account-edit.html"
+        class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
+        >No</a
+      >
+      <a
+        href="account-import.html"
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
+        >Yes</a
+      >
+    </div>
+  </section>
+</template>