supporter banners: New page.

www/conservancy/apps/supporter/urls.py

@@ -1,9 +1,13 @@
 from django.conf.urls import url
+from django.views.generic import TemplateView
 from conservancy.apps.supporter import views as supp_views
 from conservancy.static import views as static_views
 
 INDEX_VIEW = supp_views.index
-urlpatterns = [url(r'^/?$', INDEX_VIEW)]
+urlpatterns = [
+    url(r'^/?$', INDEX_VIEW),
+    url(r'^/banners?/?$', TemplateView.as_view(template_name='supporter/banners.html')),
+]
 urlpatterns.extend(
     url(r'^{}(?:\.html|/|)$'.format(basename), INDEX_VIEW)
     for basename in ['index', '2015-supporter-appeal', '2016-supporter-appeal']

www/conservancy/templates/supporter/banners.html

@@ -0,0 +1,50 @@
+{% extends "base_conservancy.html" %}
+{% block subtitle %}Supporter Banners - {% endblock %}
+{% block category %}supporter{% endblock %}
+
+{% block content %}
+<div class="singleColumn">
+<h2>Conservancy Supporter Banners</h2>
+
+<p>Help support Conservancy even more by sharing a banner on your own page and encourage other people to join you!  We have banners for individuals and member projects below; just copy the code for the version you want into your own site.</p>
+
+<h3>Individual Supporter Banner</h3>
+
+<pre><code>  &lt;div style="margin: 0 auto; max-width: 1200px;"&gt;
+    &lt;a href="https://sfconservancy.org/supporter"&gt;
+      &lt;img src="https://sfconservancy.org/img/banners/2018-individual.jpg"
+           alt="Conservancy is a proponent for community driven free software projects.
+                Will you join me in supporting them? Donate today!"&gt;
+    &lt;/a&gt;
+  &lt;/div&gt;
+</code></pre>
+
+<div style="margin: 0 auto; max-width: 1200px;">
+  <a href="https://sfconservancy.org/supporter">
+    <img src="/img/banners/2018-individual.jpg"
+         alt="Conservancy is a proponent for community driven free software projects.
+              Will you join me in supporting them? Donate today!">
+  </a>
+</div>
+
+<h3>Member Project Banner</h3>
+
+<pre><code>  &lt;div style="margin: 0 auto; max-width: 1200px;"&gt;
+    &lt;a href="https://sfconservancy.org/supporter"&gt;
+      &lt;img src="https://sfconservancy.org/img/banners/2018-project.jpg"
+           alt="Conservancy helps make our work possible.
+                Please donate to them today to support community-driven free software projects!"
+    &lt;/a&gt;
+  &lt;/div&gt;
+</code></pre>
+
+<div style="margin: 0 auto; max-width: 1200px;">
+  <a href="https://sfconservancy.org/supporter">
+    <img src="/img/banners/2018-project.jpg"
+         alt="Conservancy helps make our work possible.
+              Please donate to them today to support community-driven free software projects!"
+  </a>
+</div>
+
+</div>
+{% endblock %}