finalize mobile design

[website.git] / static / blog.html
diff --git a/static/blog.html b/static/blog.html

index 4af2ee2a52db428836867164f336ee0e38d8ead0..8e820a48498da13ffe4fef6556daaacde04a01b9 100644 (file)
--- a/static/blog.html
+++ b/static/blog.html
@@ -9,7 +9,14 @@
      <head>
          <title>blog | arthurtaft.net</title>
          <meta charset="UTF-8">
-        <link rel="stylesheet" href="styles.css">
+        <meta name="viewport" content="width=device-width">
+        <link rel="stylesheet" href="/static/styles.css">
+        <link rel="icon" href="/favicon.ico" />
+        <style>
+            #container .main-text {
+                align-self: center;
+            }
+        </style>
      </head>
      <body>
          <div id="main-cont">
@@ -23,12 +30,17 @@
                  </ul>
              </div>
              <div id="title-div">
+                <h1 class="logo">>_</h1>
                  <h1 class="page-title">arthurtaft.net</h1>
              </div>
              <div id="container">
                  <h2 class="main-header">Blog</h1>
                  <p class="main-text">Still working on this... Come back later!</p>
-                <img src="in-progress.gif">
+                <img src="/static/in-progress.gif">
+            </div>
+            <div id="footer">
+                <p class="footer-text">source: <a class="footer-link" href="https://github.com/arthur-taft/website" target="_blank">github.com/arthur-taft/website</a></p>
+                <p class="footer-text">&copy; arthur taft - 2025</p>
              </div>
          </div>
      </body>