From e47d256783c9d466ab34b0632c70ac767011f91e Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Tue, 24 Dec 2019 07:23:23 -0500
Subject: added disclaimer to book pages

---
 design/sass/_archives.scss         | 10 ++++++++++
 design/sass/_details.scss          |  6 +++++-
 design/templates/base.html         |  1 +
 design/templates/details/book.html |  8 ++++++--
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/design/sass/_archives.scss b/design/sass/_archives.scss
index b2e4bfe..48acb43 100644
--- a/design/sass/_archives.scss
+++ b/design/sass/_archives.scss
@@ -59,6 +59,11 @@
 }
 
 // container for archive grid items
+.archive-grid > article {
+    display: inline-block;
+    width: 32%;
+    vertical-align: top;
+}
 .archive-grid {
     margin-top: 3rem;
     @include constrain_wide; 
@@ -72,6 +77,11 @@
         grid-gap: .75rem;
     }
 }
+@supports (display:grid) {
+  .archive-grid > article {
+    width: auto;
+  }
+}
 // body class archive, article header (usually inherits h2)
 .archive .post-title {
     font-family: $fancy_serif;
diff --git a/design/sass/_details.scss b/design/sass/_details.scss
index f0459a3..53e819f 100644
--- a/design/sass/_details.scss
+++ b/design/sass/_details.scss
@@ -538,7 +538,7 @@ sup {
         content: ":";
     }
 }
-.thoughts, .highlights, .meta-cover {
+.thoughts, .highlights, .meta-cover, .dis {
     @include constrain_narrow;
     font-family: $fancy_serif;
     text-align: left;
@@ -595,3 +595,7 @@ sup {
     @include fancy_sans;
     @include fontsize(16);
 }
+.dis {
+    @include fontsize(16);
+    text-align: center;
+}
diff --git a/design/templates/base.html b/design/templates/base.html
index fbbd0ae..67edd7a 100644
--- a/design/templates/base.html
+++ b/design/templates/base.html
@@ -43,6 +43,7 @@
     </div>
     {% block primary %}{% endblock %}
     {% block extrabody %}{% endblock %}
+    {% block disclaimer %}{% endblock%}
     <footer class="bl">
         <ul class="footer-nav">
             <li><a href="/blogroll" title="Sites that inspire us">Blogroll</a></li>
diff --git a/design/templates/details/book.html b/design/templates/details/book.html
index 808d253..8a87ae5 100644
--- a/design/templates/details/book.html
+++ b/design/templates/details/book.html
@@ -46,7 +46,7 @@
         {% if object.bookhighlight_set.all %}
         <div class="highlights">
             <h4>Highlights:</h4>
-            {% for object in object.bookhighlight_set.all reversed %}
+            {% for object in object.bookhighlight_set.all %}
             <div class="h-entry hentry post--article book">
                 <a class="highlink" id="h{{forloop.counter}}-page-{{object.page}}" href="#h{{forloop.counter}}-page-{{object.page}}">&para;</a>
                 <div class="book-highlight">
@@ -59,4 +59,8 @@
         {%endif%}
     </main>
 {% endblock %}
-
+{% block disclaimer %}
+<div class="highlights">
+    <p class="dis"><em>When you buy a book using the link above, I may earn a small affiliate commission.</em></p>
+</div>
+{% endblock %}
-- 
cgit v1.2.3-70-g09d2