Initial commit of Astro project: drizzle database

src/layouts/ArticleLayout.astro

@@ -0,0 +1,7 @@
+---
+import PageLayout from './PageLayout.astro'
+
+const { frontmatter } = Astro.props
+---
+
+<PageLayout {...frontmatter} />

src/layouts/BaseLayout.astro

@@ -0,0 +1,28 @@
+---
+import '@fontsource/open-sans/latin.css'
+import '@fontsource/source-sans-pro/latin.css'
+import '@fontsource/source-code-pro/latin.css'
+
+import '../styles/main.scss'
+
+const { title, description, thumbnail, pageName } = Astro.props
+---
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <meta property="og:title" content={title ?? 'PHC'} />
+        <meta property="og:description" content={description ?? 'Sito web del PHC'} />
+        {thumbnail && <meta property="og:image" content={thumbnail} />}
+
+        <link rel="icon" type="image/png" sizes="512x512" href="/assets/icon.png" />
+
+        <title>{title}</title>
+    </head>
+    <body class:list={['page-' + (pageName ?? 'unknown')]}>
+        <slot />
+    </body>
+</html>

src/layouts/PageLayout.astro

@@ -0,0 +1,22 @@
+---
+import BaseLayout from './BaseLayout.astro'
+---
+
+<BaseLayout {...Astro.props}>
+    <header>
+        <div class="logo">
+            <img src="/images/logo-circuit-board.svg" alt="phc logo" />
+        </div>
+        <div class="links">
+            <a role="button" href="#">Utenti</a>
+            <a role="button" href="#">Notizie</a>
+            <a role="button" href="#">Progetti</a>
+            <a role="button" href="#">About</a>
+            <a class="primary" role="button" href="#">Accedi</a>
+        </div>
+    </header>
+    <main>
+        <slot />
+    </main>
+    <footer>&copy; PHC 2023</footer>
+</BaseLayout>