Blog page and styling

2024-03-26 18:27:49 +00:00
parent d3bfd215b7
commit b6e2f6e544
3 changed files with 34 additions and 1 deletions
--- a/blog.html
+++ b/blog.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Blog</title>
+    </head>
+    <body>
+        <header>
+            <img src="/img/pfp.webp" width="141" alt="my profile picture">
+            <div class="headerContent">
+                <h1>Chopster44.com</h1>
+                <div>
+                    <a class="link" href="/">home</a>
+                    <a class="link" href="/blog">blog</a>
+                    <a class="link" href="/now">now</a>
+                </div>
+            </div>
+        </header>
+        <main>
+            <h1> Blog: </h1>
+            <p><sub>there isn't anything here yet</sub></p>
+        </main>
+        <footer>
+            <hr>
+            <p>&#169; chopster44 2024</p>
+        </footer>
+    </body>
+
+</html>
--- a/index.css
+++ b/index.css
@@ -32,6 +32,10 @@ a:visited {
 	color: #941352;
 }

+sub {
+	font-size: 12px;
+}
+
@media (prefers-color-scheme: dark) {
 	body {
    		color:#c9d1d9;
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
 			</div>
 		</header>
 		<main>
-			h2>About me:</h2>
+			<h2>About me:</h2>
 			<p>I'm chopster44</p>
 			<p>I know a bit about programming, design circuit boards, building rockets which defy physics, and I play
 				bass.</p>