a lot of things

rinyafii · Jan 17, 2024 · 386c44d · 386c44d
1 parent a4fffa6
commit 386c44d
Show file tree

Hide file tree

Showing 15 changed files with 513 additions and 41 deletions.
diff --git a/public/pageReqs/links/bluesky.svg b/public/pageReqs/links/bluesky.svg
diff --git a/public/pageReqs/links/discord.svg b/public/pageReqs/links/discord.svg
diff --git a/public/pageReqs/links/github.svg b/public/pageReqs/links/github.svg
diff --git a/public/pageReqs/links/spotify.svg b/public/pageReqs/links/spotify.svg
diff --git a/public/pageReqs/links/steam.svg b/public/pageReqs/links/steam.svg
diff --git a/public/pageReqs/links/twitch.svg b/public/pageReqs/links/twitch.svg
diff --git a/public/pageReqs/links/twitter.svg b/public/pageReqs/links/twitter.svg
diff --git a/public/pageReqs/links/youtube.svg b/public/pageReqs/links/youtube.svg
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -8,11 +8,16 @@
         padding: 0.5rem;
         background-color: #71578e50;
         backdrop-filter: blur(10px);
+
+        display: flex;
+        justify-content: center;
     }
     .frame {
         display: flex;
         flex-direction: row;
         justify-content: center;
+		width: 100%;
+        max-width: 120ch;
     }
 </style>
 

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -2,12 +2,6 @@
 import HeaderButton from './buttons/HeaderButton.astro';
 ---
 <style>
-    nav {
-        display: flex;
-        align-items: flex-end;
-        justify-content: flex-start;
-        height: 100%;
-    }
     a {
         text
         margin: 0.2em;
@@ -19,7 +13,40 @@ import HeaderButton from './buttons/HeaderButton.astro';
         padding-bottom: 0;
         background-color: #71578e50;
         backdrop-filter: blur(10px);
+
+        display: flex;
+        justify-content: center;
     }
+    nav {
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-start;
+        height: 100%;
+        width: 100%;
+        max-width: 120ch;
+    }
+
+	.wipTab {
+        padding-left: 0.4rem;
+        padding-right: 0.4rem;
+        margin-left: 0.1rem;
+        margin-right: 0.1rem;
+
+        width: 5rem;
+        height: 2.5rem;
+        border-top-left-radius: 0.5rem;
+        border-top-right-radius: 0.5rem;
+
+        display: flex;
+        justify-content:center;
+        align-items: center;
+
+        font-weight: bold;
+        color: #202020;
+        background: #f1ad8a;
+        text-decoration: none;
+    }
+
 </style>
 
 <script>
@@ -33,6 +60,7 @@ import HeaderButton from './buttons/HeaderButton.astro';
 <header>
     <nav>
         <img class="logo" src="/melogo.svg" height=45px />
+		<div class="wipTab"><h2>WIP</h2></div>
         <HeaderButton location="/" text="home" class="homeBtn" />
         <HeaderButton location="/links/" text="my links" class="linksBtn" />
         <HeaderButton location="/thoughts/" text="thoughts" class="thoughtsBtn" />