Add files via upload

StyingDev · Nov 2, 2024 · 1c62099 · 1c62099
1 parent 1476b89
commit 1c62099
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 13 deletions.
diff --git a/Scripts/settings.js b/Scripts/settings.js
@@ -91,7 +91,7 @@ document.addEventListener("DOMContentLoaded", function() {
     // Handle background loading
     if (existingBackground) {
         newBackground = existingBackground;
-        document.body.style.backgroundImage = `url(${newBackground})`;
+        setBackground(newBackground);
         backgroundInput.value = newBackground;
         document.body.classList.remove("gradient-active"); 
     } else {
@@ -135,12 +135,12 @@ document.addEventListener("DOMContentLoaded", function() {
 
         // Apply background settings
         if (newBackground === "") {
-            document.body.style.backgroundImage = ''; 
+            removeBackground();
             document.body.classList.add("gradient-active");
             localStorage.removeItem("background"); 
         } else {
             localStorage.setItem("background", newBackground);
-            document.body.style.backgroundImage = `url(${newBackground})`;
+            setBackground(newBackground);
             document.body.classList.remove("gradient-active");
         }
 
@@ -178,4 +178,43 @@ document.addEventListener("DOMContentLoaded", function() {
         // Close settings sidebar after saving
         closeSidebar();
     });
+
+    // Add these new functions
+    function setBackground(url) {
+        removeBackground();
+
+        if (url.toLowerCase().endsWith('.mp4')) {
+            const video = document.createElement('video');
+            video.id = 'background-video';
+            video.autoplay = true;
+            video.loop = true;
+            video.muted = true;
+            video.style.position = 'fixed';
+            video.style.right = '0';
+            video.style.bottom = '0';
+            video.style.minWidth = '100%';
+            video.style.minHeight = '100%';
+            video.style.width = 'auto';
+            video.style.height = 'auto';
+            video.style.zIndex = '-1';
+            video.style.objectFit = 'cover';
+
+            const source = document.createElement('source');
+            source.src = url;
+            source.type = 'video/mp4';
+
+            video.appendChild(source);
+            document.body.insertBefore(video, document.body.firstChild);
+        } else {
+            document.body.style.backgroundImage = `url(${url})`;
+        }
+    }
+
+    function removeBackground() {
+        const existingVideo = document.getElementById('background-video');
+        if (existingVideo) {
+            existingVideo.remove();
+        }
+        document.body.style.backgroundImage = '';
+    }
 });
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "StyTab",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Stytab - A minimalist Startpage that meets your needs.",
   "chrome_url_overrides": {
     "newtab": "startpage.html"

diff --git a/popup.html b/popup.html
@@ -18,10 +18,6 @@
     <button id="github-button">
         <img src="icons/Github-icon.svg" alt="GitHub Icon">Github
     </button>
-
-
-
-
     <script src="Scripts/popup.js"></script>
 </body>
 </html>
diff --git a/startpage.html b/startpage.html
@@ -99,8 +99,15 @@ <h2>Settings</h2>
         <option value="https://www.bing.com/search">Bing</option>
         <option value="https://search.yahoo.com/search">Yahoo</option>
         <option value="https://www.qwant.com/">Qwant</option>
-        <option value="https://www.startpage.com/">StartPage</option>
+        <option value="https://www.startpage.com/search">StartPage</option>
         <option value="https://priv.au/search">Priv.au</option>
+        <option value="https://search.brave.com/search">Brave Search</option>
+        <option value="https://www.mojeek.com/search">Mojeek</option>
+        <option value="https://metager.org/meta/meta.ger3">MetaGer</option>
+        <option value="https://searx.be/search">Searx.be</option>
+        <option value="https://search.unlocked.link/search">Unlocked.link</option>
+        <option value="https://searx.tiekoetter.com/search">Tiekoetter</option>
+        <option value="https://searx.dresden.network/search">Dresden.network</option>
     </select>
 
     <label for="time-format">Time Format:</label>
@@ -143,8 +150,6 @@ <h2>Settings</h2>
           <span class="slider"></span>
       </label>
     </div>
-
-
     <button id="save-settings">Save</button>    
   </div>
 
@@ -176,6 +181,6 @@ <h2>QuickLinks</h2>
   <script src="Scripts/settings.js"></script>
   <script src="Scripts/quicklinks.js"></script>
   <script src="Scripts/weather.js"></script>
-    <script src="Scripts/color.js"></script>
+  <script src="Scripts/color.js"></script>
 </body>
-</html>
+</html>