diff options
| author | seth <[email protected]> | 2023-05-18 08:54:09 -0400 |
|---|---|---|
| committer | seth <[email protected]> | 2023-05-18 08:58:52 -0400 |
| commit | ca90f4810a173d476facb0064cd5b10c6570cb35 (patch) | |
| tree | dd38159711511bbe00264ed4cfda612b4aeb49e3 | |
| parent | 025acf1b61b968c5e4d426949b192c3c0ab387a6 (diff) | |
chore: fix styling for footer + move to components/
| -rw-r--r-- | public/guzzle.sass | 96 | ||||
| -rw-r--r-- | src/components/Footer.astro | 13 | ||||
| -rw-r--r-- | src/layouts/Base.astro | 11 | ||||
| -rw-r--r-- | src/layouts/Index.astro | 2 |
4 files changed, 16 insertions, 106 deletions
diff --git a/public/guzzle.sass b/public/guzzle.sass deleted file mode 100644 index 9e76690..0000000 --- a/public/guzzle.sass +++ /dev/null @@ -1,96 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap') -@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap') - -@tailwind base -@tailwind components -@tailwind utilities -@tailwind variants - -html - font-family: "Noto Sans", sans-serif - -h1 - @apply text-2xl - -h2 - @apply text-xl - -h3 - @apply text-lg - -p,li - @apply text-base - -a - @apply underline - -button - @apply rounded-xl bg-yellow p-2 text-center - -blockquote - @apply bg-surface2 p-2 rounded-xl - p - @apply bg-surface2 text-text - - code - @apply bg-surface2 text-text p-0 - -code - @apply bg-base text-text p-[0.1em] - -body - @apply bg-base p-10 - -footer - @apply text-xs flex items-center justify-center - -.container - @apply bg-lavender - @apply flex flex-auto flex-col - @apply items-center justify-center - @apply w-fit mx-auto - @apply rounded-lg - -.content - @apply inline-block text-center p-5 - img - // this is dumb - @apply mx-auto - -nav - div - @apply flex flex-col items-center justify-center mx-auto rounded p-3 text-text - ul - @apply inline mx-auto rounded p-3 - -#blogpost - h1 - @apply bg-base text-4xl mx-auto p-5 mb-5 mt-5 text-text text-center w-fit - h2 - @apply bg-base text-xl mx-auto p-3 mb-5 mt-5 text-text text-center w-fit - h3 - @apply bg-base text-lg mx-auto p-1 mb-5 mt-5 text-text text-center w-fit - - @apply lg:max-w-6xl text-left items-center - -#blogText - @apply bg-blue rounded-xl p-5 - -#commitText - @apply text-subtext1 p-2 - -#indexHeader - @apply bg-base w-fit h-fit mx-auto rounded p-5 text-text - -#gifs - @apply bg-base - @apply hidden min-[1280px]:flex flex-col gap-2 - @apply text-center items-center justify-center - @apply m-20 mt-0 mb-5 p-10 - @apply rounded-lg drop-shadow-2xl - -#gif - @apply flex gap-2 - -#vidya - @apply flex justify-center p-5 diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..5940aee --- /dev/null +++ b/src/components/Footer.astro @@ -0,0 +1,13 @@ +--- +import { execa } from "execa"; +import "@styles/global.sass"; + +const { stdout: gitCommit } = await execa("git", ["rev-parse", "HEAD"]); +--- + +<div class="flex"> +<div class="flex flex-col items-center gap-1 p-3 mx-auto"> + <a class="text-text text-xs" href="https://github.com/getchoo/getchoo.github.io">source</a> + <p class="text-text text-xs">commit: {gitCommit}</p> +</div> +</div> diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 29f95ab..a8aa63e 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -1,13 +1,9 @@ --- import Head from "@components/Head.astro"; +import Footer from "@components/Footer.astro"; import Nav from "@components/Nav.astro"; -// import Footer from "@components/Footer.astro"; -import { execa } from "execa"; -import "@styles/global.sass"; const { title, description } = Astro.props; - -const { stdout: gitCommit } = await execa("git", ["rev-parse", "HEAD"]); --- <!DOCTYPE html> @@ -17,9 +13,6 @@ const { stdout: gitCommit } = await execa("git", ["rev-parse", "HEAD"]); <body class="bg-base"> <Nav /> <slot /> - <!-- <Footer /> --> - <div class="flex flex-col items-center mt-12"> - <p class="text-text text-xs">{gitCommit}</p> - </div> + <Footer /> </body> </html> diff --git a/src/layouts/Index.astro b/src/layouts/Index.astro index ea3cfb3..0aa436e 100644 --- a/src/layouts/Index.astro +++ b/src/layouts/Index.astro @@ -15,7 +15,7 @@ const { title, description } = Astro.props; <slot /> </div> <div - class="bg-base hidden min-[1280px]:flex flex-col gap-2 text-center items-center justify-center m-20 mt-0 mb-5 p-10 rounded-lg drop-shadow-2xl" + class="bg-base hidden min-[1280px]:flex flex-col gap-2 text-center items-center justify-center m-20 mt-0 mb-5 p-5 rounded-lg drop-shadow-2xl" > <div id="gif"> <img |