Harden browser compatibility, darkreader lock, and root-site URL update

Bikram Gole · Bikram Gole · commit bf1859bc4acb · 2026-02-18T08:24:45.000+05:45
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@ Welcome to my personal website 👋, a unique digital space blending cosmic aest
 
 ![Website Screenshot](https://private-us-east-1.manuscdn.com/sessionFile/9cAiiLqihcferJQ4kf8kWy/sandbox/ixnJoNIEkF9T2NG4Kgx1TM-images_1771379203676_na1fn_L2hvbWUvdWJ1bnR1L2Jpa3JhbS1zaXRlL3NjcmVlbnNob3Q.webp?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9wcml2YXRlLXVzLWVhc3QtMS5tYW51c2Nkbi5jb20vc2Vzc2lvbkZpbGUvOWNBaWlMcWloY2ZlckpRNGtmOGtXeS9zYW5kYm94L2l4bkpvTklFa0Y5VDJORzRLZ3gxVE0taW1hZ2VzXzE3NzEzNzkyMDM2NzZfbmExZm5fTDJodmJXVXZkV0oxYm5SMUwySnBhM0poYlMxemFYUmxMM05qY21WbGJuTm9iM1Eud2VicCIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc5ODc2MTYwMH19fV19&Key-Pair-Id=K2HSFNDJXOU9YS&Signature=qjvC0UplDb3Fn098ayHf7VOlBs~4F-vI2ePhXH0Pc3xSMa3E8hnpiv0~HwRiomwz4l7i5C837Is1Ir7WrBV6elFVTRHtrIEY4rpRNJCBmNNBpH4IFApHKSOhhgPRcuj7xopduBj0YD-SckcdhEu59XUqCn~I2NYCA0se2W~MR6vPxdT8io8YFzFEdBrx97Bz4BteT1R6ubTUQY~GriMDd0y215hTOu1APeUwEjsSN4yYqnAlNls7kPDp4M4rDhuVKciH9y9qwR6pU5xTu4EGAglsHaSdU0Z~avm2yWRBsZbix~4Wxtx17uHi82vrT4J27S3VlJ-pdpIfOoWp5pyrDw__)
 
-**Live Site:** `https://devxtechnic.github.io/bikram-site/`
+**Live Site:** `https://devxtechnic.github.io/`
 
 ## Motivation
 
@@ -52,8 +52,8 @@ To set up and run my project on your local machine, follow these steps 👇:
 
 1.  **Clone the repository:**
     ```bash
-    git clone https://github.com/DevXtechnic/bikram-site.git
-    cd bikram-site
+    git clone https://github.com/DevXtechnic/DevXtechnic.github.io.git
+    cd DevXtechnic.github.io
     ```
 2.  **Serve the files:**
     You can use a simple Python HTTP server 🐍:
diff --git a/about.html b/about.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="darkreader-lock" />
   <title>About Neo | Aura Farmer</title>
   <meta name="description" content="About Bikram Gole from Gongabu, KTM. AI-focused student builder with chaotic fun style." />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/contact.html b/contact.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="darkreader-lock" />
   <title>Contact Neo | Aura Farmer</title>
   <meta name="description" content="Contact Bikram Gole for AI, Linux, open source, and collaboration." />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="darkreader-lock" />
   <title>Neo | Aura Farmer</title>
   <meta name="description" content="Bikram Gole - Aura Farmer from Gongabu, KTM. Chaotic fun personal site around AI, open source, crypto, and philosophy." />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/script.js b/script.js
@@ -467,12 +467,28 @@ function triggerPulseBackdrop(clientX = null, clientY = null) {
 
   document.body.appendChild(layer);
 
-  // Force animation start reliably on slower mobile browsers.
-  requestAnimationFrame(() => {
-    requestAnimationFrame(() => {
-      layer.classList.add("is-active");
-    });
-  });
+  // Force animation start reliably across restricted browsers.
+  void layer.offsetWidth;
+  layer.classList.add("is-active");
+  requestAnimationFrame(() => layer.classList.add("is-active"));
+
+  // Extra visible fallback flash for browsers that suppress blend/animation effects.
+  const flash = document.createElement("span");
+  flash.className = "pulse-core-flash";
+  flash.style.left = `${x}px`;
+  flash.style.top = `${y}px`;
+  document.body.appendChild(flash);
+  if (typeof flash.animate === "function") {
+    flash.animate(
+      [
+        { transform: "translate(-50%, -50%) scale(0.45)", opacity: 0.9 },
+        { transform: "translate(-50%, -50%) scale(3.6)", opacity: 0 },
+      ],
+      { duration: 420, easing: "cubic-bezier(0.2, 0.7, 0.3, 1)", fill: "forwards" }
+    ).onfinish = () => flash.remove();
+  } else {
+    window.setTimeout(() => flash.remove(), 450);
+  }
 
   const cleanup = () => layer.remove();
   layer.addEventListener("animationend", cleanup, { once: true });
diff --git a/styles.css b/styles.css
@@ -2310,6 +2310,19 @@ body.browser-firefox .pulse-wave {
     radial-gradient(620px 440px at var(--pulse-x, 50%) var(--pulse-y, 35%), rgba(71, 139, 255, 0.28), transparent 78%);
 }
 
+.pulse-core-flash {
+  position: fixed;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  pointer-events: none;
+  z-index: 54;
+  transform: translate(-50%, -50%);
+  background:
+    radial-gradient(circle, rgba(235, 248, 255, 0.95) 0%, rgba(145, 210, 255, 0.85) 42%, rgba(255, 170, 96, 0.52) 70%, rgba(255, 170, 96, 0) 100%);
+  box-shadow: 0 0 20px rgba(151, 215, 255, 0.82), 0 0 34px rgba(255, 161, 85, 0.5);
+}
+
 .pulse-wave::after {
   content: "";
   position: absolute;
