Merge branch 'main' into develop

recursivezero · web-flow · commit 1f3e256975a8 · 2025-07-01T23:20:06.000+05:30
diff --git a/src/assets/styles/404.css b/src/assets/styles/404.css
@@ -10,10 +10,14 @@
 }
 
 .error-container::before {
-  content: "";
+  content: '';
   position: absolute;
   inset: 0;
-  background: radial-gradient(circle at 20% 30%, light-dark(#3b82f6, #ffffff) 1px, transparent 1px);
+  background:
+    radial-gradient(circle at 20% 30%, light-dark(#3b82f6, #ffffff) 1px, transparent 1px),
+    radial-gradient(circle at 80% 70%, light-dark(#3b82f6, #ffffff) 1px, transparent 1px);
+  background-size: 100px 100px;
+  animation: sparkle 3s linear infinite;
 }
 
 @keyframes sparkle {
@@ -141,3 +145,4 @@
     width: 150px;
   }
 }
+
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -7,7 +7,6 @@ const meta = {
   description: "Looks like this page took a wrong turn! Let's guide you back to learning."
 };
 ---
-
 <BaseLayout meta={meta}>
   <div class="error-container">
     <div class="content">

Original file line number	Diff line number	Diff line change
`@@ -10,10 +10,14 @@`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`.error-container::before {`
`13`		`- content: "";`
	`13`	`+ content: '';`
`14`	`14`	`position: absolute;`
`15`	`15`	`inset: 0;`
`16`		`- background: radial-gradient(circle at 20% 30%, light-dark(#3b82f6, #ffffff) 1px, transparent 1px);`
	`16`	`+ background:`
	`17`	`+ radial-gradient(circle at 20% 30%, light-dark(#3b82f6, #ffffff) 1px, transparent 1px),`
	`18`	`+ radial-gradient(circle at 80% 70%, light-dark(#3b82f6, #ffffff) 1px, transparent 1px);`
	`19`	`+ background-size: 100px 100px;`
	`20`	`+ animation: sparkle 3s linear infinite;`
`17`	`21`	`}`
`18`	`22`
`19`	`23`	`@keyframes sparkle {`
`@@ -141,3 +145,4 @@`
`141`	`145`	`width: 150px;`
`142`	`146`	`}`
`143`	`147`	`}`
	`148`	`+`