SrJuggernaut/juggernautplays_com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(layout): add footer component and centralize imports in Landing layout

Browse Source
This commit is contained in:
SrJuggernaut
2026-02-25 17:56:39 -06:00
parent 28c2465afc
commit ad3eb66144
3 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/layout/Landing.astro
View File

@@ -1,4 +1,12 @@
--- ---
import '@/styles/global.css'
import '@fontsource-variable/roboto'
import '@fontsource/orbitron/900.css'
import '@fortawesome/fontawesome-free/css/fontawesome.min.css'
import '@fortawesome/fontawesome-free/css/solid.min.css'
import '@fortawesome/fontawesome-free/css/brands.min.css'
import Footer from '@/components/layout/parts/Footer.astro'
export interface Props { export interface Props {
title?: string title?: string
description?: string description?: string
@@ -37,5 +45,6 @@ const seoImage =
</head> </head>
<body> <body>
<main><slot /></main> <main><slot /></main>
<Footer />
</body> </body>
</html> </html>

25
src/components/layout/parts/Footer.astro Normal file
View File

@@ -0,0 +1,25 @@
---
import { css } from '@styled-system/css'
const footerLegendClass = css({
paddingBlock: 'md',
textAlign: 'center',
fontSize: 'sm'
})
const footerLegendHeartClass = css({
color: 'red'
})
---
<footer>
<p class={footerLegendClass}>
Hecho con
<span class={footerLegendHeartClass}
><i class="fa-solid fa-heart"></i></span
>
y
<a href="https://astro.build">Astro</a>
por
<a href="https://srjuggernaut.dev">Jugger</a>.
</p>
</footer>

6
src/pages/index.astro
View File

@@ -1,10 +1,4 @@
--- ---
import '@/styles/global.css'
import '@fontsource-variable/roboto'
import '@fontsource/orbitron/900.css'
import '@fortawesome/fontawesome-free/css/fontawesome.min.css'
import '@fortawesome/fontawesome-free/css/solid.min.css'
import '@fortawesome/fontawesome-free/css/brands.min.css'
import Landing from '@/components/layout/Landing.astro' import Landing from '@/components/layout/Landing.astro'
import Hero from '@/components/pages/Home/Hero.astro' import Hero from '@/components/pages/Home/Hero.astro'
import Links from '@/components/pages/Home/Links.astro' import Links from '@/components/pages/Home/Links.astro'