Initial commit

2025-04-17 16:51:18 +00:00
commit 31c476a48d
11 changed files with 5226 additions and 0 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -0,0 +1,10 @@
+---
+import Head from "../partials/base.astro"
+
+// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
+// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
+---
+
+<Head title='Home' desc='Where the party is happeneing!'>
+	<p>Hello world!</p>
+</Head>
--- a/src/partials/base.astro
+++ b/src/partials/base.astro
@@ -0,0 +1,113 @@
+---
+interface Props {
+    title: string;
+    desc: string;
+}
+
+const { desc, title } = Astro.props;
+
+let url = new URL(Astro.request.url);
+const site = Astro.site?.toString();
+const page_url = site + url.pathname.substring(1);
+---
+
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="robots" content="index, follow" />
+        <link rel="icon" href="/favicon.svg" />
+
+        <title>{title}</title>
+        <meta property="og:title" content={title} />
+        <meta property="og:site_name" content={site} />
+
+        <meta name="description" content={desc} />
+        <meta property="og:description" content={desc} />
+
+        <meta property="og:type" content="website" />
+        <meta property="og:locale" content="en-us" />
+        <meta property="og:image" content="/logo.png" />
+        <meta property="og:url" content={page_url} />
+        <link rel="canonical" href={page_url} />
+
+   </head>
+    <body>
+        <slot />
+    </body>
+    <hr />
+    <footer>
+    </footer>
+</html>
+<style>
+    body {
+        max-width: 1500px;
+        margin: auto;
+    }
+    footer {
+        color: var(--faded);
+        bottom: 0;
+        text-align: center;
+        margin-bottom: 15px;
+    }
+    a {
+        text-decoration: none;
+        color: var(--faded);
+    }
+    a:visited {
+        color: var(--faded);
+    }
+    a:hover {
+        color: var(--text);
+    }
+</style>
+<style is:global>
+    :root {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: large;
+
+        --header-size: 3rem;
+        --header-weight: 800;
+
+        --subheader-size: 2.5rem;
+        --subheader-weight: 100;
+
+        --shadow: 5px 5px;
+        --shadow-hover: 2px 2px;
+
+        --fade-in: 250ms;
+        --fade-out: 100ms;
+
+        --text: black;
+        --bg: white;
+
+        --second: grey;
+        --faded: darkgrey;
+
+        --primary: aqua;
+        --secondary: rgb(201, 49, 49);
+        --callout: rgb(131, 125, 255);
+    }
+    html {
+        background-color: var(--bg);
+        color: var(--text);
+    }
+    svg {
+        transform: translateY(5px);
+    }
+    .small {
+        display: none;
+    }
+    @media screen and (max-width: 650px) {
+        .small {
+            display: block;
+        }
+    }
+    hr {
+        border: none;
+        background-color: var(--faded);
+        height: 2px;
+        margin-top: 40px;
+        margin-bottom: 40px;
+    }
+</style>