diff --git a/dev/images/maybe.jpg b/dev/images/maybe.jpg
new file mode 100644
index 0000000..f43586e
Binary files /dev/null and b/dev/images/maybe.jpg differ
diff --git a/dev/index.html b/dev/index.html
index af977cf..db23c72 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -1,7 +1,6 @@
 <!doctype html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="jabuxas' website" />
@@ -11,40 +10,69 @@
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="manifest" href="/site.webmanifest" />
     <link href="style.css?version=1" rel="stylesheet" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div class="container">
-        <div class="top-level">
-            <div>
-                <img src="./images/icon.jpg" alt="jabuxas' icon" />
-                <h2>jabuxas</h2>
-            </div>
-            <hr />
+      <div class="top-level">
+        <div>
+          <div class="image-container">
+            <img src="./images/maybe.jpg" alt="jabuxas' icon" />
+          </div>
+          <h2>jabuxas</h2>
         </div>
-        <div class="bottom-level">
-            <div class="link-item">
-                <a class="mastodon-icon icon" rel="me" href="https://social.linux.pizza/@jabuxas">my mastodon</a>
-            </div>
-            <div class="link-item">
-                <a class="mail-icon icon" href="mailto:jabuxas@proton.me">my contact email</a>
-            </div>
-            <div class="link-item">
-                <a class="github-icon icon" href="https://github.com./jabuxas" target="_blank">my github</a>
-            </div>
-            <div class="link-item">
-                <a class="gitea-icon icon" href="https://git.jabuxas.xyz/jabuxas" target="_blank">my gitea</a>
-            </div>
-            <div class="link-item">
-                <a class="blog-icon icon" href="https://blog.jabuxas.xyz" target="_blank">my blog</a>
-            </div>
-            <div class="link-item">
-                <a class="paste-icon icon" href="https://paste.jabuxas.xyz" target="_blank">my paste</a>
-            </div>
+        <hr />
+      </div>
+      <div class="bottom-level">
+        <div class="link-item">
+          <a
+            class="mastodon-icon icon"
+            rel="me"
+            href="https://social.linux.pizza/@jabuxas"
+            target="_blank"
+            >Mastodon</a
+          >
         </div>
+        <div class="link-item">
+          <a class="mail-icon icon" href="mailto:jabuxas@proton.me"
+            >Contact Email</a
+          >
+        </div>
+        <div class="link-item">
+          <a
+            class="github-icon icon"
+            href="https://github.com/jabuxas"
+            target="_blank"
+            >Github</a
+          >
+        </div>
+        <div class="link-item">
+          <a
+            class="gitea-icon icon"
+            href="https://git.jabuxas.xyz/jabuxas"
+            target="_blank"
+            >Gitea</a
+          >
+        </div>
+        <div class="link-item">
+          <a
+            class="blog-icon icon"
+            href="https://blog.jabuxas.xyz"
+            target="_blank"
+            >Blog</a
+          >
+        </div>
+        <div class="link-item">
+          <a
+            class="paste-icon icon"
+            href="https://paste.jabuxas.xyz"
+            target="_blank"
+            >Pastebin</a
+          >
+        </div>
+      </div>
     </div>
 
-    <footer>© 2024 jabuxas - all rights by yours truly</footer>
-</body>
-
+    <footer>© 2025 jabuxas - all rights by yours truly</footer>
+  </body>
 </html>
diff --git a/dev/style.css b/dev/style.css
index cfae614..d15f118 100644
--- a/dev/style.css
+++ b/dev/style.css
@@ -17,12 +17,24 @@ body {
     justify-content: center;
 
     background-color: #1e1e1e;
-    color: #d4d4d4;
+    color: #aeaeae;
+}
+
+.image-container {
+    width: 150px;
+    height: 150px;
+    border-radius: 50px;
+    overflow: hidden;
+    position: relative;
 }
 
 img {
-    width: 150px;
-    border-radius: 50px;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: top;
+    transform: scale(1.2);
+    transform-origin: top center;
 }
 
 .top-level div {
@@ -39,12 +51,17 @@ img {
 
 .link-item a {
     text-decoration: none;
-    color: #d4d4d4;
     font-weight: bolder;
     display: flex;
+    color: #aeaeae;
     align-items: center;
 }
 
+.link-item a:hover,
+h2:hover {
+    color: #d4d4d4;
+}
+
 .icon {
     font-family: "Terminess Nerd Font";
     font-size: 1.5em;
@@ -86,7 +103,7 @@ img {
 }
 
 .blog-icon:before {
-    content: "\e287";
+    content: "\f01f";
     font-size: 1.5em;
     padding-right: 8px;
     /* padding-left: 4px; */
