Updated contact copy, centered panels, de-emphasized FAQ and Support buttons.

Mileshosky · Mileshosky · commit 2e7ca44d5cb2 · 2014-06-25T22:24:13.000-05:00
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -455,7 +455,7 @@ body#sign-in {
       font-size: 3.6em;
       text-transform: uppercase;
     }
-    h2 {
+    h2, h3 {
       color: $dark-grey;
       text-align: center;
       font-family: "MuseoSans-300";
@@ -616,16 +616,48 @@ body#sign-in {
   }
 }
 
+.contact-hero {
+  width: 940px;
+  margin: 50px auto 75px auto;
+  text-align: center;
+  
+  h2 {
+    color: #777;
+    text-transform: uppercase;
+    font-size: 2.2em;
+    font-weight: normal;
+    margin-bottom: 15px;
+  }
+
+  p {
+    padding: 25px;
+    font-size: 1.9em;
+    color: #FFF;
+    @include border-radius(3px);
+    background: #555;
+  }
+
+  a {
+    color: #CCC;
+    text-decoration: underline;
+    display: block;
+    font-size: .85em;
+  }
+}
+
+.contact-panels {
+  width: 940px;
+  margin: 0 auto;
+}
+
 .half-panel {
   float: left;
   width: 434px;
   a {
-    @include blue-btn;
+    @include flat-blue-btn;
     @include border-radius(6px);
-    height: 58px;
-    line-height: 58px;
+    text-transform: none;
     color: #fff;
-    text-transform: capitalize;
     font-size: 1.6em;
     display: block;
     text-align: center;
diff --git a/app/views/pages/contact_us.html.haml b/app/views/pages/contact_us.html.haml
@@ -3,16 +3,24 @@
 
 %h1.big-title Contact Us
 
-.panel.half-panel.half-panel-margin
-  %header
-    %h2 Questions
-  .inside-panel
-    %p If you have questions about achievements we encourage you to first look at the
-    =link_to('View FAQ', faq_path)
+.contact-hero
+  %h2 Do you have an idea to improve Coderwall?
+  %p 
+    Coderwall is built, maintained and owned by its community. We call it crowd-<strong>founding</strong>.
+    %a.learn-more{href: "http://hackernoons.com/all-our-coderwall-are-belong-to-you"}
+      Learn more about how this works and how you can get involved.
 
-.panel.half-panel
-  %header
-    %h2 Support
-  .inside-panel
-    %p For support and feedback please send us a support email, and we will be in touch.
-    =mail_to('support@coderwall.com', 'support@coderwall.com')
+.contact-panels
+  .panel.half-panel.half-panel-margin
+    %header
+      %h3 Questions
+    .inside-panel
+      %p If you have questions about achievements we encourage you to first look at the
+      =link_to('View FAQ', faq_path)
+
+  .panel.half-panel
+    %header
+      %h3 Support
+    .inside-panel
+      %p For support and feedback please send us a support email, and we will be in touch.
+      =mail_to('support@coderwall.com', 'support@coderwall.com')
