Skip to content
This repository has been archived by the owner on Aug 14, 2024. It is now read-only.

Commit

Permalink
webinar popup fix
Browse files Browse the repository at this point in the history
  • Loading branch information
Donata Petkeviciute committed Mar 25, 2024
1 parent 61fa43f commit da52055
Show file tree
Hide file tree
Showing 169 changed files with 11,092 additions and 98 deletions.
Binary file added 2024-03-22-jobrunr-webinar-slots.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 2024-03-22-jobrunr-webinar.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
66 changes: 66 additions & 0 deletions ch/404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,5 +232,71 @@ <h1>404 Page not found</h1>
</script>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
<div class="popup-container">
<div class="popup">
<button id="close">&times;</button>
<a href="/en/webinar">
<img src="/2024-03-22-jobrunr-webinar.png" alt="Join our webinar on April 9!" width="100%" height="100%"/>
</a>
</div>
</div>

<script type="text/javascript">
window.addEventListener("load", (event) => {
const webinarDate = new Date("2024-04-31T00:00:00.000Z");
const timesShown = parseInt(Cookies.get('jobrunr-webinar')) || 0;
const webinarShownToday = Cookies.get('jobrunr-webinar-shown-today') || false;
if(!webinarShownToday && timesShown <= 5) {
setTimeout(
function open(event){
document.querySelector(".popup-container").style.display = "block";
Cookies.set('jobrunr-webinar', (timesShown + 1), { expires: webinarDate })
Cookies.set('jobrunr-webinar-shown-today', true, { expires: 1 })
},
100);
}
});
document.querySelector("#close").addEventListener("click", () => {
document.querySelector(".popup").style.display = "none";
});
</script>
<style>
.popup-container{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.6);
z-index: 1000;
display: none;
}
.popup{
background-color: #000;
width: 650px;
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
border-radius: 8px;
font-family: "Poppins",sans-serif;
text-align: center;
z-index: 2000;
}
.popup button{
position: absolute;
float: right;
left: 93%;
background-color: transparent;
font-size: 30px;
color: #c5c5c5;
border: none;
outline: none;
cursor: pointer;
z-index: 2010;
}
</style>

</body>
</html>
66 changes: 66 additions & 0 deletions ch/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -634,5 +634,71 @@ <h2 style="margin: 0 0 .5em;">Receive updates</h2>
</script>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
<div class="popup-container">
<div class="popup">
<button id="close">&times;</button>
<a href="/en/webinar">
<img src="/2024-03-22-jobrunr-webinar.png" alt="Join our webinar on April 9!" width="100%" height="100%"/>
</a>
</div>
</div>

<script type="text/javascript">
window.addEventListener("load", (event) => {
const webinarDate = new Date("2024-04-31T00:00:00.000Z");
const timesShown = parseInt(Cookies.get('jobrunr-webinar')) || 0;
const webinarShownToday = Cookies.get('jobrunr-webinar-shown-today') || false;
if(!webinarShownToday && timesShown <= 5) {
setTimeout(
function open(event){
document.querySelector(".popup-container").style.display = "block";
Cookies.set('jobrunr-webinar', (timesShown + 1), { expires: webinarDate })
Cookies.set('jobrunr-webinar-shown-today', true, { expires: 1 })
},
100);
}
});
document.querySelector("#close").addEventListener("click", () => {
document.querySelector(".popup").style.display = "none";
});
</script>
<style>
.popup-container{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.6);
z-index: 1000;
display: none;
}
.popup{
background-color: #000;
width: 650px;
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
border-radius: 8px;
font-family: "Poppins",sans-serif;
text-align: center;
z-index: 2000;
}
.popup button{
position: absolute;
float: right;
left: 93%;
background-color: transparent;
font-size: 30px;
color: #c5c5c5;
border: none;
outline: none;
cursor: pointer;
z-index: 2010;
}
</style>

</body>
</html>
66 changes: 66 additions & 0 deletions en/404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -242,5 +242,71 @@ <h1>404 Page not found</h1>
</script>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
<div class="popup-container">
<div class="popup">
<button id="close">&times;</button>
<a href="/en/webinar">
<img src="/2024-03-22-jobrunr-webinar.png" alt="Join our webinar on April 9!" width="100%" height="100%"/>
</a>
</div>
</div>

