add mobile design rules

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

index 71ab32c26266402210f67b19e5699a9b195f179d..9749db6feda32f5dedbe413a2c04b872bf4489e9 100644 (file)
--- a/static/blog.html
+++ b/static/blog.html
@@ -9,7 +9,13 @@
      <head>
          <title>blog | arthurtaft.net</title>
          <meta charset="UTF-8">
      <head>
          <title>blog | arthurtaft.net</title>
          <meta charset="UTF-8">
-        <link rel="stylesheet" href="styles.css">
+        <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">
      </head>
      <body>
          <div id="main-cont">
@@ -23,10 +29,17 @@
                  </ul>
              </div>
              <div id="title-div">
                  </ul>
              </div>
              <div id="title-div">
+                <h1 class="logo">>_</h1>
                  <h1 class="page-title">arthurtaft.net</h1>
              </div>
              <div id="container">
                  <h1 class="page-title">arthurtaft.net</h1>
              </div>
              <div id="container">
-                <h2 class="main-header">I love Gentoo Linux</h1>
+                <h2 class="main-header">Blog</h1>
+                <p class="main-text">Still working on this... Come back later!</p>
+                <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>
              </div>
          </div>
      </body>