updating FA5 info, algolia logo, removing newsletter signup from icons page

diff --git a/src/_includes/modals/download.html b/src/_includes/modals/download.html
index 4cf11618b8b669f5310df7d7c475a20b1075f1b8..141d0c4be4b8972c8c5127222e72b9f503b754e4 100644 (file)
--- a/src/_includes/modals/download.html
+++ b/src/_includes/modals/download.html
@@ -16,42 +16,43 @@
 
         <div class="row margin-bottom-lg">
           <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
-            <i class="fas fas-money fas-3x fas-fw text-muted hidden-xs"></i>
-            <i class="fas fas-money fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
+            <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
+            <i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
           </div>
-          <div class="col-md-9 col-sm-9 col-xs-10">
-            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Super Low Price</h4>
+          <div class="col-md-9 col-sm-9 col-xs-9">
+            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More Icons</h4>
             <p>
-              For a limited time, get Pro, all 46 icon packs ($460 value), &amp; ALL Kickstarter stretch goals!
+              Get 2,148 icons right now with Pro, plus another 2,000 from 46 icon category packs as we finish them!
             </p>
           </div>
         </div>
         <div class="row margin-bottom-lg">
           <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
-            <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
-            <i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
+            <i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
+            <i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
           </div>
           <div class="col-md-9 col-sm-9 col-xs-9">
-            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More Icons</h4>
+            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">SVG Framework &amp; More</h4>
             <p>
-              With Pro, get the newest look and thousands more icons than Font Awesome 4!
+              Get the latest tech upgrades, easy upgrades from v4, early access to the betas, 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">&amp; tons more as we finish</a>.
             </p>
           </div>
         </div>
         <div class="row margin-bottom-lg">
           <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
-            <i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
-            <i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
+            <i class="fas fas-stopwatch fas-3x fas-fw text-muted hidden-xs"></i>
+            <i class="fas fas-stopwatch fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
           </div>
-          <div class="col-md-9 col-sm-9 col-xs-9">
-            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Early Access</h4>
+          <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>
             <p>
-              Get early access and input into new icons and frameworks with our private GitHub repo!
+              September is the last chance to get Pro, all 46 icon packs ($460 value), &amp; ALL Kickstarter rewards for just $40!
             </p>
           </div>
         </div>
 
-        <a href="https://fontawesome.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://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=download_modal" class="btn btn-success btn-lg btn-block">
           <div>Pre-order now &amp; save big!</div>
           <h2 class="margin-top-sm text-sans-serif margin-bottom-sm hidden-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h2>
           <h3 class="margin-top-sm text-sans-serif margin-bottom-sm visible-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h3>

diff --git a/src/_includes/modals/fa5.html b/src/_includes/modals/fa5.html
index bcd7d6476794cceeee93518745008e2bc4bc368c..3625ae917e59363d699904c98bc6bb4179bfa499 100644 (file)
--- a/src/_includes/modals/fa5.html
+++ b/src/_includes/modals/fa5.html
@@ -3,21 +3,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <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>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" 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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

diff --git a/src/assets/js/site.js b/src/assets/js/site.js
index aefb8103e7ee36ef8c6f2e599fc13400bae4d777..4a3ab007a1a210d8479f846d79ded7df8b020d9a 100644 (file)
--- a/src/assets/js/site.js
+++ b/src/assets/js/site.js
@@ -3,10 +3,10 @@ $(function () {
 
   var ads = [
     {
-      quote: "Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!",
+      quote: "September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!",
       class: "fa5",
-      url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=banner&utm_campaign=promo_4.7_update",
-      btn_text: "Pre-order FA Pro! &nbsp;<i class='fa fa-external-link'></i>",
+      url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=banner",
+      btn_text: "Pre-order FA Pro! &nbsp;<i class='fas fas-external-link'></i>",
     },
   ];
 
@@ -20,7 +20,7 @@ $(function () {
   $('[data-toggle="tooltip"]').tooltip();
   $('[data-toggle="popover"]').popover();
 
-  if (storageAvailable('localStorage') && !localStorage.seenFA5Modal2) {
+  if (storageAvailable('localStorage') && !localStorage.seenFA5Modal3) {
     $('#modal-fa5')
       .modal('toggle')
       .on('hidden.bs.modal', function (e) {
@@ -30,7 +30,7 @@ $(function () {
   }
 
   if (storageAvailable('localStorage')) {
-    localStorage.seenFA5Modal2 = true;
+    localStorage.seenFA5Modal3 = true;
        // Yippee! We can use localStorage awesomeness
   }
 

diff --git a/src/assets/less/site/algolia.less b/src/assets/less/site/algolia.less
index d97fe5950f8c75b374ec3496886f8480edb61473..f2903ac17bf33c29deb39f2b176f3a2caaf95902 100644 (file)
--- a/src/assets/less/site/algolia.less
+++ b/src/assets/less/site/algolia.less
@@ -1,12 +1,8 @@
 .algolia {
-  margin-top: -20px;
-  padding-top: 49px;
+  padding-top: 10px;
   a {
+    i { color: @text-muted; }
     color: @text-color;
-    &:hover { color: @link-hover-color; }
-  }
-  .fas-algolia {
-    font-size: 32px;
-    vertical-align: middle;
+    &:hover, &:hover i { color: @link-hover-color; }
   }
 }

diff --git a/src/assets/less/site/fa5.less b/src/assets/less/site/fa5.less
index 55bf2bdc101ac8634edfc2ce1a791f5e0dde4dea..67cea254263145e9d0bbe78278d4dccebd3f0fba 100644 (file)
--- a/src/assets/less/site/fa5.less
+++ b/src/assets/less/site/fa5.less
@@ -1,5 +1,6 @@
 .btn-fa5 {
   .button-variant(#fff, #489fdf, mix(#000,#489fdf,10%));
+  font-size: 21px;
 }
 
 .jumbotron-ad .well {

diff --git a/src/icons.html b/src/icons.html
index 85534b2dd50786fb52db411445eec17dfed2d5c9..37b7871df2266cc786ea2799bdbdbad27b472e98 100644 (file)
--- a/src/icons.html
+++ b/src/icons.html
@@ -8,7 +8,6 @@ relative_path: ../
 {% capture jumbotron_p %}The complete set of {{ icons | size }} icons in Font Awesome {{ site.fontawesome.version }}{% endcapture %}
 
 {% include jumbotron.html %}
-{% include stripe-social.html %}
 
 <div class="container" data-view="search">
   {% capture stripe_ad_content %}
@@ -22,16 +21,16 @@ relative_path: ../
   {% include stripe-ad.html %}
 
   <div class="row">
-    <div class="col-md-10 col-sm-9">
+    <div class="col-sm-10">
       <section id="search">
         <label for="search-input"><i class="fa fa-search" aria-hidden="true"></i><span class="sr-only">Search icons</span></label>
         <input id="search-input" class="form-control input-lg" placeholder="Search icons" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
         <a id="search-clear" href="#" class="fa fa-times-circle hide" aria-hidden="true"><span class="sr-only">Clear search</span></a>
       </section>
     </div>
-    <div class="col-md-2 col-sm-3 padding-left-none hidden-xs">
-      <div class="algolia">
-        by <a href="https://algolia.com"><i class="fas fas-algolia" aria-hidden="true"></i><span class="sr-only">Algolia</span></a>
+    <div class="col-sm-2 padding-left-none hidden-xs">
+      <div class="algolia text-center">
+        <a href="https://algolia.com"><i class="fas fas-algolia-new fas-4x" aria-hidden="true"></i><div>by Algolia</div></a>
       </div>
     </div>
   </div>