Added Background and Blur

Author: coder-Retro

assets/css/custom.css

@@ -6,8 +6,25 @@ img.mb-2.h-36.w-36.rounded-full {
     transform: none;
 }
 body {
-    background: linear-gradient(135deg,#242424,#000000); 
-    background-repeat: no-repeat;
+    margin: 0;
+    color: white;
+    overflow-x: hidden;
+    align-items: center;
+}
+
+body::before {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
+            url('/background.png');;
     background-size: cover;
-    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    filter: blur(5px);
+    background-color: rgba(0, 0, 0, 0.2);
 }

content/aboutme/index.md

@@ -1,6 +1,11 @@
-# About Me
+---
+draft: false
+title: 'About Me'
+date: 2026-03-20
+---
+
 <div style="text-align: justify">
-Lets start with who I am and what's my intention with this blog.
+Let's start with who I am and what's my intention with this blog.
 </div>
 
 ## Introduction
@@ -24,7 +29,7 @@ Through the course of my journey in tech, I have gotten my hand on some neat pro
     <li>HTML/CSS</li>
     <li>Graphic Design</li>
 </ul>
-I think judging by all of this till now you might already be able to tell that most of the time, I will be seen around my laptop, and around my friends as well, which are also explorers like me. Yup, that's my entire circle.
+I think judging by all of this till now you might already be able to tell that most of the time, I will be seen around my laptop, and around my friends as well, which are also explorers like me. Yup, that's most of my circle.
 </div>
 
 ## Miscellaneous

public/404.html

@@ -103,8 +103,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.342cb350aae07b72fec15650acdbf4f818daf93b55223d48f7f679bbf49de4d7923534a1f2fee061ede88d2c5a97f56d9bf369a721f8087809c348c6a840e03e.css"
-    integrity="sha512-NCyzUKrge3L&#43;wVZQrNv0&#43;Bja&#43;TtVIj1I9/Z5u/Sd5NeSNTSh8v7gYe3ojSxal/Vtm/NppyH4CHgJw0jGqEDgPg==">
+    href="/css/main.bundle.min.003ddf6eb5b65e8f23ee8abeabcd24b4d17145b821b755efcf43dd44c4a1bcbd148e54636a3a236c54e075b4070831f7af57ceaf631e4e1397ab6f28516d6fd8.css"
+    integrity="sha512-AD3fbrW2Xo8j7oq&#43;q80ktNFxRbght1Xvz0PdRMShvL0UjlRjajojbFTgdbQHCDH3r1fOr2MeThOXq28oUW1v2A==">
 
 
 
@@ -330,7 +330,7 @@
 
       class="flex items-center bf-icon-color-hover"
       aria-label="&lt;b&gt;About Me&lt;/b&gt;"
-      title="">
+      title="About Me">
 
 
         <span class="text-base font-medium break-normal">
@@ -443,7 +443,7 @@
 
         class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200">
 
-        <span title="" class="text-2xl font-bold tracking-tight">
+        <span title="About Me" class="text-2xl font-bold tracking-tight">
           <b>About Me</b>
         </span>