diff options
| -rw-r--r-- | design/sass/_archives.scss | 10 | ||||
| -rw-r--r-- | design/sass/_details.scss | 6 | ||||
| -rw-r--r-- | design/templates/base.html | 1 | ||||
| -rw-r--r-- | 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}}">¶</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 %} |