Initial commit WIP

app/layouts/default.vue

@@ -0,0 +1,41 @@
+<template>
+  <article class="min-h-screen flex flex-col items-stretch">
+    
+    <!-- ring -->
+    <div class="fixed inset-0 flex justify-center sm:px-8">
+      <div class="flex w-full max-w-7xl lg:px-8">
+        <div
+          class="w-full bg-white ring-1 ring-zinc-200/50 dark:bg-zinc-900 dark:ring-zinc-500/20"
+        />
+      </div>
+    </div>
+
+    <!-- background -->
+    <v-container class="relative">
+      <div class="absolute top-0 right-0">
+        <NuxtImg
+          src="img/bg-glow.png"
+          aria-hidden="true"
+          class="w-[44rem]"
+          format="webp"
+          width="944"
+          height="586"
+        />
+      </div>
+    </v-container>
+    
+    <!-- header -->
+    <Header />
+    
+    <!-- main -->
+    <main class="maya-prose">
+      <v-container>
+        <slot />
+      </v-container>
+    </main>
+
+    <!-- footer -->
+    <Footer class="mt-auto" />
+  
+  </article>
+</template>