modified index.html & style.css

j0ell1 · Oct 14, 2024 · 5ce4501 · 5ce4501
1 parent db9b221
commit 5ce4501
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -11,8 +11,9 @@
   <title>J.</title>
 </head>
 <body>
-  <div class="overlay" id="overlay"></div>
-
+  <div class="overlay blur" id="overlay"></div>
+  <div class="container blur">
+
   <div class="container">
     <a id="albumArtLink" href="#" target="_blank">
       <img id="albumArt" alt="Album Art" style="display:none;" />

diff --git a/style.css b/style.css
@@ -53,12 +53,10 @@ body {
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
   z-index: 10; /* Ensure the icon is above other content */
 }
-
 .material-symbols-outlined {
   font-size: 50px;
   color: #999999;
 }
-
 /* Popup container */
 .popup {
   display: none;
@@ -75,18 +73,15 @@ body {
   transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
   z-index: 20; /* Ensure the popup is above the blurred background */
 }
-
 .popup.show {
   display: block;
   opacity: 1;
   transform: translate(-50%, -50%) scale(1); /* Centered and scale effect */
 }
-
 /* Blur effect for body */
 .blur {
   filter: blur(5px); /* Adjust blur strength */
 }
-
 /* Dark overlay for better visibility */
 .overlay {
   display: none;
@@ -98,7 +93,6 @@ body {
   background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
   z-index: 15; /* Overlay below the popup */
 }
-
 .overlay.show {
   display: block;
 }