Working on new signup view.

media/css/style.scss

@@ -1651,6 +1651,11 @@ a.go-pro {
   margin: 30px 0;
   width: 749px;
 }
+div.get-support {
+  bottom: 20px;
+  right: 20px;
+  position: fixed;
+}
 
 // Pages
 body.account {
@@ -1803,6 +1808,9 @@ body.is-pro {
       }
     }
   }
+  div.get-support {
+    display: none;
+  }
 }
 body.pro {
   div.pro-hero {
@@ -2085,6 +2093,10 @@ body.signup {
     span {
       color: #28C548;
     }
+    h4 {
+      margin-bottom: 0;
+      margin-top: 40px;
+    }
     p.sub {
       color: #F2F2F2;
       font: normal 18px/24px $Helvetica;
@@ -2099,6 +2111,15 @@ body.signup {
     }
   }
 }
+body.signup.pro {
+  div.info {
+    @include border-radius(0);
+
+    p.sub {
+      padding: 0 80px;
+    }
+  }
+}
 body.static {
   .static-box {
     background: rgba(#FFF, .65);

templates/base.html

@@ -255,6 +255,9 @@
 {% block main-edit %}
   <section class="main group hidden" id="main-edit"></section>
 {% endblock %}
+<div class="get-support">
+  <a class="btn btn-info" href="/pro/">Get support &raquo;</a>
+</div>
 {% block keyboard-shortcuts %}
   <div class="modal hide" id="keyboard-shortcuts">
     <div class="modal-header">
@@ -414,7 +417,7 @@
     {% include 'snipts/snipt-edit-js-template.html' %}
   </div>
 {% endblock %}
-{% if request.user.is_authenticated %}
+{% if request.user.is_authenticated and request.user.is_pro %}
   {% if not debug %}
     {% block intercom %}
       <script id="IntercomSettingsScriptTag">

templates/pro.html

@@ -2,28 +2,24 @@
 
 {% block page-title %}Snipt Pro{% endblock %}
 
-{% block body-class %}{{ block.super }} static pro{% endblock %}
+{% block body-class %}{{ block.super }} static pro signup{% endblock %}
 
 {% block breadcrumb %}
   <li><a href="/pro/">Snipt Pro</a></li>
 {% endblock %}
 
 {% block content %}
-    <div class="pro-hero">
-        snip<span>t</span> <span class="pro">Pro</span>
-    </div>
-    <div class="static-box">
-        <h6>Going Pro gets you:</h6>
-        <ul>
-            <li>Custom domain for your <a href="/blogging/">Snipt blog</a>.</li>
-            <li><span class="pro">Pro</span> badge throughout the site.</li>
-            <li>No ads.</li>
-        </ul>
+  <div class="info">
+    Subscribe for only <span>$5/month</span>.
+    <p class="sub">
+      We believe the best way to build a superior product is to charge for it.
+      As a paid Snipt member, you'll have unrestricted access to the app, <a href="/api/">API</a>,
+      instant chat support, and more.
+    </p>
     {% if request.user.profile.is_pro %}
       <h3>You're already a Pro.</h3>
     {% else %}
-            <h3><span><span class="pro">Pro</span> is only</span> $5/month.</h3>
-            <h4><a href="/pro/signup/" class="btn btn-large btn-success">Buy Now</a></h4>
+      <h4><a href="/pro/signup/" class="btn btn-large btn-success">Subscribe</a></h4>
     {% endif %}
   </div>
 {% endblock %}