Fixed footer layout
parent
33b2a01c9d
commit
bcd69f2fe3
|
@ -11,7 +11,7 @@ const links: NavItem[] = [{ text: 'site credits', link: '/credits' }]
|
||||||
---
|
---
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<footer class={`flex ${paddingX} ${paddingY}`}>
|
<footer class={`flex bg-background-light ${paddingX} ${paddingY}`}>
|
||||||
<span class="mr-auto">Copyright Ethan Reece</span>
|
<span class="mr-auto">Copyright Ethan Reece</span>
|
||||||
<nav>
|
<nav>
|
||||||
{
|
{
|
||||||
|
|
|
@ -23,10 +23,10 @@ import '@fontsource-variable/jetbrains-mono'
|
||||||
<body class="min-h-screen w-screen font-main font-light text-font">
|
<body class="min-h-screen w-screen font-main font-light text-font">
|
||||||
<Background>
|
<Background>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<main class="pt-navbar-h">
|
<main class="mb-auto pt-navbar-h">
|
||||||
<slot />
|
<slot />
|
||||||
</main>
|
</main>
|
||||||
|
<Footer class="mb-auto" />
|
||||||
</Background>
|
</Background>
|
||||||
<Footer />
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -2,9 +2,9 @@
|
||||||
const pattern = 'heropattern-circuitboard-pattern'
|
const pattern = 'heropattern-circuitboard-pattern'
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="bg-background">
|
<div class="min-h-screen bg-background">
|
||||||
<div
|
<div
|
||||||
class={`h-full min-h-screen w-full bg-circuitboard bg-repeat ${pattern}`}
|
class={`flex min-h-screen w-full bg-circuitboard bg-repeat flex-col ${pattern}`}
|
||||||
>
|
>
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -9,14 +9,14 @@ Runtime: Node.js
|
||||||
|
|
||||||
Package management: pnpm
|
Package management: pnpm
|
||||||
|
|
||||||
CSS: Tailwind (with Astro extension)
|
Layout: Tailwind CSS (with Astro extension)
|
||||||
|
|
||||||
Font: JetBrains Mono (using Fontsource)
|
Font: JetBrains Mono (using Fontsource)
|
||||||
|
|
||||||
Circuitboard Pattern: Hero Patterns
|
|
||||||
|
|
||||||
Icons: Hero Icons (using Astro Icon)
|
Icons: Hero Icons (using Astro Icon)
|
||||||
|
|
||||||
|
Circuitboard Pattern: Hero Patterns
|
||||||
|
|
||||||
IDE: VSCodium
|
IDE: VSCodium
|
||||||
|
|
||||||
Code formatting: Prettier, ESLint, Astro MDX
|
Code formatting: Prettier, ESLint, Astro MDX
|
||||||
|
|
Reference in New Issue