increasing homepage snazz factor

Author: potch

media/css/mkt/buttons.less

@@ -142,3 +142,35 @@ button {
     display: inline-block;
     line-height: 36px;
 }
+
+.arrow.button {
+    .border-box;
+    padding-right: 48px;
+    color: lighten(@text, 60%);
+    font-size: 18px;
+    line-height: 35px;
+    position: relative;
+    text-align: left;
+    &:after {
+        background: url(../../img/mkt/arrows/plain-lrg-go.png) 0 0 no-repeat;
+        content: "";
+        display: block;
+        height: 19px;
+        opacity: .7;
+        position: absolute;
+        top: 8px;
+        right: 15px;
+        width: 18px;
+    }
+    &:hover {
+        color: @white;
+        &:after {
+            opacity: 1;
+        }
+    }
+}
+
+.html-rtl .arrow.button {
+    text-align: right;
+}
+

media/css/mkt/home.less

@@ -29,7 +29,7 @@
     text-shadow: 0 1px 0 rgba(0,0,0,.25);
     div {
         .border-box;
-        background: url(../../img/mkt/quest.png) 100% 58px no-repeat;
+        background: url(../../img/mkt/crate.png) 100% 58px no-repeat;
         min-height: 330px;
         padding-top: 58px;
         position: relative;
@@ -39,6 +39,7 @@
     p {
         font-size: 14px;
         width: 320px;
+        margin-bottom: 24px;
     }
     h1 {
         font-size: 48px;

media/css/mkt/slider.less

@@ -23,19 +23,19 @@
 .controls {
     .next-page, .prev-page {
         .border-radius(10px 0 0 10px);
-        .transition(~'.2s opacity, .2s visibility');
+        .box-shadow(0 0 4px fadeOut(#000, 50%));
+        .transition(~'.2s opacity, .2s background');
         position: absolute;
         display: block;
         opacity: 0;
-        visibility: hidden;
         width: 48px;
         height: 220px;
         left: 0;
-        background: fadeOut(@white, 80%);
+        pointer-events: none;
+        background: fadeOut(@white, 75%);
         z-index: 1;
         &.show {
             opacity: 1;
-            visibility: visible;
         }
         &:after {
             content: '';
@@ -251,33 +251,3 @@
     }
 }
 
-.arrow.button {
-    .border-box;
-    .width(3);
-    color: lighten(@text, 60%);
-    font-size: 18px;
-    line-height: 35px;
-    position: relative;
-    text-align: left;
-    &:after {
-        background: url(../../img/mkt/arrows/plain-lrg-go.png) 0 0 no-repeat;
-        content: "";
-        display: block;
-        height: 19px;
-        opacity: .7;
-        position: absolute;
-        top: 8px;
-        right: 15px;
-        width: 18px;
-    }
-    &:hover {
-        color: @white;
-        &:after {
-            opacity: 1;
-        }
-    }
-}
-
-.html-rtl .arrow.button {
-    text-align: right;
-}

media/img/mkt/crate.png

@@ -8,12 +8,14 @@
       <h1>{{ _('Opening Soon.') }}</h1>
       <p>
         {% trans %}
-          Get apps for all your internet connected devices
-          and discover the best the web has to offer.
+          We're inviting Mozillians to take the Marketplace for a test drive
+          and discover the best the Web has to offer.
+          Download apps, give them a try and let us know what you think.
+          Thanks for your support!
         {% endtrans %}
       </p>
-      <a href="https://developer.mozilla.org/Apps" class="button arrow"
-         target="_blank">{{ _('Learn more') }}</a>
+      <a href="https://wiki.mozilla.org/Marketplace/Mozillian_Preview"
+         class="button arrow" target="_blank">{{ _('Test & Give Feedback') }}</a>
     </div>
   </section>
   <section id="home-featured" class="featured full">