Use a new tinted book set on every page
[books.alexwlchan.net] / templates / _review_entry.html
1 {% set r = (tint_colors[review_entry.book.cover_image][0] * 255) | int %}
2 {% set g = (tint_colors[review_entry.book.cover_image][1] * 255) | int %}
3 {% set b = (tint_colors[review_entry.book.cover_image][2] * 255) | int %}
4
5 <style>
6   #review_preview_{{ r }}_{{ g }}_{{ b }} {
7     background: rgba({{ r }}, {{ g }}, {{ b }}, 0.05);
8     border-color: rgb({{ r }}, {{ g }}, {{ b }});
9   }
10
11   #review_preview_{{ r }}_{{ g }}_{{ b }}.review_fave {
12     background: rgba({{ r }}, {{ g }}, {{ b }}, 0.2);
13     border-color: rgb({{ r }}, {{ g }}, {{ b }});
14     border-width: 3px;
15     margin-left:  -1px;
16     margin-right: -1px;
17   }
18
19   #review_preview_{{ r }}_{{ g }}_{{ b }} a:hover {
20     background: rgba({{ r }}, {{ g }}, {{ b }}, 0.3);
21   }
22
23   #review_preview_{{ r }}_{{ g }}_{{ b }} .review_preview img {
24     box-shadow: 0px 2.5px 2.5px rgba({{ r }}, {{ g }}, {{ b }}, 0.25);
25   }
26 </style>
27
28 <div class="review_preview {% if review_entry.review.rating == 5 and not is_index %}review_fave{% endif %}"
29 id="review_preview_{{ r }}_{{ g }}_{{ b }}">
30   <a href="/{{ review_entry.out_path() }}">
31     <div class="book_thumbnail">
32       {% set book = review_entry.book %}
33       {% include "_book_cover.html" %}
34     </div>
35
36     <div class="book_metadata">
37       <p class="title">{{ review_entry.book.title | smartypants | safe }}</p>
38       <p>
39         <small>
40           by {{ review_entry.book.author }}
41           {%- if review_entry.book.publication_year %}
42             ({{ review_entry.book.publication_year}})
43           {%- endif -%}
44             <br/>
45           {% if review_entry.review.date_read %}
46           read {{ review_entry.review.date_read | render_date }}
47             <br/>
48           {% endif %}
49           {% if review_entry.review.rating %}
50             {% for _ in range(review_entry.review.rating) %}
51             ★
52             {% endfor %}
53             {% for _ in range(5 - review_entry.review.rating) %}
54             ☆
55             {% endfor %}
56           {% endif %}
57           {% if review_entry.review.did_not_finish %}
58             (did not finish)
59           {% endif %}
60         </small>
61       </p>
62     </div>
63   </a>
64 </div>