diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_details.scss | 18 | ||||
| -rw-r--r-- | design/templates/details/book.html | 8 |
2 files changed, 20 insertions, 6 deletions
diff --git a/design/sass/_details.scss b/design/sass/_details.scss index 83651ca..b72ca9d 100644 --- a/design/sass/_details.scss +++ b/design/sass/_details.scss @@ -227,10 +227,20 @@ h4.post-source { text-decoration: none; } } +.buy-btn { + @include fancy_sans; + display: block; + padding: .5rem 1rem; + background: #249bd6; + color: white; + text-transform: uppercase; + @include fontsize(16); + text-decoration: none; + margin-right: 1rem; +} .buy-btn-wrapper { - margin-top: 4rem; display: flex; - justify-content: center; + justify-content: start; align-items: center; align-content: space-between; h4 { @@ -244,6 +254,10 @@ h4.post-source { margin-right: 1rem; } } +.post-guide .buy-btn-wrapper { + margin-top: 4rem; + justify-content: center; +} .detail .post-guide { h3 { @include fontsize(27); diff --git a/design/templates/details/book.html b/design/templates/details/book.html index 101dd0d..f7bba47 100644 --- a/design/templates/details/book.html +++ b/design/templates/details/book.html @@ -19,10 +19,6 @@ {% if object.rating %}<dt>Rating</dt><dd class="book-stars" itemprop="reviewRating"> {% for i in object.ratings_range %}{% if i <= object.get_rating%}★{%else%}☆{%endif%}{%endfor%}</dd>{%endif%} {% if object.read_in %}<dt>Read</dt> <dd>{{object.read_in}}</dd>{%endif%} - {% if object.afflink %}<dt>Buy</dt> - <dd><a href="{{object.afflink}}" title="buy {{object.title}} at Amazon">Amzn</a></dd>{%endif%} - {% if object.isbn %}<dt>Borrow</dt> - <dd><a href="http://worldcat.org/isbn/{{object.isbn}}" title="find {{object.title}} in your local library">WorldCat</a></dd>{%endif%} {% if object.pages %}<dt>Pages</dt> <dd>{{object.pages}}</dd>{%endif%} {% if object.publish_date %}<dt>Published</dt> @@ -30,6 +26,10 @@ {% if object.isbn %}<dt>ISBN</dt> <dd>{{object.isbn}}</dd>{%endif%} </dl> + <div class="buy-btn-wrapper"> + {% if object.afflink %}<a class="buy-btn" href="{{object.afflink}}" title="buy {{object.title}} at Amazon">Buy Now</a>{%endif%} + {% if object.isbn %}<a class="buy-btn" href="http://worldcat.org/isbn/{{object.isbn}}" title="find {{object.title}} in your local library">Borrow</a>{%endif%} + </div> </div>{%if object.body_html%} <div class="thoughts" itemprop="review" itemscope itemtype="http://schema.org/Review"> <h5>Notes</h5> |