paths

mudkipdev · Dec 2, 2024 · e8b4c31 · e8b4c31
1 parent 0ea179f
commit e8b4c31
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 15 deletions.
diff --git a/src/components/Profile.astro b/src/components/Profile.astro
@@ -1,8 +1,16 @@
 ---
+interface Props {
+    path: string;
+}
+
+const { path } = Astro.props;
 ---
 <div id="profile">
     <img src="https://avatars.githubusercontent.com/u/86132148" width="80" height="80">
-    <h1>mudkip</h1>
+    <div id="text">
+        <h1>mudkip</h1>
+        <p>{path}</p>
+    </div>
 </div>
 
 <hr>
@@ -14,4 +22,16 @@
         user-select: none;
         gap: 1.25em;
     }
+
+    /* fix all this */
+    #profile #text {
+        margin-top: -1em;
+        flex-direction: column;
+        gap: 0;
+    }
+
+    #profile p {
+        margin-top: -0.5em;
+        color: var(--surface-5);
+    }
 </style>
diff --git a/src/content/blog/welcome.md b/src/content/blog/welcome.md
@@ -2,4 +2,4 @@
 date: 2024-05-09
 title: welcome
 ---
-This page only exists because of a code limitation.
+this page only exists because of a code limitation
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
@@ -6,12 +6,14 @@ import "../style.css";
 
 interface Props {
     title: string;
+    path?: string;
 }
 
-const { title } = Astro.props;
+const { title, path = "~/" + title.toLowerCase().replaceAll(" ", "-") } = Astro.props;
 ---
 <html lang="en">
     <head>
+        <title>{path}</title>
         <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
         <link
         rel="alternate" type="application/rss+xml"
@@ -21,15 +23,13 @@ const { title } = Astro.props;
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta http-equiv="X-UA-Compatible" content="ie=edge" />
         <meta name="theme-color" content="#C6A0F6" />
-        <slot name="metadata">
-            <title>~/{title === "mudkip" ? "" : title}</title>
-            <meta property="og:title" content={title} />
-        </slot>
+        <meta property="og:title" content={title} />
+        <slot name="metadata" />
     </head>
     <body>
         <main>
-            <slot name="title">
-                <Profile />
+            <slot name="profile">
+                <Profile path={path} />
             </slot>
 
             <Header />

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -6,7 +6,7 @@ import Page from "@layouts/Page.astro";
 </Page>
 
 <script>
-    let element = document.getElementById("wip");
+    const element = document.getElementById("wip");
     let iteration = 3;
 
     setInterval(() => {

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -3,7 +3,6 @@ import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
 import { getCollection } from "astro:content";
 import { stripContent } from "@content/config";
 import Page from "@layouts/Page.astro";
-import Date from "@components/Date.astro";
 
 type Props = InferGetStaticPropsType<typeof getStaticPaths>;
 
@@ -21,12 +20,11 @@ export const getStaticPaths = (async () => {
 const { post, data } = Astro.props;
 const { Content } = await post.render();
 const stripped = await stripContent(post);
+const path = "~/blog/" + data.title.toLowerCase().replaceAll(" ", "-") + ".txt";
 ---
-<Page title={data.title}>
+<Page title={data.title} path={path}>
     <Fragment slot="metadata">
-        <title>~/blog/{data.title}.txt</title>
         <meta property="og:site_name" content="mudkip" />
-        <meta property="og:title" content={data.title} />
         <meta property="og:description" content={stripped} />
     </Fragment>
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -3,7 +3,7 @@ import Page from "@layouts/Page.astro";
 
 const bio = "I'm a software developer and security researcher, my interests include programming, video games, and music.";
 ---
-<Page title="mudkip">
+<Page title="mudkip" path="~/">
     <Fragment slot="metadata">
         <title>~/</title>
         <meta property="og:title" content="mudkip" />