Merge base layout into Astro default layout

This commit is contained in:
Sam Carlton 2022-07-07 13:40:04 -05:00
parent 55ebd21ef0
commit 4158d5f967

View file

@ -1,9 +1,12 @@
---
import '~/assets/css/tailwind.css'
import '@fontsource/inter/variable.css'
import { PageHead } from '~/helpers/config-node.js'
import VueBaseLayout from '../../layouts/base.vue'
// import VueBaseLayout from '../../layouts/base.vue'
import Navbar from '~/components/navbar.vue'
import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
import GoogleAnalytics from '~/src/components/google-analytics.astro'
const {
@ -20,6 +23,7 @@ const pageHead = new PageHead({
...headOptions
})
const currentYear = String( new Date().getFullYear() )
---
<!doctype html>
<html lang="en">
@ -31,13 +35,44 @@ const pageHead = new PageHead({
</head>
<body>
<VueBaseLayout
client:load
>
<slot />
</VueBaseLayout>
<!-- <script defer src="/_nuxt/static/1650919862/state.js"></script> -->
<div class="app-wrapper text-gray-300 bg-gradient-to-bl from-dark to-darker bg-fixed">
<Navbar />
<div class="app-main min-h-screen flex items-center">
<slot />
</div>
<footer>
<div class="max-w-screen-xl mx-auto py-12 px-4 overflow-hidden space-y-24 sm:px-6 lg:px-8">
<div class="flex justify-center space-x-6">
<div class="flex flex-col items-center space-y-4">
<AllUpdatesSubscribe
client:visible
/>
</div>
</div>
<p class="text-center text-base leading-6 text-gray-400">
<span>Built by </span>
<a
href="https://samcarlton.com/"
rel="noopener"
class="underline"
>Sam Carlton</a>
<span> and the awesome </span>
<a
href="https://github.com/ThatGuySam/doesitarm/graphs/contributors"
rel="noopener"
class="underline"
>🦾 Does It ARM Contributors. </a>
</p>
<p class="mt-8 text-center text-base leading-6 text-gray-400">
&copy; { currentYear } Does It ARM All rights reserved. This site is supported by Affiliate links.
</p>
</div>
</footer>
</div>
</body>
</html>