diff --git a/src/assets/js/site.js b/src/assets/js/site.js
index 2b7431380..f64dde81d 100644
--- a/src/assets/js/site.js
+++ b/src/assets/js/site.js
@@ -2,65 +2,59 @@ $(function () {
$("#newsletter").validate();
var ads = [
- // {
- // quote: "Take your icon game to the next level. Check out Fonticons, from the maker of Font Awesome.",
- // class: "fonticons",
- // url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.4_update",
- // btn_text: "Gimme Some!"
- // },
- // {
- // quote: "Make your icons load 10x faster! Check out Fonticons, from the maker of Font Awesome.",
- // class: "fonticons",
- // url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.4_update",
- // btn_text: "Gimme Some!"
- // },
- // {
- // quote: "Looking for other great icon sets? Check out Fonticons, from the maker of Font Awesome.",
- // class: "fonticons",
- // url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.4_update",
- // btn_text: "Gimme Some!"
- // },
- // {
- // quote: "Want to add your own icon? Check out Fonticons, from the maker of Font Awesome.",
- // class: "fonticons",
- // url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.4_update",
- // btn_text: "Gimme Some!"
- // },
- //
- //
- // {
- // quote: "Black Tie, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
- // class: "black-tie",
- // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.4_update",
- // btn_text: "Check it Out!"
- // },
- // {
- // quote: "Want clean, minimalist icons? Check out Black Tie, the new multi-weight icon font from the maker of Font Awesome.",
- // class: "black-tie",
- // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.4_update",
- // btn_text: "Check it Out!"
- // },
- // {
- // quote: "Want a different icon look? Check out Black Tie, our new multi-weight icon set.",
- // class: "black-tie",
- // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_different_look&utm_campaign=promo_4.4_update",
- // btn_text: "Check it Out!"
- // },
- // {
- // quote: "Check out Black Tie, our new multi-weight icon set!",
- // class: "black-tie",
- // url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_7_our_new_multi_weight&utm_campaign=promo_4.4_update",
- // btn_text: "Check it Out!"
- // },
{
- quote: "Help make Font Awesome more awesome! Fill out a 6-minute survey and give us your feedback.",
- class: "font-awesome-survey",
- url: "http://fontawesome.io/survey/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_survey&utm_campaign=promo_4.5_update",
- btn_text: "Take the survey!"
+ quote: "Take your icon game to the next level. Check out Fort Awesome, from the maker of Font Awesome.",
+ class: "fort-awesome",
+ url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.5_update",
+ btn_text: "Gimme Some!"
+ },
+ {
+ quote: "Make your icons load 10x faster! Check out Fort Awesome, from the maker of Font Awesome.",
+ class: "fort-awesome",
+ url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.5_update",
+ btn_text: "Gimme Some!"
+ },
+ {
+ quote: "Looking for other great icon sets? Check out Fort Awesome, from the maker of Font Awesome.",
+ class: "fort-awesome",
+ url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.5_update",
+ btn_text: "Gimme Some!"
+ },
+ {
+ quote: "Want to add your own icon? Check out Fort Awesome, from the maker of Font Awesome.",
+ class: "fort-awesome",
+ url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.5_update",
+ btn_text: "Gimme Some!"
+ },
+
+
+ {
+ quote: "Black Tie, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
+ class: "black-tie",
+ url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.5_update",
+ btn_text: "Check it Out!"
+ },
+ {
+ quote: "Want clean, minimalist icons? Check out Black Tie, the new multi-weight icon font from the maker of Font Awesome.",
+ class: "black-tie",
+ url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.5_update",
+ btn_text: "Check it Out!"
+ },
+ {
+ quote: "Want a different icon look? Check out Black Tie, our new multi-weight icon set.",
+ class: "black-tie",
+ url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_different_look&utm_campaign=promo_4.5_update",
+ btn_text: "Check it Out!"
+ },
+ {
+ quote: "Check out Black Tie, our new multi-weight icon set!",
+ class: "black-tie",
+ url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_7_our_new_multi_weight&utm_campaign=promo_4.5_update",
+ btn_text: "Check it Out!"
}
];
- selectFonticonsAd();
+ selectAd();
// start the icon carousel
$('#icon-carousel').carousel({
@@ -70,7 +64,7 @@ $(function () {
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover();
- function selectFonticonsAd() {
+ function selectAd() {
random_number = Math.floor(Math.random() * ads.length);
random_ad = ads[random_number];
diff --git a/src/assets/less/site/banner-ad.less b/src/assets/less/site/banner-ad.less
index 5a4bb9db5..0ce85dea8 100644
--- a/src/assets/less/site/banner-ad.less
+++ b/src/assets/less/site/banner-ad.less
@@ -66,14 +66,14 @@
}
&.black-tie {
- @black-tie-bg: #222222;
+ @black-tie-bg: #2E2E2E;
background-color: @black-tie-bg;
border-bottom: solid 1px mix(@black-tie-bg, #fff, 95%);
.btn-primary {
- @color: @black-tie-bg;
- @background: mix(#fff,@black-tie-bg,90%);
- @border: mix(#fff,@black-tie-bg,60%);
+ @color: mix(#fff, @black-tie-bg, 85%);
+ @background: darken(@black-tie-bg, 5%);
+ @border: darken(@black-tie-bg, 10%);
font-weight: bold;
color: @color;
background-color: @background;
@@ -88,7 +88,7 @@
&.active,
.open > &.dropdown-toggle {
color: #fff;
- background-color: darken(@border, 3%);
+ background-color: darken(@background, 5%);
border-color: darken(@border, 12%);
border-bottom-color: darken(@border, 18%);
}
@@ -112,15 +112,16 @@
}
}
- &.fonticons {
- @fonticons-bg: #1c1e29;
- @fonticons-orange: desaturate(#ff7f3f, 5%);
- background-color: @fonticons-orange;
- border-bottom: solid 1px mix(@fonticons-bg, @fonticons-orange, 15%);
+ &.fort-awesome {
+ @fort-awesome-color: #1C1E29;
+ @fort-awesome-color-accent: #525879;
+ @fort-awesome-bg: mix(@fort-awesome-color-accent, @fort-awesome-color, 15%);
+ background-color: @fort-awesome-bg;
+ border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%);
.btn-primary {
@color: #fff;
- @background: mix(#fff,@fonticons-bg,10%);
- @border: @fonticons-bg;
+ @background: mix(#fff,@fort-awesome-bg,15%);
+ @border: darken(@fort-awesome-bg, 5%);
font-weight: bold;
color: @color;
background-color: @background;
@@ -135,7 +136,7 @@
&.active,
.open > &.dropdown-toggle {
color: #fff;
- background-color: darken(@border, 3%);
+ background-color: mix(@fort-awesome-color, @fort-awesome-color-accent, 30%);
border-color: darken(@border, 12%);
border-bottom-color: darken(@border, 18%);
}