Ad.

media/css/style.scss

@@ -1047,6 +1047,9 @@ article.snipt {
     div.bottom-x {
       bottom: -1px;
     }
+    div.ad-x {
+      bottom: 24px;
+    }
     header {
       border-bottom: 1px solid #F1F1EE;
       min-height: 58px;
@@ -3269,3 +3272,37 @@ div.bsap_adhere {
     }
   }
 }
+
+div.inline-ad {
+  background: #FBFBFB;
+  border-top: 1px solid #DDDDDD;
+  height: 24px;
+
+  span.block {
+    background-color: #BB0017;
+    border-right: 1px solid #DDDDDD;
+    display: inline-block;
+    height: 24px;
+    width: 28px;
+  }
+  p {
+    color: #6A6A6A;
+    display: inline-block;
+    font-size: 12px;
+    margin: 4px 0 0 3px;
+    vertical-align: top;
+
+    a {
+      color: #6A6A6A;
+      text-decoration: underline;
+    }
+  }
+  span.ad {
+    color: #9E9E9E;
+    display: inline-block;
+    float: right;
+    font-size: 10px;
+    margin: 3px 7px 0 0;
+    text-transform: uppercase;
+  }
+}

snipts/templates/snipts/snipt-list.html

@@ -112,6 +112,18 @@
             {% endif %}
             <div class="ruler top-x"></div>
             <div class="ruler bottom-x"></div>
+            {% if detail %}
+              <div class="ruler ad-x"></div>
+              <div class="inline-ad">
+                <span class="block"></span>
+                <p>
+                  Want to make sure your code is always working?
+                  Try <a href="https://instrumentalapp.com/">custom application monitoring</a>
+                  from Instrumental!
+                </p>
+                <span class="ad">Advertisement</span>
+              </div>
+            {% endif %}
         </div>
         {% block aside %}
             <aside ng-show="!account || account.list_view == 'N'">