nzambello.dev/src/layouts/BaseLayout.astro

56 lines
1.9 KiB
Plaintext
Raw Normal View History

2023-05-31 10:10:31 +02:00
---
2023-05-31 10:32:52 +02:00
import '@picocss/pico/css/pico.min.css'
import '@fontsource/ubuntu-mono/400.css'
import '@fontsource/ubuntu-mono/700.css'
import '@fontsource/ubuntu/400.css'
import '@fontsource/ubuntu/700.css'
import '@fontsource/ubuntu/400-italic.css'
2023-05-31 10:32:52 +02:00
import '../styles/global.css'
2023-05-31 10:10:31 +02:00
import Header from '../components/Header.astro'
import Footer from '../components/Footer.astro'
const { title, description, image = '/logo-square.png' } = Astro.props
2023-05-31 10:10:31 +02:00
const canonicalURL = new URL(Astro.url.pathname, Astro.site)
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="application-name" content="nzambello.dev" />
<meta name="og:type" content="website" />
<meta name="generator" content="Astro + Plone" />
2023-05-31 10:10:31 +02:00
<link rel="canonical" href={canonicalURL} />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta
name="viewport"
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, user-scalable=no, viewport-fit=cover"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="format-detection" content="telephone=no" />
<title>{title}</title>
<meta name="title" content={title} />
<meta name="description" content={description} />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.url} />
<meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} />
<meta property="twitter:image" content={new URL(image, Astro.url)} />
</head>
<body>
<a class="skip-link" href="#navigation">Skip to navigation</a>
<a class="skip-link" href="#main">Skip to content</a>
2023-05-31 10:10:31 +02:00
<Header />
<main class="container" id="main">
2023-05-31 10:10:31 +02:00
<slot />
</main>
<Footer />
</body>
</html>