Raw templates for all current designs

src/views/ConfirmContactView.vue

@@ -0,0 +1,33 @@
+<template>
+  <!-- CONTENT -->
+  <section id="Content" class="p-6 pb-24">
+    <!-- Breadcrumb -->
+    <div id="ViewBreadcrumb" class="mb-8">
+      <h1 class="text-lg text-center font-light relative px-7">
+	<!-- Cancel -->
+	<a href="account-view.html" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><i class="fa-solid fa-chevron-left fa-fw"></i></a>
+
+	Confirm Contact
+      </h1>
+    </div>
+
+    <form>
+      <p class="text-center text-xl mb-4 font-light">Would you like to add <i>Firstname</i> to your network?</p>
+
+      <!-- Account Details -->
+      <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
+	<h2 class="text-xl font-semibold mb-2">Firstname Lastname</h2>
+
+	<div class="text-slate-500 text-sm font-bold">ID</div>
+	<div class="text-sm text-slate-500 mb-1">
+	  <span><code>did:peer:kl45kj41lk451kl3</code></span>
+	</div>
+      </div>
+
+      <div class="mt-8">
+	<input type="submit" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2" value="Add Contact" />
+	<button type="button" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Cancel</button>
+      </div>
+    </form>
+  </section>
+</template>