improved speed, added placeholder, thumbnail logic on server side, hi…

…ghlighted ads logic beginning
puksh · Aug 28, 2024 · 9301cf3 · 9301cf3
1 parent d5271c0
commit 9301cf3
Show file tree

Hide file tree

Showing 5 changed files with 285 additions and 209 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1,27 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>OLX Custom Search</title>
     <link rel="stylesheet" href="styles.css">
     <link rel="icon" href="/Site-favicon.ico" type="image/x-icon">
 </head>
+
 <body>
     <div class="top-bar">
         <button id="darkModeToggle">🌙 Toggle Dark Mode</button>
+        <button id="toggleAdsButton">Hide Highlighted Ads</button>
     </div>
     <div class="search-bar-container">
         <!-- Search Bar -->
         <label>🔍</label>
         <input type="text" id="searchBox" placeholder="Enter your search query">
-        
+
         <!-- City Input -->
         <label>🌆</label>
         <input type="text" id="cityInput" placeholder="Enter your city">
         <button id="findLocationButton">Find My Location</button>
-    
-        
+
+
         <!-- Sorting -->
         <label>🔽</label>
         <label for="category-select">Sort:</label>
@@ -37,7 +40,7 @@
             <label for="category-select">Category:</label>
             <select id="category-select" class="category-select">
                 <option value="">Wszystkie kategorie</option>
-                
+
                 <!-- Antyki i Kolekcje with subcategories -->
                 <optgroup label="Antyki i Kolekcje">
                     <option value="4042">Antyki i Kolekcje</option>
@@ -142,14 +145,16 @@
     <!-- SVG Spinner -->
     <div id="spinner" style="display: none;">
         <svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
-        <circle cx="25" cy="25" r="20" stroke="#3498db" stroke-width="5" fill="none" stroke-linecap="round">
-            <animate attributeName="stroke-dasharray" values="1,200;100,200;1,200" dur="1.5s" repeatCount="indefinite" />
-            <animate attributeName="stroke-dashoffset" values="0; -15; -125" dur="1.5s" repeatCount="indefinite" />
-        </circle>
+            <circle cx="25" cy="25" r="20" stroke="#3498db" stroke-width="5" fill="none" stroke-linecap="round">
+                <animate attributeName="stroke-dasharray" values="1,200;100,200;1,200" dur="1.5s"
+                    repeatCount="indefinite" />
+                <animate attributeName="stroke-dashoffset" values="0; -15; -125" dur="1.5s" repeatCount="indefinite" />
+            </circle>
         </svg>
     </div>
-    
-            
+
+
     <script src="script.js"></script>
 </body>
-</html>
+
+</html>
diff --git a/public/placeholder.png b/public/placeholder.png