website/routes/_app.tsx

60 lines
1.5 KiB
TypeScript
Raw Permalink Normal View History

import { asset, Head, Partial } from '$fresh/runtime.ts'
2024-02-06 10:55:29 +01:00
import { type PageProps } from '$fresh/server.ts'
import { Footer } from ':components/Footer.tsx'
import { Header } from ':components/Header.tsx'
import { ProgressiveWebApp } from ':components/ProgressiveWebApp.tsx'
import IsOnline from ':islands/IsOnline.tsx'
2024-02-06 10:55:29 +01:00
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'
2024-02-06 10:55:29 +01:00
/>
<meta
name='theme-color'
media='(prefers-color-scheme: dark)'
content='#3d210d'
2024-02-06 10:55:29 +01:00
/>
<meta
name='description'
content="Fablab Cohabit - L'atelier participatif libre et open source"
/>
2024-05-28 17:07:11 +02:00
<link
rel='manifest'
href={asset('manifest.json')}
crossorigin='user-credentials'
/>
<link
rel='shortcut icon'
href={asset('/assets/favicon.ico')}
type='image/x-icon'
/>
2024-02-06 10:55:29 +01:00
<link rel='stylesheet' href={asset('/main.css')} />
2024-07-02 13:56:47 +02:00
<link rel='stylesheet' href={asset('/imports/markdown_css')} />
2024-02-06 10:55:29 +01:00
</Head>
<body>
<Header />
<IsOnline
offline={'Vous êtes hors ligne / Serveur inaccessible'}
/>
<main f-client-nav>
<Partial name='main'>
<Component />
</Partial>
2024-02-06 10:55:29 +01:00
</main>
<ProgressiveWebApp />
2024-02-06 10:55:29 +01:00
<Footer />
</body>
</html>
)
}