1document.addEventListener('DOMContentLoaded', function () { 2 var emailFormHtml = ` 3<section id="home-section-top-banner" class="starthide image-bg-top-banner desktop-app"> 4<div class="container-top-banner"> 5 <div class="home-content-top-banner"> 6<div class="wrap-5sm" style="position: relative;max-width: 80%;margin: 50px auto;background: rgba(255, 255, 255, 0.85);padding: 20px;border-radius: 5px;"> 7<div class="text-center-top-banner section-title-top-banner wow-top-banner fadeInUp-top-banner" style="visibility: visible; animation-name: fadeInUp;"> 8 <h2 id="search-header">Start Your Search! â¤ï¸</h2> 9 <div class="divider-header"></div> 10 <h4 id="sub-header" class="sub-headerh4">Looking For:</h4> 11 <div class="hc-welcome-top-banner-top-banner"> 12 <div class="selection-boxes"> 13 <input type="radio" id="looking-for-woman" name="looking-for" value="woman" checked> 14 <label id="woman-label" for="looking-for-woman">A Woman</label> 15 16 <input type="radio" id="looking-for-man" name="looking-for" value="man"> 17 <label id="man-label" for="looking-for-man">A Man</label> 18 </div> 19 <button id="start-button" class="rlt-start-btn-top-banner" type="submit">Local Sex Match</button> 20 <p id="description" class="offer-desc">Sign up takes 2 minutes, completely free to join!</p> 21 </div> 22 </div> 23 </div></div></div></div> 24</section> 25<style> 26@media only screen and (max-width: 1200px) 27#home-section-top-banner .container-top-banner { 28 width: 100%; 29} 30/* Container for the selection boxes */ 31.selection-boxes { 32 display: flex; 33 justify-content: center; /* Center the items horizontally */ 34 gap: 20px; /* Spacing between the items */ 35} 36 37/* Style for radio buttons */ 38[type="radio"]:checked + label, 39[type="radio"]:not(:checked) + label { 40 position: relative; 41 cursor: pointer; 42 line-height: 20px; 43 display: flex; /* Use flex for label to center content */ 44 justify-content: center; /* Center the content inside the label */ 45 align-items: center; /* Align items vertically */ 46 color: #666; 47 background-color: #fff;l 48 border-radius: 6px; 49 padding: 15px; /* Adjusted padding for uniformity */ 50 width: 174px; 51 height: 48px; 52 font-weight: normal; 53 font-size: 17px; 54 text-transform: capitalize; 55 margin-bottom: 10px; 56 text-align: center; /* Center text within the label */ 57} 58/* Hide the radio button visually but keep it accessible */ 59[type="radio"] { 60 position: absolute; 61 opacity: 0; /* Hide the actual radio button */ 62} 63/* Optional: To show a visual indicator for the selected radio */ 64[type="radio"]:checked + label { 65 border: 2px solid blue; /* Add a border for the selected option */ 66} 67/* Hide the label for the comment cookies consent */ 68label[for="wp-comment-cookies-consent"] { 69 display: none; /* This will hide the label completely */ 70} 71 72.offer-desc { 73 padding-top: 8px; 74} 75.divider-header { 76 height: 2px; /* Height of the divider */ 77 background-color: #bf1929; /* Color of the divider */ 78 margin: 10px 0; /* Space above and below the divider */ 79} 80.sub-headerh4 { 81 font-size: 14px; /* Smaller font size for the 'Looking For' heading */ 82 margin-bottom: 10px; /* Adjust margin as needed */ 83} 84/* Optional: To show a visual indicator for the selected radio */ 85[type="radio"]:checked + label { 86 border: 2px solid blue; /* Add a border for the selected option */ 87} 88#home-section-top-banner .container-top-banner { 89 height: 100%; 90 z-index: 2; 91} 92#home-section-top-banner .container-top-banner, #navigation .container-top-banner { 93 width: 95%; 94 max-width: 1920px; 95} 96.container-top-banner, .container-fluid-top-banner { 97 position: relative; 98 padding-right: 15px; 99 padding-left: 15px; 100 margin-right: auto; 101 margin-left: auto; 102} 103#home-section-top-banner.desktop-app { 104 background-size: cover; 105 -webkit-background-origin: border; 106} 107 108#home-section-top-banner.desktop-app.default { 109 background-image: url("https://optimized-reviews.b-cdn.net/banner/webp/big-ass-mature.webp"); 110} 111 112@media only screen and (min-width: 1024px) { 113 #home-section-top-banner.desktop-app.default { 114 background-image: url("https://optimized-reviews.b-cdn.net/banner/webp/big-ass.webp"); 115 } 116} 117 118#home-section-top-banner.desktop-app.de { 119 background-image: url("https://optimized-reviews.b-cdn.net/banner/webp/big-boobs.webp"); 120} 121 122@media only screen and (min-width: 1024px) { 123 #home-section-top-banner.desktop-app.de { 124 background-image: url("https://optimized-reviews.b-cdn.net/banner/webp/nut.webp"); 125 } 126} 127 128#home-section-top-banner.desktop-app.es { 129 background-image: url("https://optimized-reviews.b-cdn.net/banner/webp/big-booty-dating.webp"); 130} 131 132@media only screen and (min-width: 1024px) { 133 #home-section-top-banner.desktop-app.es { 134 background-image: url("https://optimized-reviews.b-cdn.net/banner/webp/twerk.webp"); 135 } 136} 137 138} 139@media only screen and (max-width: 479px) 140#home-section-top-banner { 141 height: calc(100%); 142} 143@media only screen and (max-width: 1024px) { 144 #home-section-top-banner { 145 height: calc(100%); 146 min-height: 100vh; 147 width: 100%; 148 opacity: 1;
149 text-align: center; 150 z-index: 999999999; 151 } 152} 153 154@media only screen and (max-width: 1200px) { 155 #home-section-top-banner { 156 min-height: 100vh; 157 } 158} 159 160@media only screen and (max-width: 1300px) { 161 #home-section-top-banner { 162 min-height: 100vh; 163 height: calc(100%); 164 width: 100%; 165 opacity: 1; 166 text-align: center; 167 z-index: 999999999; 168 } 169} 170 171@media only screen and (max-width: 1024px) { 172 #home-section-top-banner { 173 opacity: 0; 174 -webkit-transition: opacity .2s linear; 175 transition: opacity .2s linear; 176 } 177} 178 179#home-section-top-banner { 180 background: url("https://optimized-reviews.b-cdn.net/banner/webp/bg1.jpg"); 181 no-repeat center center; 182 position: relative; 183 height: 100%; 184 min-height: 100vh; 185 width: 100%; 186 opacity: 1; 187 text-align: center; 188 z-index: 999999999; 189} 190.image-bg-top-banner { 191 background-size: cover; 192 background-repeat: no-repeat; 193 position: relative; 194} 195@media only screen and (max-width: 479px) 196.home-content-top-banner { 197 left: 2.5%; 198 top: 18%; 199 -webkit-transform: translate(0); 200 transform: translate(0); 201 width: 95%; 202} 203@media only screen and (max-width: 768px) 204.home-content-top-banner { 205 font-size: 1.7vw; 206} 207@media only screen and (max-width: 1024px) 208.home-content-top-banner { 209 font-size: 13px; 210 top: 29%; 211 left: 5%; 212 padding: 0; 213 -webkit-transform: translateY(-50%); 214 transform: translateY(-50%); 215 width: 90%; 216} 217@media only screen and (max-width: 1200px) 218.home-content-top-banner { 219 font-size: 12px; 220} 221@media only screen and (max-width: 1300px) 222.home-content-top-banner { 223 font-size: 13px; 224} 225.home-content-top-banner { 226 font-size: 16px; 227 text-align: center; 228 position: absolute; 229 top: 40px; 230 left: 0; 231 width: 100%; 232} 233@media only screen and (max-width: 767px) 234.section-title-top-banner { 235 margin-bottom: 15px; 236} 237@media only screen and (max-width: 1300px) 238.section-title-top-banner { 239 margin-bottom: 20px; 240} 241.section-title-top-banner { 242 margin-top: 20px; 243 margin-bottom: 30px; 244 padding-bottom: 0; 245 position: relative; 246} 247.fadeInUp-top-banner { 248 -webkit-animation-name: fadeInUp; 249 animation-name: fadeInUp; 250} 251.text-center-top-banner { 252 text-align: center; 253} 254@media only screen and (max-width: 400px) 255.hc-welcome-top-banner { 256 margin-top: 20px; 257} 258@media only screen and (max-width: 479px) 259.hc-welcome-top-banner { 260 padding: 0; 261} 262@media only screen and (max-width: 1024px) 263.hc-welcome-top-banner { 264 padding: 15px 0; 265} 266.hc-welcome-top-banner { 267 margin-top: 25px; 268} 269@media only screen and (max-width: 1200px) 270.rlt-start-btn-top-banner { 271 font-size: 22px; 272 padding: 25px 0; 273 width: 280px; 274} 275.rlt-start-btn-top-banner { 276 background-color: #bf1929; /* Set button color to red */ 277 border-radius: 3px; 278 color: #fff; 279 cursor: pointer; 280 display: inline-block; 281 margin-top: 10px; 282 letter-spacing: 1.5px; 283 font-size: 20px; 284 font-weight: 600; 285 padding: 20px 0; 286 text-align: center; 287 text-transform: uppercase; 288 width: 260px; 289} 290</style> 291 `; 292 293 294 // Find the <header> element and inject the form directly after it 295 var headerElement = document.querySelector("header"); 296 if (headerElement) { 297 headerElement.insertAdjacentHTML('afterend', emailFormHtml); 298 } 299 300 // Translations for each TLD 301 const translations = { 302 "en": { 303 searchHeader: "Start Your Search! â¤ï¸", 304 lookingFor: "Looking For:", 305 womanLabel: "A Woman", 306 manLabel: "A Man", 307 buttonText: "Local Sex Match", 308 description: "Sign up takes 2 minutes, completely free to join!" 309 }, 310 "de": { 311 searchHeader: "Beginnen Sie Ihre Suche! â¤ï¸", 312 lookingFor: "Suche nach:", 313 womanLabel: "Eine Frau", 314 manLabel: "Ein Mann", 315 buttonText: "Lokales Sex-Match", 316 description: "Die Anmeldung dauert 2 Minuten, komplett kostenlos!" 317 }, 318 "es": { 319 searchHeader: "¡Comienza tu búsqueda! â¤ï¸", 320 lookingFor: "Buscando:", 321 womanLabel: "Una Mujer", 322 manLabel: "Un Hombre", 323 buttonText: "Encuentro Sexual Local", 324 description: "Registrarse toma 2 minutos, ¡completamente gratis unirse!" 325 }, 326 "fr": { 327 searchHeader: "Commencez votre recherche ! â¤ï¸", 328 lookingFor: "à la recherche de:", 329 womanLabel: "Une Femme", 330 manLabel: "Un Homme", 331 buttonText: "Rencontre Sexe Locale", 332 description: "L'inscription prend 2 minutes, entièrement gratuite !" 333 }, 334 "it": { 335 searchHeader: "Inizia la tua ricerca! â¤ï¸", 336 lookingFor: "Cerchi:", 337 womanLabel: "Una Donna", 338 manLabel: "Un Uomo", 339 buttonText: "Incontro Sessuale Locale", 340 description: "L'iscrizione richiede 2 minuti, completamente gratuita!" 341 }, 342 "nl": { 343 searchHeader: "Begin je zoektocht! â¤ï¸", 344 lookingFor: "Op zoek naar:", 345 womanLabel: "Een Vrouw", 346 manLabel: "Een Man", 347 buttonText: "Lokale Seks Match", 348 description: "Aanmelden duurt 2 minuten, helemaal gratis!" 349 } 350 }; 351 352 // Detect TLD and select content 353 const domainTLD = window.location.hostname.split('.').pop(); 354 const language = translations[domainTLD] ? domainTLD : "en"; // Use "en" if no match 355 const content = translations[language]; 356 357 // Apply TLD class to banner element 358 const bannerElement = document.getElementById("home-section-top-banner"); 359 if (bannerElement) { 360 bannerElement.classList.add("desktop-app"); // Always add this class 361 if (translations[domainTLD]) { 362 bannerElement.classList.add(domainTLD); // Add the TLD class if it exists 363 } else { 364 bannerElement.classList.add("default"); // Add default class if no TLD match 365 } 366 } 367 368 // Inject text content based on language 369 document.getElementById("search-header").innerText = content.searchHeader; 370 document.getElementById("sub-header").innerText = content.lookingFor; 371 document.getElementById("woman-label").innerText = content.womanLabel; 372 document.getElementById("man-label").innerText = content.manLabel; 373 document.getElementById("start-button").innerText = content.buttonText; 374 document.getElementById("description").innerText = content.description; 375 376 // Construct the base URL with parameters 377 var baseUrl = window.location.origin + "/out/link.php?id=4d3226b5-5894-4f62-b545-9da7992f03a2&g=two&c=us&o=wildflings&t=one"; 378 379 // Determine the value for the 'n' parameter based on the current URL 380 var currentPath = window.location.pathname; // Get the current path 381 var nValue = currentPath.includes("gay-") ? "gay" : "dating"; // Set 'n' to 'gay' if 'gay-' is in the URL, else default to 'dating' 382 383 // Add event listener for button click 384 document.querySelector(".rlt-start-btn-top-banner").addEventListener("click", function (event) { 385 event.preventDefault(); // Prevent the default button behavior 386 387 var myTracker = "underbanner"; // Tracker variable 388 var redirectURL = baseUrl + "&email=" + myTracker + "&n=" + nValue; // Constructing the redirect URL with the appropriate 'n' value 389 390 // Open the redirect URL in a new window/tab 391 window.open(redirectURL, '_blank'); 392 });
vendor: 3 bytes, line 393
393});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.