Minor changes to the banner

diff --git a/src/_includes/modals/download.html b/src/_includes/modals/download.html
index e27ad8cf639ea4330138ddd34275664e2adfd092..384620bdc9c10e94ea1358daed81167a727e9471 100644 (file)
--- a/src/_includes/modals/download.html
+++ b/src/_includes/modals/download.html
@@ -41,7 +41,7 @@
           </div>
         </div>
 
-        <a href="https://fortawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_{{ site.fontawesome.minor_version }}_update" class="btn btn-success btn-lg btn-block">
+        <a href="https://fortawesome.com/start?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_{{ site.fontawesome.minor_version }}_update" class="btn btn-success btn-lg btn-block">
           Take your icon game <br class="visible-xs" />to the next level with
           <h2 class="margin-top-sm margin-bottom-sm hidden-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h2>
           <h3 class="margin-top-sm margin-bottom-sm visible-xs"><i class="fas fas-fort-logo fas-lg valign-baseline"></i>&nbsp; Fort Awesome</h3>

diff --git a/src/assets/js/site.js b/src/assets/js/site.js
index 6886bdca331a24cc228dcec520b35e18948caeaa..8fd8fcce2354395d5e4b0ba02c9a91080a2c310e 100644 (file)
--- 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 <strong>Fort Awesome</strong>, 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 <strong>Fort Awesome</strong>, 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 <strong>Fort Awesome</strong>, 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 <strong>Fort Awesome</strong>, 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: "<strong>Black Tie</strong>, 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 <strong>Black Tie</strong>, 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 <strong>Black Tie</strong>, 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 <strong>Black Tie</strong>, 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: "<strong>Black Tie</strong>, 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 <strong>Black Tie</strong>, 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 <strong>Black Tie</strong>, 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 <strong>Black Tie</strong>, 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 0ce85dea8ba8bc5632aa75fc5584c55c60962f2e..01acc55150ec558a829c3a3043738ffda003f765 100644 (file)
--- 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,