initial commit

src/views/Approve.svelte

@@ -0,0 +1,22 @@
+<script>
+    import { createEventDispatcher } from 'svelte';
+
+    import check_circle from '../assets/check-circle.svg?raw';
+    import x_circle from '../assets/x-circle.svg?raw';
+
+    const dispatch = createEventDispatcher();
+</script>
+
+<h2 class="text-3xl text-gray-200">An application would like to access your AWS credentials.</h2>
+
+<button on:click={() => dispatch('response', 'approved')}>
+    <svg class="w-32 stroke-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+    </svg>
+</button>
+
+<button on:click={() => dispatch('response', 'denied')}>
+    <svg class="w-32 stroke-red-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
+    </svg>
+</button>

src/views/Home.svelte

@@ -0,0 +1 @@
+<h1 class="text-4xl text-gray-300">Creddy</h1>