diff options
-rw-r--r-- | app/posts/templates/posts/src_detail.html | 8 | ||||
-rw-r--r-- | 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; |