62 lines
2.4 KiB
Plaintext
62 lines
2.4 KiB
Plaintext
---
|
|
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';
|
|
import '../styles/global.css';
|
|
|
|
import Header from '../components/Header.astro';
|
|
import Footer from '../components/Footer.astro';
|
|
const { title, description, image = '/logo.png' } = Astro.props;
|
|
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 6, Volto" />
|
|
<link rel="canonical" href={canonicalURL} />
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link rel="shortcut icon" type="image/png" href="/square_logo.png" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
|
|
|
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=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="og:title" content={title} />
|
|
<meta property="og:description" content={description} />
|
|
<meta property="og:image" content={new URL(image, Astro.url)} />
|
|
|
|
<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>
|
|
<Header />
|
|
<main id="main">
|
|
<slot />
|
|
</main>
|
|
<Footer />
|
|
</body>
|
|
</html>
|