From 8654b936be4f4bd111c8ecfc3bf5f82390ac63e4 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <peterbe@mozilla.com>
Date: Tue, 15 May 2018 12:04:25 -0400
Subject: [PATCH] New carbon ad code (#254)

* new carbon ad code

* final fixes
---
 download-all-plogs.py                 |   2 +
 peterbecom/plog/jinja2/plog/post.html | 110 ++++++++++++++++++++++++++
 reload_and_clear_cache.py             |  21 +++++
 3 files changed, 133 insertions(+)
 create mode 100755 reload_and_clear_cache.py

diff --git a/download-all-plogs.py b/download-all-plogs.py
index 9079ed5bd..d2191148d 100755
--- a/download-all-plogs.py
+++ b/download-all-plogs.py
@@ -8,6 +8,8 @@
 
 
 def get_urls(base_url):
+    if base_url.endswith('/'):
+        base_url = base_url[:-1]
     doc = PyQuery(base_url + '/plog/')
     doc.make_links_absolute(base_url=base_url)
     urls = []
diff --git a/peterbecom/plog/jinja2/plog/post.html b/peterbecom/plog/jinja2/plog/post.html
index f52bc3c1d..d6aba33be 100644
--- a/peterbecom/plog/jinja2/plog/post.html
+++ b/peterbecom/plog/jinja2/plog/post.html
@@ -120,6 +120,71 @@
     }
   }
   </style>
+
+  {# These are for the new BuySellAds Carbon campaign #}
+  <style>
+  .bsa-cpc #_default_ {
+    position: relative;
+    margin-bottom: 20px;
+    padding: 4px 14px 6px;
+    border: solid 1px #5a85c9;
+    background-color: #fafafa;
+    font-size: 14px;
+    line-height: 1.5;
+  }
+
+  .bsa-cpc .default-ad {
+    display: none;
+  }
+
+  .bsa-cpc ._default_ {
+    display: inline;
+    overflow: hidden;
+    line-height: 1;
+  }
+
+  .bsa-cpc ._default_ > * {
+    vertical-align: middle;
+  }
+
+  .bsa-cpc a {
+    text-decoration: none;
+  }
+
+  .bsa-cpc .default-image {
+    display: none;
+  }
+
+  .bsa-cpc .default-title:after {
+    content: " — ";
+  }
+
+  .bsa-cpc .default-title,
+  .bsa-cpc .default-description {
+    display: inline;
+  }
+
+  .bsa-cpc .default-title {
+    position: relative;
+    margin-left: 8px;
+  }
+
+  .bsa-cpc .default-title:before {
+    position: relative;
+    top: -1px;
+    left: -8px;
+    padding: 2px 5px;
+    border: solid 1px currentColor;
+    border-radius: 3px;
+    color: currentColor;
+    content: "Sponsor";
+    text-transform: uppercase;
+    font-weight: 600;
+    font-size: 10px;
+    font-family: Verdana, sans-serif;
+    line-height: 1;
+  }
+  </style>
   {% endif %}
 
   {% if request.path == '/plog/blogitem-040601-1' %}
@@ -156,6 +221,12 @@
   <h4><a href="{{ post.url }}">{{ post.url }}</a></h4>
   {% endif %}
 
+  {#
+  {% if request.path != '/plog/blogitem-040601-1' %}
+  <div class="bsa-cpc"></div>
+  {% endif %}
+  #}
+
 {% endblock %}
 
 {% block extrajs %}
@@ -165,10 +236,48 @@ <h4><a href="{{ post.url }}">{{ post.url }}</a></h4>
   {% javascript 'plog:post' %}
   {% endif %}
 
+{#<script src="https://m.servedby-buysellads.com/monetization.js" async></script>#}
+<script>
+(function() {
+  var attempts = 0;
+  var loop = function() {
+    if (typeof _bsa !== 'undefined' && _bsa) {
+      _bsa.init('default', 'CKYD52JJ', 'placement:peterbecom', {
+        target: '.bsa-cpc',
+        align: 'horizontal',
+        disable_css: 'true',
+      });
+    } else {
+      attempts++;
+      if (attempts < 10) {
+        setTimeout(loop, 500);
+      }
+    }
+  };
+  var inject = function(cb) {
+    var script = document.createElement('script');
+    script.src = 'https://m.servedby-buysellads.com/monetization.js';
+    script.async = true;
+    script.onload = cb;
+    document.head.appendChild(script);
+  }
+  function isMobileDevice() {
+    return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
+  };
+  if (document.querySelector('div.bsa-cpc') && !isMobileDevice()) {
+    inject(loop);
+  }
+})();
+</script>
+
 {% endblock %}
 
 {% block content %}
 
+{% if request.path != '/plog/blogitem-040601-1' %}
+<div class="bsa-cpc"></div>
+{% endif %}
+
   {% if pub_date_years > 3 and request.path != '/plog/blogitem-040601-1' %}
   <div class="ui {% if pub_date_years > 6 %}warning{% else %}info{% endif %} message"
      style="margin-bottom:40px">
@@ -185,6 +294,7 @@ <h4><a href="{{ post.url }}">{{ post.url }}</a></h4>
 
 {% include "plog/_post.html" %}
 
+
 {% if show_buttons %}
   <p>
     <a href="https://twitter.com/peterbe" class="ui tiny twitter button"
diff --git a/reload_and_clear_cache.py b/reload_and_clear_cache.py
new file mode 100755
index 000000000..fd4d6b44e
--- /dev/null
+++ b/reload_and_clear_cache.py
@@ -0,0 +1,21 @@
+#!/usr/bin/env python
+
+import os
+import shutil
+from django.core.wsgi import get_wsgi_application
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "peterbecom.settings")
+application = get_wsgi_application()
+
+
+cache_dir = 'peterbecom-static-content/_FSCACHE/plog'
+if os.path.isdir(cache_dir):
+    shutil.rmtree(cache_dir)
+    print('Deleted', cache_dir)
+
+from django.core.cache import cache  # noqa
+cache.clear()
+with open('peterbecom/__init__.py') as f:
+    code = f.read()
+
+with open('peterbecom/__init__.py', 'w') as f:
+    f.write(code)