Dev setup complete

2025-04-06 16:26:32 +02:00
parent 1ea6250b08
commit b4f62bd6da
17 changed files with 270 additions and 17 deletions
--- a/src/css/math.css
+++ b/src/css/math.css
@@ -0,0 +1,35 @@
+* {
+    margin: 0;
+    padding: 0;
+
+}
+
+body {
+    display: flex;
+    flex-direction: row;
+    font-family: 'Courier New', Courier, monospace;
+}
+
+nav {
+    padding-top: 12pt;
+    display: flex;
+    flex-direction: column;
+    background-color: steelblue;
+    min-width: 120pt;
+    height: 100vh;
+}
+nav a {
+    padding: 0pt 4pt 2pt 4pt;
+    display: inline-block;
+    font-size: large;
+    color: whitesmoke;
+}
+nav a:hover {
+    background-image: linear-gradient(to bottom, steelblue, midnightblue);
+    /* background-color: #b23a22; */
+}
+
+article {
+    padding-top: 12pt;
+    padding-left: 12pt;
+}
--- a/src/layout/math.astro
+++ b/src/layout/math.astro
@@ -0,0 +1,21 @@
+---
+import '../css/math.css';
+const { frontmatter } = Astro.props;
+---
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{frontmatter.title}</title>
+  </head>
+  <body>
+    <nav>
+      <a href="/">Home</a>
+      <a href="#">Posts</a>
+      <a href="#">Contact</a>
+    </nav>
+    <article>
+      <slot /> <!-- your content is injected here -->
+    </article>
+  </body>
+</html>
--- a/src/pages/index.md
+++ b/src/pages/index.md
@@ -0,0 +1,8 @@
+---
+layout: "../layout/math.astro"
+title: "Test"
+---
+# Test
+## More test
+
+### Lol!