<script type="text/javascript">
window.addEventListener("load", (event) => {
const webinarDate = new Date("2024-04-31T00:00:00.000Z");
const timesShown = parseInt(Cookies.get('jobrunr-webinar')) || 0;
const webinarShownToday = Cookies.get('jobrunr-webinar-shown-today') || false;
if(!webinarShownToday && timesShown <= 5) {
setTimeout(
function open(event){
document.querySelector(".popup-container").style.display = "block";
Cookies.set('jobrunr-webinar', (timesShown + 1), { expires: webinarDate })
Cookies.set('jobrunr-webinar-shown-today', true, { expires: 1 })
},
100);
}
});
document.querySelector("#close").addEventListener("click", () => {
document.querySelector(".popup").style.display = "none";
});
</script>
<style>
.popup-container{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.6);
z-index: 1000;
display: none;
}
.popup{
background-color: #000;
width: 650px;
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
border-radius: 8px;
font-family: "Poppins",sans-serif;
text-align: center;
z-index: 2000;
}
.popup button{
position: absolute;
float: right;
left: 93%;
background-color: transparent;
font-size: 30px;
color: #c5c5c5;
border: none;
outline: none;
cursor: pointer;
z-index: 2010;
}
</style>

</body>
</html>
66 changes: 66 additions & 0 deletions en/about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -252,5 +252,71 @@ <h2 id="credits">Credits</h2>
</script>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
<div class="popup-container">
<div class="popup">
<button id="close">&times;</button>
<a href="/en/webinar">
<img src="/2024-03-22-jobrunr-webinar.png" alt="Join our webinar on April 9!" width="100%" height="100%"/>
</a>
</div>
</div>

<script type="text/javascript">
window.addEventListener("load", (event) => {
const webinarDate = new Date("2024-04-31T00:00:00.000Z");
const timesShown = parseInt(Cookies.get('jobrunr-webinar')) || 0;
const webinarShownToday = Cookies.get('jobrunr-webinar-shown-today') || false;
if(!webinarShownToday && timesShown <= 5) {
setTimeout(
function open(event){
document.querySelector(".popup-container").style.display = "block";
Cookies.set('jobrunr-webinar', (timesShown + 1), { expires: webinarDate })
Cookies.set('jobrunr-webinar-shown-today', true, { expires: 1 })
},
100);
}
});
document.querySelector("#close").addEventListener("click", () => {
document.querySelector(".popup").style.display = "none";
});
</script>
<style>
.popup-container{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.6);
z-index: 1000;
display: none;
}
.popup{
background-color: #000;
width: 650px;
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
border-radius: 8px;
font-family: "Poppins",sans-serif;
text-align: center;
z-index: 2000;
}
.popup button{
position: absolute;
float: right;
left: 93%;
background-color: transparent;
font-size: 30px;
color: #c5c5c5;
border: none;
outline: none;
cursor: pointer;
z-index: 2010;
}
</style>

</body>
</html>
66 changes: 66 additions & 0 deletions en/blog/2020-04-08-jobrunr-release/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -307,5 +307,71 @@ <h3 id="the-benefits">The benefits:</h3>
</script>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
<div class="popup-container">
<div class="popup">
<button id="close">&times;</button>
<a href="/en/webinar">
<img src="/2024-03-22-jobrunr-webinar.png" alt="Join our webinar on April 9!" width="100%" height="100%"/>
</a>
</div>
</div>

<script type="text/javascript">
window.addEventListener("load", (event) => {
const webinarDate = new Date("2024-04-31T00:00:00.000Z");
const timesShown = parseInt(Cookies.get('jobrunr-webinar')) || 0;
const webinarShownToday = Cookies.get('jobrunr-webinar-shown-today') || false;
if(!webinarShownToday && timesShown <= 5) {
setTimeout(
function open(event){
document.querySelector(".popup-container").style.display = "block";
Cookies.set('jobrunr-webinar', (timesShown + 1), { expires: webinarDate })
Cookies.set('jobrunr-webinar-shown-today', true, { expires: 1 })
},
100);
}
});
document.querySelector("#close").addEventListener("click", () => {
document.querySelector(".popup").style.display = "none";
});
</script>
<style>
.popup-container{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.6);
z-index: 1000;
display: none;
}
.popup{
background-color: #000;
width: 650px;
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
border-radius: 8px;
font-family: "Poppins",sans-serif;
text-align: center;
z-index: 2000;
}
.popup button{
position: absolute;
float: right;
left: 93%;
background-color: transparent;
font-size: 30px;
color: #c5c5c5;
border: none;
outline: none;
cursor: pointer;
z-index: 2010;
}
</style>

</body>
</html>
Loading

0 comments on commit da52055

Please sign in to comment.