Intercom.

media/css/style.scss

@@ -2797,6 +2797,38 @@ body.jobs {
     }
 }
 
+div.exclusive-ad {
+    color: #666666;
+    margin: 0 0 30px 15px;
+    padding: 10px;
+    padding-top: 0;
+    text-align: center;
+    @include border-radius(8px);
+    @include vertical-gradient(#F2F2F2, white);
+
+    h3 {
+        font: bold 12px/16px $Helvetica;
+        margin: 0;
+    }
+    p {
+        font: normal 12px/16px $Helvetica;
+        margin-top: 5px;
+
+        a {
+            font-weight: bold;
+        }
+    }
+    a.logo {
+        display: block;
+        text-align: center;
+
+        img {
+            display: inline-block;
+            margin: 10px 0;
+        }
+    }
+}
+
 body .one .bsa_it_ad { background: transparent; border: none; font-family: inherit; padding: 0 15px 0 10px; margin: 0; text-align: center; }
 body .one .bsa_it_ad:hover img { -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; }
 body .one .bsa_it_ad .bsa_it_i { display: block; padding: 0; float: none; margin: 0 0 5px; }

snipts/templates/snipts/detail.html

@@ -40,17 +40,7 @@
 {% block content %}
     <section class="snipts" id="snipts">
         {% if not request.user.profile.is_pro %}
-          <div class="google-ads" style="margin-top: 30px;">
+            {% include 'ad-detail.html' %}
-            <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>
         {% endif %}
         {% with 'true' as detail %}
             {% include "snipts/snipt-list.html" %}

snipts/templates/snipts/list.html

@@ -17,17 +17,7 @@
             ng-cloak ng-show="$root.account.id"
         {% endif %}>
         {% if not request.user.profile.is_pro %}
-          <div class="google-ads" style="margin-top: 30px;">
+            {% include 'ad-leaderboard.html' %}
-            <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>
         {% endif %}
         {% autopaginate snipts 10 %}
         {% for snipt in snipts %}

templates/ad-detail.html

@@ -0,0 +1,11 @@
+<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>

templates/ad-leaderboard.html

@@ -0,0 +1,11 @@
+<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>

templates/ad-sidebar.html

@@ -1,3 +1,12 @@
+<div class="exclusive-ad">
+  <h3>Communicate personally with every single customer.</h3>
+  <p>
+    Try <a href="https://www.intercom.io/" title="Intercom">Intercom</a>.
+  </p>
+  <a class="logo" href="https://www.intercom.io/" title="Sifter: Simple issue tracking for big projects and small teams.">
+    <img src="{{ STATIC_URL }}img/intercom.png" alt="Sifter: Simple issue tracking for big projects and small teams." />
+  </a>
+</div>
 <section class="ad">
     <div id="carbonads-container">
         <div class="carbonad">

templates/base.html

@@ -218,7 +218,7 @@
                 <aside class="main">
                     {% block ad %}
                         {% if not request.user.profile.is_pro %}
-                            {% include 'ad.html' %}
+                            {% include 'ad-sidebar.html' %}
                         {% endif %}
                     {% endblock %}
                     {% block aside-top %}{% endblock %}