Add favicon + fix orb effect for firefox

aryanpingle · aryanpingle · commit 4843382bc02f · 2024-09-22T18:03:40.000+05:30
diff --git a/dist/images/favicon.png b/dist/images/favicon.png
diff --git a/dist/index.html b/dist/index.html
@@ -7,6 +7,12 @@
 
         <link rel="stylesheet" href="./bundle/index.css" />
 
+        <link
+            rel="shortcut icon"
+            href="./images/favicon.png"
+            type="image/png"
+        />
+
         <script src="./bundle/index.js" async defer></script>
     </head>
     <body>
diff --git a/src/index.css b/src/index.css
@@ -75,6 +75,7 @@ button {
     height: 100%;
     z-index: -1;
     overflow: hidden;
+    opacity: 0.15;
 }
 
 .orb {
@@ -85,7 +86,7 @@ button {
     border-radius: 100%;
     background-color: var(--orb-color, crimson);
 
-    filter: opacity(0.25) blur(20em);
+    filter: blur(20em);
 }
 
 .orb-red {

Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,7 @@ button {`
`75`	`75`	`height: 100%;`
`76`	`76`	`z-index: -1;`
`77`	`77`	`overflow: hidden;`
	`78`	`+ opacity: 0.15;`
`78`	`79`	`}`
`79`	`80`
`80`	`81`	`.orb {`
`@@ -85,7 +86,7 @@ button {`
`85`	`86`	`border-radius: 100%;`
`86`	`87`	`background-color: var(--orb-color, crimson);`
`87`	`88`
`88`		`- filter: opacity(0.25) blur(20em);`
	`89`	`+ filter: blur(20em);`
`89`	`90`	`}`
`90`	`91`
`91`	`92`	`.orb-red {`