diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Footer.astro | 13 | ||||
| -rw-r--r-- | src/layouts/Base.astro | 11 | ||||
| -rw-r--r-- | src/layouts/Index.astro | 2 |
3 files changed, 16 insertions, 10 deletions
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 |