From d0811abdc3953febe7174664736f8786766b737e Mon Sep 17 00:00:00 2001 From: Dave Gandy Date: Thu, 4 Aug 2016 11:32:44 -0400 Subject: [PATCH] Minor changes to the banner --- src/_includes/modals/download.html | 2 +- src/assets/js/site.js | 56 ++++++++++++++--------------- src/assets/less/site/banner-ad.less | 12 +++---- 3 files changed, 35 insertions(+), 35 deletions(-) diff --git a/src/_includes/modals/download.html b/src/_includes/modals/download.html index e27ad8cf6..384620bdc 100644 --- a/src/_includes/modals/download.html +++ b/src/_includes/modals/download.html @@ -41,7 +41,7 @@ - + Take your icon game
to the next level with

  Fort Awesome

diff --git a/src/assets/js/site.js b/src/assets/js/site.js index 6886bdca3..8fd8fcce2 100644 --- a/src/assets/js/site.js +++ b/src/assets/js/site.js @@ -5,53 +5,53 @@ $(function () { { 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.6_update", + url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.6_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.6_update", + url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.6_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.6_update", + url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.6_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.6_update", + url: "https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.6_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.6_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.6_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.6_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.6_update", - btn_text: "Check it Out!" - } + // { + // 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.6_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.6_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.6_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.6_update", + // btn_text: "Check it Out!" + // } ]; selectAd(); diff --git a/src/assets/less/site/banner-ad.less b/src/assets/less/site/banner-ad.less index 0ce85dea8..01acc5515 100644 --- a/src/assets/less/site/banner-ad.less +++ b/src/assets/less/site/banner-ad.less @@ -115,13 +115,13 @@ &.fort-awesome { @fort-awesome-color: #1C1E29; @fort-awesome-color-accent: #525879; - @fort-awesome-bg: mix(@fort-awesome-color-accent, @fort-awesome-color, 15%); + @fort-awesome-bg: #2d2f39; background-color: @fort-awesome-bg; border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%); .btn-primary { @color: #fff; - @background: mix(#fff,@fort-awesome-bg,15%); - @border: darken(@fort-awesome-bg, 5%); + @background: #ff8c52; + @border: rgba(0,0,0,0.2); font-weight: bold; color: @color; background-color: @background; @@ -136,9 +136,9 @@ &.active, .open > &.dropdown-toggle { color: #fff; - background-color: mix(@fort-awesome-color, @fort-awesome-color-accent, 30%); - border-color: darken(@border, 12%); - border-bottom-color: darken(@border, 18%); + background-color: #e67e4a; + border-color: rgba(0,0,0,0.296); + border-bottom-color: rgba(0,0,0,0.296); } &:active, &.active,