62 lines
1.2 KiB
Text
62 lines
1.2 KiB
Text
---
|
|
export interface Props {
|
|
title: string;
|
|
}
|
|
|
|
const { title } = Astro.props;
|
|
---
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
<title>{title}</title>
|
|
</head>
|
|
<body style="
|
|
background: url('/logo_les-particules_orange.jpg') top no-repeat;
|
|
height:fit-content; min-height: 100% ">
|
|
<main>
|
|
<h1>
|
|
<a href="/">
|
|
<img alt="Logo" src="/logo_les-particules_noir.jpg" style="width:80px; vertical-align: middle" />
|
|
Les particules
|
|
</a>
|
|
</h1>
|
|
<slot />
|
|
</main>
|
|
</body>
|
|
</html>
|
|
<style is:global>
|
|
:root {
|
|
--accent: orange;
|
|
--accent-gradient: linear-gradient(45deg, var(--accent), red 30%, white 60%);
|
|
}
|
|
html {
|
|
font-family: system-ui, sans-serif;
|
|
background-color: #F6F6F6;
|
|
}
|
|
html, body {
|
|
height: 100%;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
h1 a {
|
|
text-decoration: none;
|
|
color:black;
|
|
}
|
|
|
|
main {
|
|
margin: auto;
|
|
padding: 1.5rem;
|
|
max-width: 80ch;
|
|
}
|
|
|
|
code {
|
|
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
|
Bitstream Vera Sans Mono, Courier New, monospace;
|
|
}
|
|
</style>
|