- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
(!window.location.hostname.match(/espanol/i)) && (function(){
// build the rto and insert it invisibly into the document
var target = 'http://www.rosettastone.com/freedemo?video=election16';
var rto = document.createElement('div');
rto.id = 'avventura_rto_container';
rto.innerHTML = `
<div class="pop-over" style="display:none">
<div class="pop-copy">
<p>Be the first to know about our</p>
<h2>Holiday Specials!</h2>
<h3>Sign up for first dibs on our <em>Holiday Deals and Exclusives!</em></h3>
</div>
<form class="pop-ec">
<label><input type="email" required name="email" placeholder="Email Address"></label>
<input type="submit" value="Sign Up">
</form>
</div>`;
rto.innerHTML += `<style>
.pop-over { background: none; background-size: cover; padding: 10em 6.5% 10em 6.5%; text-align: right; position: relative; cursor: pointer;}
.pop-over .close-btn { position: absolute; top:1.5em; right:1.5em; width:3vw; padding-bottom: 3vw; background:url("http://www.rosettastone.com/lp/sitewide-promo/close-btn.svg") no-repeat center; background-size: contain; cursor: pointer;}
.pop-over a { width: 28.5%; display: inline-block;}
.pop-over a img { width: 100%;transition:transform 0.3s;}
.pop-over a img:hover {transform:scale(1.03);}
.pop-over .pop-copy, .pop-over .pop-ec { margin: 0 auto; width: 50%; position: relative; left: 20em; text-align: left; }
.pop-over .pop-copy p { font-family: GothamMedium;
font-size: 2.25em;
margin-bottom: .5em;
text-transform: uppercase;
color: #555;
}
.pop-over .pop-copy h2 {
font-size: 11.5em;
font-family: GothamBold;
margin-top: .15em;
height: auto;
line-height: 0.8;
text-transform: uppercase;
font-weight: 900;
}
.pop-over .pop-copy h3 {
font-family: GothamBook;
font-size: 2.9em;
font-weight: 300;
margin-top: .75em;
color: #555;
}
.pop-over .pop-copy h3 em {
display: block;
line-height: 1.6;
color: #000;
font-weight: bold;
}
.pop-over .pop-ec input[type="email"]{
font-size: 3em;
padding: 0.5em;
margin-top: .5em;
}
.pop-over .pop-ec input[type="email"]::-webkit-input-placeholder{
font-family: GothamMedium;
color: #999;
text-transform: uppercase;
}
.pop-over .pop-ec input[type="submit"]{
font-family: GothamMedium;
font-size: 1.9em;
padding: 1.2em 3em;
margin-top: .5em;
background: none;
background-color: #0097d9;
text-transform: uppercase;
color: white;
text-shadow: none;
position: relative;
bottom: .2em;
}
</style>
`;
rto.innerHTML += '<scr'+'ipt> window.setTimeout(function(){ $(".pop-over").slideDown(); $(".pop-over .close-btn").click(function(){$(".pop-over").slideUp();}) },2000);</scr'+'ipt>';
document.body.insertBefore(rto,document.body.firstChild);
window.setTimeout(function(){
$(".pop-over").slideDown();
//$('.pop-over').on('click', function(){ window.location.href = target; })
$('.peter-close-btn').attr('style','width: 10em; height: 10em; background: none; width: 15vw; height: 15vh; max-width: 15vw; max-height: 15vh;');
$(document).on('click', '.peter-close-btn', function(){ $(".pop-over").slideUp(); });
document.cookie = "shownCatalyst=true; expires=Fri, 31 Dec 9999 23:59:59 GMT;";
},2000);
})();