diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-04 01:05:04 +0200 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-04 13:34:10 +0200 |
| commit | fe7c149811f2e20c055ad0375aff05d29491efb4 (patch) | |
| tree | 8df0652a35cca0f9c8fcb5fb90648fef2f8415b4 /src/layouts | |
| parent | 3de434508e0b609dea1ce8dca94ef1b708e61d61 (diff) | |
Rebuild the site in Astro
Add licence
Update site name in header to match README.md
Add missing metadescription, opengraph and link to RSS
Update Astro configuration to include sitemap integration with priority and changefreq settings
New post
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/Layout.astro | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro new file mode 100644 index 0000000..ccaf316 --- /dev/null +++ b/src/layouts/Layout.astro @@ -0,0 +1,102 @@ +--- +import "@fontsource-variable/sen"; +import Header from "../partials/Header.astro"; +import MainWrapper from "../partials/MainWrapper.astro"; +import Footer from "../partials/Footer.astro"; + +interface Props { + title: string; + description: string; +} + +const { title, description } = Astro.props; +--- + +<!doctype html> +<html lang="es"> + <head> + <meta charset="UTF-8" /> + <meta name="description" content={description} /> + <meta name="viewport" content="width=device-width" /> + + <link rel="canonical" href={Astro.url} /> + <link rel="alternate" type="application/rss+xml" href="/blog.xml" /> + <link rel="sitemap" type="application/xml" href="/sitemap-index.xml" /> + + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <link rel="icon" type="image/png" href="/favicon.png" /> + <link rel="apple-touch-icon" href="/favicon.png" /> + + <meta property="og:title" content={title} /> + <meta property="og:description" content={description} /> + <meta property="og:type" content="website" /> + <meta property="og:url" content={Astro.url} /> + <meta property="og:image" content="/favicon.png" /> + + <meta name="twitter:card" content="summary" /> + <meta name="twitter:title" content={title} /> + <meta name="twitter:description" content={description} /> + <meta name="twitter:image" content="/favicon.png" /> + + <title>{title} - Ariel Costas</title> + + <slot name="head-jsonld" /> + </head> + <body> + <Header /> + <MainWrapper> + <slot /> + </MainWrapper> + <Footer /> + </body> +</html> + +<style is:global lang="scss"> + @import "../../styles/shared.scss"; + + html, + body { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + min-height: 100vh; + max-width: 100vw; + + display: flex; + flex-direction: column; + gap: 1rem; + + background-color: $light; + color: $dark; + + background-image: radial-gradient( + circle at 1px 1px, + #a9a9a988 1px, + transparent 0 + ); + background-size: 15px 15px; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + font-family: $mainFontStack; + @extend %tracking-tight; + line-height: 1.25; + margin-block: 0.6em; + } + + a { + color: $accent; + } + + *::selection { + background-color: transparentize($accent, 0.85); + } +</style> |