diff --git a/src/_includes/navbar.html b/src/_includes/navbar.html
index dc117ce2f..cc8c95690 100644
--- a/src/_includes/navbar.html
+++ b/src/_includes/navbar.html
@@ -1,3 +1,16 @@
+
+
diff --git a/src/assets/js/site.js b/src/assets/js/site.js
index 83fdc1112..bdb41be08 100644
--- a/src/assets/js/site.js
+++ b/src/assets/js/site.js
@@ -2,59 +2,65 @@ $(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: "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 short 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!"
}
];
- //selectFonticonsAd();
+ selectFonticonsAd();
// start the icon carousel
$('#icon-carousel').carousel({
diff --git a/src/assets/less/site/banner-ad.less b/src/assets/less/site/banner-ad.less
index df478c049..5a4bb9db5 100644
--- a/src/assets/less/site/banner-ad.less
+++ b/src/assets/less/site/banner-ad.less
@@ -16,6 +16,55 @@
padding-right: 20px;
}
+ &.font-awesome-survey {
+ @survey-bg: #8E8F94;
+ background-color: @survey-bg;
+ border-bottom: solid 1px mix(@survey-bg, #fff, 95%);
+
+ .btn-primary {
+ @color: mix(#fff,@survey-bg,80%);
+ @background: darken(@survey-bg, 15%);
+ @border: darken(@background, 15%);
+ font-weight: bold;
+ color: @color;
+ background-color: @background;
+ border-color: @border;
+ border-bottom-width: 2px;
+ text-shadow: none;
+ border-radius: 4px;
+
+ &:hover,
+ &:focus,
+ &:active,
+ &.active,
+ .open > &.dropdown-toggle {
+ color: #fff;
+ background-color: darken(@border, 10%);
+ border-color: darken(@border, 20%);
+ border-bottom-color: darken(@border, 30%);
+ }
+ &:active,
+ &.active,
+ .open > &.dropdown-toggle {
+ background-image: none;
+ }
+ &.disabled,
+ &[disabled],
+ fieldset[disabled] & {
+ &,
+ &:hover,
+ &:focus,
+ &:active,
+ &.active {
+ background-color: @background;
+ border-color: @border;
+ }
+ }
+ }
+
+
+ }
+
&.black-tie {
@black-tie-bg: #222222;
background-color: @black-tie-bg;