added signup to bottom of Range detail pages

2 files changed, 16 insertions, 0 deletions

diff --git a/app/lttr/templates/lttr/range_detail.html b/app/lttr/templates/lttr/range_detail.html
index b520d79..8d74eb9 100644
--- a/app/lttr/templates/lttr/range_detail.html
+++ b/app/lttr/templates/lttr/range_detail.html
@@ -144,6 +144,10 @@
                 <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a>
             </div>{%endif%}
         </nav>{%endwith%}{%endwith%}
+            <aside class="narrow donate join">
+                <p>You're reading <em>Range</em>, a weekly mailing of a single photograph, along with a few notes, and video of the processing. If you'd like to join us, drop your email in the form below: </p>
+                <iframe target='_parent' style="border:none !important; background:white; width:100% !important;" title="embedded form for subscribing the the Friends of a Long Year newsletter" src="{% url 'lttr:subscribe' slug='range' %}"></iframe>
+            </aside>
         </div>
         {% if object.related.all %}<div class="article-afterward related">
             <div class="related-bottom">
diff --git a/design/sass/screenv10.scss b/design/sass/screenv10.scss
index 2652944..21cb224 100644
--- a/design/sass/screenv10.scss
+++ b/design/sass/screenv10.scss
@@ -257,6 +257,10 @@ iframe {
         max-width: 750px;
     }
 }
+.narrow {
+    max-width: 750px;
+    margin: 0 auto;
+}
 //}}}
 //*********** Universals ******************************* {{{
 .hide {
@@ -1157,6 +1161,14 @@ pre{
     text-decoration: none;
     width: 70px;
 }
+.join {
+    margin-top: 2rem;
+}
+@media screen and (min-width: 1440px) {
+    .join {
+        margin-top: 4rem;
+    }
+}
 //}}}
 //*********** Footer Styles *****************************{{{
 .page-footer {