Promos for signup/Pro.

media/css/style.scss

@@ -2933,3 +2933,37 @@ div.exclusive-ad {
     }
   }
 }
+a.snipt-promo {
+  background: #5CB85C;
+  border: 1px solid #4CAE4C;
+  color: white;
+  display: block;
+  font: bold 20px Helvetica;
+  margin-top: 30px;
+  padding: 25px 15px;
+  text-decoration: none;
+  text-shadow: 0 1px 0 #448944;
+
+  span.pro {
+    color: #468847;
+    font-family: $RockwellBoldItalic;
+    font-size: 22px;
+    text-shadow: 0 1px 0 white;
+
+    &.-logo {
+      color: white;
+      font-weight: normal;
+      text-transform: lowercase;
+      text-shadow: 0 1px 0 #448944;
+    }
+    span {
+      color: #99eefa;
+    }
+  }
+  button {
+    margin-top: -1px;
+  }
+  &:hover {
+    background: #55a955;
+  }
+}

snipts/templates/snipts/detail.html

@@ -48,6 +48,11 @@
 
 {% block content %}
     <section class="snipts" id="snipts">
+        {% if not request.user.is_authenticated %}
+            {% include 'ad-leaderboard.html' %}
+        {% elif not request.user.profile.is_pro %}
+            {% include 'ad-leaderboard-pro.html' %}
+        {% endif %}
         {% with 'true' as detail %}
             {% include "snipts/snipt-list.html" %}
         {% endwith %}

snipts/templates/snipts/list.html

@@ -16,6 +16,11 @@
         {% if request.user.profile.list_view == 'C' %}
             ng-cloak ng-show="$root.account.id"
         {% endif %}>
+        {% if not request.user.is_authenticated %}
+            {% include 'ad-leaderboard.html' %}
+        {% elif not request.user.profile.is_pro %}
+            {% include 'ad-leaderboard-pro.html' %}
+        {% endif %}
         {% autopaginate snipts 10 %}
         {% for snipt in snipts %}
             {% include "snipts/snipt-list.html" %}

templates/ad-leaderboard-pro.html

@@ -0,0 +1,4 @@
+<a href="/pro/" class="snipt-promo">
+  <button class="btn btn-success btn-small pull-right">Go Pro &raquo;</button>
+  Go <span class="pro">Pro</span> today for only $29 (one-time fee).
+</a>

templates/ad-leaderboard.html

@@ -1,11 +1,4 @@
-<div class="google-ads" style="margin-top: 30px;">
-  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-  <!-- New Snipt Leaderboard -->
-  <ins class="adsbygoogle"
-    style="display:inline-block;width:728px;height:90px"
-    data-ad-client="ca-pub-6776929316186576"
-    data-ad-slot="5792558066"></ins>
-  <script>
-    (adsbygoogle = window.adsbygoogle || []).push({});
-  </script>
-</div>
+<a href="/signup/" class="snipt-promo">
+  <button class="btn btn-success btn-small pull-right">Sign up &raquo;</button>
+  Sign up for <span class="pro -logo">Snip<span>t</span></span>: store and share your own code snippets.
+</a>