feat: center align content in index page

2025-06-28 12:04:25 +08:00 · 2025-06-28 12:04:25 +08:00 · 863f4b8a48
commit 863f4b8a48
parent 52fc755eb2
2 changed files with 18 additions and 7 deletions
--- a/src/index.html
+++ b/src/index.html
@ -6,6 +6,7 @@
    <link rel="icon" type="image/x-icon" href="favicon.ico">
  </head>
  <body>
+    <div class="container">
      <h1>hi! im rafiq.</h1>
      <p>i'm a developer and avid self hoster. here's my links:</p>
      <a href="/blog">blog</a>
@ -13,5 +14,6 @@
      <a href="https://instagram.com/88rafiq">ig</a>
      <a href="https://linkedin.com/in/rrvsh">linkedin</a>
      <a href="https://reddit.com/u/bwfiq">reddit</a>
+    </div>
  </body>
 </html>
--- a/src/style.css
+++ b/src/style.css
@ -2,3 +2,12 @@ body {
  background-color: black;
  color: white;
 }
+div.container {
+  margin: 0;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}