add app

2023-05-20 14:11:35 +02:00
parent 7f6b7f4695
commit 7576850ae0
109 changed files with 10720 additions and 0 deletions
--- a/web/src/layouts/Layout.astro
+++ b/web/src/layouts/Layout.astro
@@ -0,0 +1,116 @@
+---
+import Header from "components/Layout/Header.astro";
+import Footer from "components/Layout/Footer.astro";
+
+export interface Props {
+  title: string;
+}
+
+const { title } = Astro.props;
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="generator" content={Astro.generator} />
+    <title>tempblade Creator - {title}</title>
+  </head>
+  <body>
+    <Header />
+    <slot />
+    <Footer />
+  </body>
+</html>
+<style is:global>
+  :root {
+    --font-main: "Gilroy", system-ui, sans-serif;
+
+    --font-size-s: 0.8rem;
+    --font-size-m: 1rem;
+    --font-size-l: 1.2rem;
+    --font-size-xl: 2.5rem;
+    --font-size-xxl: 3rem;
+
+    --color-neutral: #222;
+    --color-neutral-accent: #333;
+    --color-main: #eee;
+
+    --padding-main: 24px 48px;
+
+    --content-max-width: 1600px;
+  }
+  html {
+    font-family: system-ui, sans-serif;
+    color: var(--color-main);
+    background-color: var(--color-neutral);
+  }
+  code {
+    font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
+      DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+  }
+
+  h1 {
+    font-weight: 800;
+    font-size: var(--font-size-xxl);
+  }
+
+  h2 {
+    font-weight: 700;
+
+    font-size: var(--font-size-xl);
+  }
+
+  h3 {
+    font-weight: 600;
+    font-size: var(--font-size-l);
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-weight: 500;
+    font-size: var(--font-size-m);
+  }
+
+  p {
+    max-width: 600px;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--font-main);
+    line-height: 1;
+  }
+
+  p,
+  li,
+  button,
+  a {
+    font-family: var(--font-main);
+  }
+
+  .button {
+    background-color: #563795;
+    padding: 0.75rem 1.25rem;
+    border-radius: 30px;
+    transition: filter 0.1s linear;
+    font-weight: 600;
+
+    &:hover {
+      filter: brightness(0.8);
+    }
+  }
+
+  .default-section {
+    max-width: var(--content-max-width);
+    padding: var(--padding-main);
+    margin: auto;
+  }
+</style>