remove the slider and make the transparency 55% - Follow Up Deployment

index.html

@@ -55,7 +55,7 @@
             font-size: 64px;
             font-weight: 700;
             letter-spacing: -2px;
-            opacity: 1;
+            opacity: 0.55;
         }
         
         .clock-date {
@@ -63,7 +63,7 @@
             font-weight: 600;
             margin-top: -8px;
             letter-spacing: -0.3px;
-            opacity: 1;
+            opacity: 0.55;
         }
     </style>
     
@@ -71,10 +71,6 @@
         <div style="background-color: #1e1e1e; width: 400px; margin: 100px auto; padding: 20px; border-radius: 12px;">
             <h2 style="margin-top: 0;">Settings</h2>
             <input type="file" id="wallpaper-input" accept="image/*" style="display: none;">
-            <div style="margin-bottom: 15px;">
-                <label style="display: block; margin-bottom: 5px;">Clock Transparency</label>
-                <input type="range" id="transparency-slider" min="0" max="100" value="100" style="width: 100%;">
-            </div>
             <button onclick="document.getElementById('wallpaper-input').click()" style="background: #2c2c2e; color: white; border: none; padding: 10px 15px; border-radius: 8px; cursor: pointer;">
                 Upload Wallpaper
             </button>
@@ -92,12 +88,6 @@
             document.getElementById('settings-modal').style.display = 'block';
         });
 
-        document.getElementById('transparency-slider').addEventListener('input', function(e) {
-            const transparency = e.target.value / 100;
-            document.querySelector('.clock-time').style.opacity = transparency;
-            document.querySelector('.clock-date').style.opacity = transparency;
-        });
-
         document.getElementById('wallpaper-input').addEventListener('change', function(e) {
             const file = e.target.files[0];
             if (file) {