website/routes/_app.tsx

62 lines
1.5 KiB
XML

import { asset, Head, Partial } from '$fresh/runtime.ts'
import { type PageProps } from '$fresh/server.ts'
import { Footer } from '../components/Footer.tsx'
import { Header } from '../components/Header.tsx'
import RegisterServiceWorker from '../islands/RegisterServiceWorker.tsx'
export default function App({ Component }: PageProps) {
return (
<html lang='fr'>
<Head>
<meta charset='utf-8' />
<meta
name='viewport'
content='width=device-width, initial-scale=1.0'
/>
<meta
name='theme-color'
media='(prefers-color-scheme: light)'
content='#82c91e'
/>
<meta
name='theme-color'
media='(prefers-color-scheme: dark)'
content='#3d210d'
/>
<meta
name='description'
content="Fablab Cohabit - L'atelier participatif libre et open source"
/>
<link
rel='manifest'
href={asset('manifest.json')}
crossorigin='user-credentials'
/>
<link
rel='shortcut icon'
href={asset('/assets/favicon.ico')}
type='image/x-icon'
/>
<link rel='stylesheet' href={asset('/main.css')} />
{/* TODO remove google fonts link */}
<link rel='preconnect' href='https://fonts.googleapis.com' />
<link
rel='preconnect'
href='https://fonts.gstatic.com'
crossorigin={''}
/>
</Head>
<body>
<Header />
<main f-client-nav>
<Partial name='main'>
<Component />
</Partial>
</main>
<RegisterServiceWorker href={asset('/sw.js')} />
<Footer />
</body>
</html>
)
}