diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Footer.astro | 40 | ||||
| -rw-r--r-- | src/components/SocialIcons.astro | 2 |
2 files changed, 25 insertions, 17 deletions
diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 6b37226..b8dea07 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,26 +1,34 @@ --- -import { Separator } from '@/components/ui/separator' import { SOCIAL_LINKS } from '@/consts' import Link from './Link.astro' import SocialIcons from './SocialIcons.astro' --- <footer - class="mx-auto mb-8 flex w-full max-w-3xl flex-col items-center justify-center gap-y-2 px-4 sm:mb-4 sm:flex-row sm:justify-between" + class="mx-auto mt-16 flex w-full max-w-3xl items-center justify-between gap-y-2 px-2" > - <div class="flex flex-wrap items-center justify-center gap-x-2 text-center"> - <span class="text-muted-foreground text-sm"> - © {new Date().getFullYear()} All rights reserved. - </span> - <Separator orientation="vertical" className="hidden h-4! sm:block" /> - <p class="text-muted-foreground text-sm"> - Made with 🤍 by <Link - href="https://codeberg.org/fosscet/" - class="text-foreground" - external - underline>fosscet</Link - >! - </p> - </div> + <p class="text-muted-foreground font-mono text-xs"> + <span class="c">/*</span> + 🄯 {new Date().getFullYear()} + <br /> + <span class="c"> *</span> Status: Up and Running (mostly) <br /> + <span class="c"> *</span> Generated at {Date.now()}ms UNIX. <br /> + <span class="c"> *</span> + <span class="text-primary"><3</span> + <Link + href="https://codeberg.org/fosscet/" + class="text-foreground" + external + underline>fosscet</Link + > + <br /> + <span class="c"> */</span> + </p> + + <style> + .c { + color: var(--muted); + } + </style> <SocialIcons links={SOCIAL_LINKS} /> </footer> diff --git a/src/components/SocialIcons.astro b/src/components/SocialIcons.astro index 236bb6a..ef843d6 100644 --- a/src/components/SocialIcons.astro +++ b/src/components/SocialIcons.astro @@ -12,7 +12,7 @@ interface Props { const { links } = Astro.props --- -<ul class="flex flex-wrap gap-2" role="list"> +<ul class="flex flex-col flex-wrap gap-2" role="list"> { links.map(({ href, label }) => ( <li> |