me
/
ethanreece.com
Archived
1
0
Fork 0
Code Pull Requests Actions Activity

Fixed footer layout

main
Ethan Reece 2023-06-09 15:29:40 -05:00
parent 33b2a01c9d
commit bcd69f2fe3
Signed by: me
GPG Key ID: D3993665FF92E1C3
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/content/global/Footer.astro
View File

@ -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>
{ {

4
src/layouts/Base.astro
View File

@ -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>

4
src/layouts/properties/Background.astro
View File

@ -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>

6
src/pages/credits.mdx
View File

@ -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