From 44af81a8b1875321fb4c97c471290d6a888c1e46 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf>
Date: Sun, 21 Mar 2021 11:19:51 -0400
Subject: src: added signup form to individual posts

---
 app/posts/templates/posts/src_detail.html | 8 +++++++-
 design/sass/screenv10.scss                | 9 ++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/posts/templates/posts/src_detail.html b/app/posts/templates/posts/src_detail.html
index 232bba0..b372139 100644
--- a/app/posts/templates/posts/src_detail.html
+++ b/app/posts/templates/posts/src_detail.html
@@ -41,7 +41,7 @@
         </div>
         </article>
         <div class="entry-footer">
-            <aside class="donate">
+            <aside class="narrow donate">
                 <h3>Donate</h3>
             <p>I've had several people ask about tipping for the articles here. That's not necessary, but if this article saved you some time and you feel like that's worth some money, I won't turn it down. You can donate here:</p> 
              <div class="donate-btn">
@@ -55,6 +55,12 @@
                 <a class="liberapay-btn" href="https://liberapay.com/luxagraf/donate"><span>Donate</span></a>
             </div>
             </aside>
+            <aside class="narrow join">
+                <h3>Subscribe</h3>
+                <p>You're reading <code>/src/</code>, a collection of infrequent postings about open source software, linux tools, and other nerdry. 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 src newsletter" src="{% url 'lttr:subscribe' slug='range' %}"></iframe>
+            <p>Unsubscribing is easy. It's <a href="/src/building-your-own-mailing-list-software">self-hosted</a> and <a href="/privacy" title="My privacy policy">respects your privacy</a>. If you don't want an email, there's also <a href="/src/feed.xml">an RSS feed</a>, and it's all archived <a href="/src/">here</a>.</p>
+            </aside>
         </div>
         {% with object.get_next_published as next %}
         {% with object.get_previous_published as prev %}
diff --git a/design/sass/screenv10.scss b/design/sass/screenv10.scss
index 814db0d..07d9c8c 100644
--- a/design/sass/screenv10.scss
+++ b/design/sass/screenv10.scss
@@ -964,6 +964,9 @@ p + .picwide {
         display: flex;
         flex-direction: row;
     }
+    .src .entry-footer {
+        display: block;
+    }
 }
 
 .entry-footer .hedtinycaps {
@@ -1138,6 +1141,10 @@ pre{
     font-size: 20px;
     font-size: 1.25rem;
 }
+.src .donate {
+    border-bottom: 3px double #efefef;
+    padding-bottom: 3rem;
+}
 .donate p {
     line-height: 1.3;
 }
@@ -1160,7 +1167,7 @@ pre{
     background: url("img/lpdonate.svg") 0 0 no-repeat;
     text-indent: -9999em;
     display: inline-block;
-    line-height: 25px;
+    line-height: 46px;
     padding: 2px 7px 3px;
     text-decoration: none;
     width: 70px;
-- 
cgit v1.2.3-70-g09d2