aboutsummaryrefslogtreecommitdiff
path: root/src/layouts
diff options
context:
space:
mode:
authorAndrew Lee <[email protected]>2024-12-31 22:11:04 -0500
committerAndrew Lee <[email protected]>2024-12-31 22:11:04 -0500
commit6736b26552b2fdc566fd5e154cd07f3ce909fddc (patch)
tree4964fcec3ddc1d439d3ace24e935dbb64e5ed313 /src/layouts
parent944b6dbb2d43a93f905788a05fcde5600270184d (diff)
downloadshiftos-archive-website-6736b26552b2fdc566fd5e154cd07f3ce909fddc.tar.gz
shiftos-archive-website-6736b26552b2fdc566fd5e154cd07f3ce909fddc.tar.bz2
shiftos-archive-website-6736b26552b2fdc566fd5e154cd07f3ce909fddc.zip
Website now uses astro rather than plain html; Added a few more releases
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/Layout.astro34
-rw-r--r--src/layouts/Page.astro10
2 files changed, 44 insertions, 0 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
new file mode 100644
index 0000000..2ca1f25
--- /dev/null
+++ b/src/layouts/Layout.astro
@@ -0,0 +1,34 @@
+---
+interface Props {
+ title: string;
+ description: string;
+}
+
+const { title = "ShiftOS: The Archive", description } = Astro.props;
+import '../styles/style.css';
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
+
+ <!-- Default Metadata -->
+ <meta name="title" content={title} />
+ <meta name="description" content={description} />
+
+ <!-- Open Graph Metadata -->
+ <meta property="og:title" content={title} />
+ <meta property="og:description" content={description} />
+ <meta property="og:image" content="https://alee14.me/profile.png" />
+ <meta property="og:type" content="website" />
+
+ <title>{title}</title>
+</head>
+<body>
+ <slot />
+</body>
+</html>
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
new file mode 100644
index 0000000..2cafa0c
--- /dev/null
+++ b/src/layouts/Page.astro
@@ -0,0 +1,10 @@
+---
+import Layout from '../layouts/Layout.astro';
+const { title, description } = Astro.props;
+---
+
+<Layout title={title} description={description}>
+ <div class="container">
+ <slot />
+ </div>
+</Layout> \ No newline at end of file