3a2fce56b5ebb4c60e7adc9a5ddda69a3e6b864c
[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 {% if review_entry.review.rating == 5 %}
12   #review_preview_{{ r }}_{{ g }}_{{ b }}.review_fave {
13     background: rgba({{ r }}, {{ g }}, {{ b }}, 0.2);
14     border-color: rgb({{ r }}, {{ g }}, {{ b }});
15     border-width: 3px;
16     margin-left:  -1px;
17     margin-right: -1px;
18   }
19 {% endif %}
20
21   #review_preview_{{ r }}_{{ g }}_{{ b }} a:hover {
22     background: rgba({{ r }}, {{ g }}, {{ b }}, 0.3);
23   }
24
25   #review_preview_{{ r }}_{{ g }}_{{ b }} .review_preview img {
26     box-shadow: 0px 2.5px 2.5px rgba({{ r }}, {{ g }}, {{ b }}, 0.25);
27   }
28 </style>
29
30 <div class="review_preview {% if review_entry.review.rating == 5 and not is_index %}review_fave{% endif %}"
31 id="review_preview_{{ r }}_{{ g }}_{{ b }}">
32   <a href="/{{ review_entry.out_path() }}">
33     <div class="book_thumbnail">
34       {% set book = review_entry.book %}
35       {% include "_book_cover.html" %}
36     </div>
37
38     <div class="book_metadata">
39       <p class="title">{{ review_entry.book.title | smartypants | safe }}</p>
40       <p>
41         <small>
42           by {{ review_entry.book.author }}
43           {%- if review_entry.book.publication_year %}
44             ({{ review_entry.book.publication_year}})
45           {%- endif -%}
46             <br/>
47           {% if review_entry.review.date_read %}
48           read {{ review_entry.review.date_read | render_date }}
49             <br/>
50           {% endif %}
51           <div class="star_rating">
52             <img src="/static/{{ review_entry.review.rating }}star.svg">
53           </div>
54         </small>
55         {% if review_entry.review.did_not_finish %}
56           (did not finish)
57         {% endif %}
58       </p>
59     </div>
60   </a>
61 </div>