test first commit

2023-07-17 23:34:53 +02:00 · 2023-07-17 23:34:53 +02:00 · 93ad10a1d5
commit 93ad10a1d5
parent 7bc2057f5c
23 changed files with 6404 additions and 75 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -0,0 +1,81 @@
+---
+import Navbar from '../components/navbar.astro'
+import NavbarEntry from '../components/navbarEntry.astro'
+import navdata from '../../static/assets/data/_navdata.json'
+
+export interface Props {
+  title: string
+  currentpage: string
+  descriptionOverride?: string
+}
+
+const { descriptionOverride, currentpage, title } = Astro.props
+let description
+
+if (descriptionOverride === undefined) {
+  description = 'FGO TA Catalogue'
+} else {
+  description = descriptionOverride
+}
+
+let currPage = 'https://fgo-ta.com/'
+if (currentpage !== 'home') {
+  currPage += currentpage
+}
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>{title}</title>
+    <!-- Meta Tags -->
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="generator" content={Astro.generator} />
+    <meta name="description" content={description} />
+    <meta property="og:title" content={title} />
+    <meta property="og:url" content={currPage} />
+    <meta property="og:description" content={description} />
+    <meta property="og:image" content="/assets/embed.png" />
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="en_US" />
+    <meta name="theme-color" content="#b86cff" />
+    <!-- Links -->
+    <link rel="icon" type="image/ico" href="/assets/favicon.ico" />
+    <link rel="sitemap" href="/sitemap-index.xml" />
+    <link href="https://mastodon.neshweb.net/@Firq" rel="me" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"
+    />
+  </head>
+  <body>
+    <Navbar>
+      {
+        navdata.map((item) => (
+          <NavbarEntry currentPage={currentpage} {...item} />
+        ))
+      }
+    </Navbar>
+    <slot />
+  </body>
+</html>
+<style is:global>
+  :root {
+    --hover-scale: 1.05;
+    --speed: 50%;
+    --ease: 50%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    --c-darkgray: #1e1e1e;
+    --c-duskgray: #242424;
+    --c-gray: #2e2e2e;
+    --c-lightgray: #3e3e3e;
+    --c-darkpurple: #b86cff;
+    --c-purplepink: #c105ff;
+    --c-darkergray: #1b1b1b;
+  }
+  body {
+    background: var(--c-lightgray);
+    margin: 0px;
+  }
+</style>