Sets up about and home pages.

src/components/Blazestar.astro

@@ -0,0 +1,21 @@
+---
+---
+<span class="logo">
+  <span class="blazestar">Blazestar</span><span class="dot">.</span><span class="net">net</span>
+</span>
+<style>
+  .logo {
+    color: var(--color-light-text);
+    font-family: 'Fira Code', monospace;
+
+    .dot {
+      color: var(--color-red);
+      margin: 0 -0.1em;
+    }
+
+    .net {
+      color: var(--color-red);
+      font-size: 75%;
+    }
+  }
+</style>

src/components/Header.astro

@@ -1,11 +1,11 @@
 ---
 import HeaderLink from './HeaderLink.astro';
-import Logo from './Logo.astro';
+import Blazestar from './Blazestar.astro';
 ---
 
 <header>
 	<nav>
-    <h2><Logo /></h2>
+    <h2><Blazestar /></h2>
 		<div class="internal-links">
 			<HeaderLink href="/">Home</HeaderLink>
 			<HeaderLink href="/blog">Blog</HeaderLink>

src/components/Logo.astro

@@ -1,39 +0,0 @@
----
----
-<div class="logo">
-  <span class="blazestar">Blazestar</span>
-  <span class="dot">.</span>
-  <span class="net">net</span>
-</div>
-<style>
-  .logo {
-    color: var(--color-light-text);
-    font-family: 'Fira Code', monospace;
-    /* display: grid; */
-    /* grid-template-columns: max-content 1fr; */
-    /* grid-template-areas:  */
-    /*   "dot blazestar" */
-    /*   "dot net"; */
-    /* align-items: last baseline; */
-    display: flex;
-    flex-direction: row;
-    align-items: baseline;
-
-    .blazestar {
-      grid-area: blazestar;
-      font-size: 150%;
-    }
-
-    .dot {
-      color: var(--color-red);
-      grid-area: dot;
-      font-size: 150%;
-      margin-right: -0.1em;
-    }
-
-    .net {
-      grid-area: net;
-      color: var(--color-red);
-    }
-  }
-</style>

src/components/Sidebar.astro

@@ -1,11 +1,11 @@
 ---
 import SidebarLink from './SidebarLink.astro';
-import Logo from './Logo.astro';
+import Blazestar from './Blazestar.astro';
 ---
 
 <header>
 	<nav>
-    <h2><Logo></Logo></h2>
+    <h2><Blazestar /></h2>
 		<div class="internal-links">
 			<SidebarLink href="/">Home</SidebarLink>
 			<SidebarLink href="/blog">Blog</SidebarLink>
@@ -38,9 +38,10 @@ import Logo from './Logo.astro';
 		margin: 0;
 		padding: 0 1em;
 	}
+
 	h2 {
 		margin-bottom: 0.5em;
-		font-size: 1em;
+    font-size: 1.5em;
 	}
 
 	h2 a,