https://faberdashery.co.uk/js/header-takeover.js

1document.addEventListener('DOMContentLoaded', function () {
2
3    // Helper function to get a cookie value by its name
4    function getCookie(name) {
5        var value = "; " + document.cookie;
6        var parts = value.split("; " + name + "=");
7        if (parts.length == 2) return parts.pop().split(";").shift();
8    }
9
10    // Helper function to set a cookie
11    function setCookie(name, value, days) {
12        var expires = "";
13        if (days) {
14            var date = new Date();
15            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
16            expires = "; expires=" + date.toUTCString();
17        }
18        document.cookie = name + "=" + (value || "") + expires + "; path=/";
19    }
20
21    // Check if the cookie 'formSeen' exists and has the value 'true'
22    if (getCookie('formSeen') === 'true') {
23        return; // If cookie exists and has the value 'true', exit the function
24    }
25
26    var emailFormHtml = `
27<section id="home-section-top-banner" class="starthide image-bg-top-banner desktop-app">
28<div class="container-top-banner">
29            <div class="home-content-top-banner">
30<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;">
31<div class="text-center-top-banner section-title-top-banner wow-top-banner fadeInUp-top-banner" style="visibility: visible; animation-name: fadeInUp;">
32            <h2>Masturbate with random strangers</h2>
33               <h3>jerk off right now with local women🍑</h3>
34               <div class="hc-welcome-top-banner-top-banner">
35               <button class="rlt-start-btn-top-banner" type="submit">Chat Now💦
36                  </button>
37               </div>
38            </div></div></div></div>
39</section>
40<style>
41@media only screen and (max-width: 1200px)
42#home-section-top-banner .container-top-banner {
43    width: 100%;
44}
45#home-section-top-banner .container-top-banner {
46    height: 100%;
47    z-index: 2;
48}
49#home-section-top-banner .container-top-banner, #navigation .container-top-banner {
50    width: 95%;
51    max-width: 1920px;
52}
53.container-top-banner, .container-fluid-top-banner {
54    position: relative;
55    padding-right: 15px;
56    padding-left: 15px;
57    margin-right: auto;
58    margin-left: auto;
59}
60@media only screen and (max-width: 1024px) {
61#home-section-top-banner.desktop-app {
62    background-image: url("/images/webp/tease-breasts-cropped.gif");
63    background-size:cover;
64    -webkit-background-origin:border;
65}
66}
67@media only screen and (min-width: 1024px) {
68#home-section-top-banner.desktop-app {
69    background-image: url("/images/webp/ass-grab.gif");
70    background-size:cover;
71    -webkit-background-origin:border;
72}
73}
74@media only screen and (max-width: 479px)
75#home-section-top-banner {
76    height: calc(100%);
77}
78@media only screen and (max-width: 1024px) {
79    #home-section-top-banner {
80        height: calc(100%);
81        min-height: 100vh;
82        width: 100%;
83        opacity: 1;
84        text-align: center;
85        z-index: 999999999;
86    }
87}
88
89@media only screen and (max-width: 1200px) {
90    #home-section-top-banner {
91        min-height: 100vh;
92    }
93}
94
95@media only screen and (max-width: 1300px) {
96    #home-section-top-banner {
97        min-height: 100vh;
98        height: calc(100%);
99        width: 100%;
100        opacity: 1;
101        text-align: center;
102        z-index: 999999999;
103    }
104}
105
106@media only screen and (max-width: 1024px) {
107    #home-section-top-banner {
108        opacity: 0;
109        -webkit-transition: opacity .2s linear;
110        transition: opacity .2s linear;
111    }
112}
113
114#home-section-top-banner {
115    background: #fbc849;
116    position: relative;
117    height: 100%;
118    min-height: 100vh;
119    width: 100%;
120    opacity: 1;
121    text-align: center;
122    z-index: 999999999;
123}
124.image-bg-top-banner {
125    background-size: cover;
126    background-repeat: no-repeat;
127    position: relative;
128}
129@media only screen and (max-width: 479px)
130.home-content-top-banner {
131    left: 2.5%;
132    top: 18%;
133    -webkit-transform: translate(0);
134    transform: translate(0);
135    width: 95%;
136}
137@media only screen and (max-width: 768px)
138.home-content-top-banner {
139    font-size: 1.7vw;
140}
141@media only screen and (max-width: 1024px)
142.home-content-top-banner {
143    font-size: 13px;
144    top: 29%;
145    left: 5%;
146    padding: 0;
147    -webkit-transform: translateY(-50%);
148    transform: translateY(-50%);
149    width: 90%;
150}
151@media only screen and (max-width: 1200px)
152.home-content-top-banner {
153    font-size: 12px;
154}
155@media only screen and (max-width: 1300px)
156.home-content-top-banner {
157    font-size: 13px;
158}
159.home-content-top-banner {
160    font-size: 16px;
161    text-align: center;
162    position: absolute;
163    top: 40px;
164    left: 0;
165    width: 100%;
166}
167@media only screen and (max-width: 767px)
168.section-title-top-banner {
169    margin-bottom: 15px;
170}
171@media only screen and (max-width: 1300px)
172.section-title-top-banner {
173    margin-bottom: 40px;
174}
175.section-title-top-banner {
176    margin-bottom: 60px;
177    padding-bottom: 0;
178    position: relative;
179}
180.fadeInUp-top-banner {
181    -webkit-animation-name: fadeInUp;
182    animation-name: fadeInUp;
183}
184.text-center-top-banner {
185    text-align: center;
186}
187@media only screen and (max-width: 400px)
188.hc-welcome-top-banner {
189    margin-top: 20px;
190}
191@media only screen and (max-width: 479px)
192.hc-welcome-top-banner {
193    padding: 0;
194}
195@media only screen and (max-width: 1024px)
196.hc-welcome-top-banner {
197    padding: 15px 0;
198}
199.hc-welcome-top-banner {
200    margin-top: 25px;
201}
202@media only screen and (max-width: 1200px)
203.rlt-start-btn-top-banner {
204    font-size: 22px;
205    padding: 25px 0;
206    width: 280px;
207}
208.rlt-start-btn-top-banner {
209    background: #2f5aae;
210    border-radius: 3px;
211    color: #fff;
212    cursor: pointer;
213    display: inline-block;
214    margin-top: 10px;
215    letter-spacing: 1.5px;
216    font-size: 20px;
217    font-weight: 600;
218    padding: 20px 0;
219    text-align: center;
220    text-transform: uppercase;
221    width: 260px;
222}
223</style>
224    `;
225
226setTimeout(function () {
227    // Inject the email form HTML at the beginning of the body
228    document.body.insertAdjacentHTML('afterbegin', emailFormHtml);
229
230    // Set the 'formSeen' cookie to expire in 30 days as soon as the form is shown

231    setCookie('formSeen', 'true', 30);
232
233            // Get the href attribute of the <a> element
234    var baseUrl = window.location.origin + "/out/link.php?id=4d3226b5-5894-4f62-b545-9da7992f03a2&g=two&n=dating&c=us&o=wildflings&t=one";
235
236
237    // Add event listener for button click
238    document.querySelector(".rlt-start-btn-top-banner").addEventListener("click", function (event) {
239    event.preventDefault(); // Prevent the default button behavior
240    var myTracker = "headerbanner";
241    var redirectURL = baseUrl + "&email=" + myTracker;
242
243    // Your additional logic here, e.g., opening a new window
244    window.open(redirectURL, '_blank');
245            });
246    }, 10);
247});