mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-12-27 14:01:30 +08:00
updating banners and modals
This commit is contained in:
parent
7e259f6167
commit
c754197d91
@ -10,7 +10,7 @@
|
|||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="bg-fa5 margin-none padding-lg text-center">
|
<h3 class="bg-fa5 margin-none padding-lg text-center">
|
||||||
September is your last chance to get Font Awesome Pro for just $40.
|
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for just $60!
|
||||||
</h3>
|
</h3>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<div class="text-lg margin-bottom-lg padding-bottom">
|
<div class="text-lg margin-bottom-lg padding-bottom">
|
||||||
@ -37,8 +37,8 @@
|
|||||||
<div class="col-md-9 col-sm-9 col-xs-9">
|
<div class="col-md-9 col-sm-9 col-xs-9">
|
||||||
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">SVG Framework & More</h4>
|
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">SVG Framework & More</h4>
|
||||||
<p>
|
<p>
|
||||||
Get the latest tech upgrades, easy upgrades from v4, early access to the betas, icons in 3 styles,
|
Get the latest tech upgrades, easy upgrades from v4, icons in 3 styles,
|
||||||
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=download_modal#schedule-info">& tons more as we finish</a>.
|
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=download_modal#schedule-info">& tons more as we finish</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -48,14 +48,14 @@
|
|||||||
<i class="fas fas-stopwatch fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
|
<i class="fas fas-stopwatch fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-9 col-sm-9 col-xs-10">
|
<div class="col-md-9 col-sm-9 col-xs-10">
|
||||||
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Limited-Time Price</h4>
|
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Early Access</h4>
|
||||||
<p>
|
<p>
|
||||||
September is the last chance to get Pro, all 46 icon packs ($460 value), & ALL Kickstarter rewards for just $40!
|
Get early access and input into new icons, categories, and frameworks with our private GitHub repo!
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=download_modal" class="btn btn-fa5 btn-lg btn-block">
|
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=download_modal" class="btn btn-fa5 btn-lg btn-block">
|
||||||
<h3 class="margin-top margin-bottom strong">
|
<h3 class="margin-top margin-bottom strong">
|
||||||
Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i>
|
Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i>
|
||||||
</h3>
|
</h3>
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3>
|
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="bg-fa5 margin-none padding-lg text-center">
|
<h3 class="bg-fa5 margin-none padding-lg text-center">
|
||||||
September is your last chance to get Font Awesome Pro for just $40.
|
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
|
||||||
</h3>
|
</h3>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
|
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
|
||||||
@ -14,7 +14,7 @@
|
|||||||
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
|
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
|
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank"
|
||||||
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
|
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
|
||||||
<h3 class="margin-top margin-bottom strong">
|
<h3 class="margin-top margin-bottom strong">
|
||||||
Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i>
|
Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i>
|
||||||
|
@ -55,7 +55,6 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/momentjs/2.15.1/moment.min.js" integrity="sha256-4PIvl58L9q7iwjT654TQJM+C/acEyoG738iL8B8nhXg=" crossorigin="anonymous"></script>
|
|
||||||
<script src="{{ page.relative_path }}assets/js/site.js"></script>
|
<script src="{{ page.relative_path }}assets/js/site.js"></script>
|
||||||
<script src="{{ page.relative_path }}assets/js/search.js"></script>
|
<script src="{{ page.relative_path }}assets/js/search.js"></script>
|
||||||
<script src="{{ page.relative_path }}assets/js/monetization.js" type="text/javascript"></script>
|
<script src="{{ page.relative_path }}assets/js/monetization.js" type="text/javascript"></script>
|
||||||
|
@ -3,10 +3,10 @@ $(function () {
|
|||||||
|
|
||||||
var ads = [
|
var ads = [
|
||||||
{
|
{
|
||||||
quote: "September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for $40.",
|
quote: "Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for just $60!",
|
||||||
class: "fa5",
|
class: "fa5",
|
||||||
url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=banner",
|
url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=banner",
|
||||||
btn_text: "Check out FA Pro! <i class='fas fas-external-link'></i>",
|
btn_text: "Check out FA Pro <i class='fas fas-external-link'></i>",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@ -34,27 +34,6 @@ $(function () {
|
|||||||
// Yippee! We can use localStorage awesomeness
|
// Yippee! We can use localStorage awesomeness
|
||||||
}
|
}
|
||||||
|
|
||||||
function timeLeft() {
|
|
||||||
var now, ksEndsAt, hoursLeft, minutesLeft, humanized;
|
|
||||||
|
|
||||||
try {
|
|
||||||
now = moment();
|
|
||||||
ksEndsAt = moment("2017-10-01 00:00:00-05");
|
|
||||||
hoursLeft = ksEndsAt.diff(now, "hours");
|
|
||||||
minutesLeft = ksEndsAt.diff(now, "minutes") - hoursLeft * 60;
|
|
||||||
} catch (e) {}
|
|
||||||
|
|
||||||
if (hoursLeft < 0 || minutesLeft < 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
humanized = hoursLeft + " " + ((hoursLeft === 1) ? "hour" : "hours") + ", " + minutesLeft + " " + ((minutesLeft === 1) ? "minute" : "minutes");
|
|
||||||
|
|
||||||
$('#time-left-message').html('Just <span class="duration">' + humanized + '</span> left before the price goes up!');
|
|
||||||
|
|
||||||
setTimeout(timeLeft, 2000);
|
|
||||||
}
|
|
||||||
|
|
||||||
function storageAvailable(type) {
|
function storageAvailable(type) {
|
||||||
try {
|
try {
|
||||||
var storage = window[type],
|
var storage = window[type],
|
||||||
@ -72,8 +51,6 @@ $(function () {
|
|||||||
random_number = Math.floor(Math.random() * ads.length);
|
random_number = Math.floor(Math.random() * ads.length);
|
||||||
random_ad = ads[random_number];
|
random_ad = ads[random_number];
|
||||||
|
|
||||||
timeLeft();
|
|
||||||
|
|
||||||
$('#banner').addClass(random_ad.class);
|
$('#banner').addClass(random_ad.class);
|
||||||
$('#rotating-message').html(random_ad.quote);
|
$('#rotating-message').html(random_ad.quote);
|
||||||
$('#rotating-url').attr("href", random_ad.url);
|
$('#rotating-url').attr("href", random_ad.url);
|
||||||
|
Loading…
Reference in New Issue
Block a user