41 lines
913 B
Vue
41 lines
913 B
Vue
<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> |