Add a "list all reviews" page
[books.alexwlchan.net] / templates / list_reviews.html
1 {% extends "base.html" %}
2
3 {% block content %}
4   <h1>my reviews</h1>
5   <style>
6     .review_preview {
7       border: 3px solid #4c3dae;
8       border-radius: 6px;
9       margin-bottom: 1em;
10     }
11
12     .review_preview a {
13       grid-template-columns: 110px auto;
14       display: grid;
15       grid-gap: 15px;
16       width: 100%;
17       color: black;
18       text-decoration: none;
19     }
20
21     .review_preview img {
22       max-height: 110px;
23       border: 0.5px solid rgba(76, 61, 174, 0.6);
24       margin-top: 12px;
25       margin-bottom: 7px;
26     }
27
28     .review_preview .book_thumbnail {
29       text-align: center;
30     }
31
32     .review_preview .book_metadata {
33       grid-row: 1/1;
34       grid-column: 2/2;
35       display: inline-block;
36       margin-top:    auto;
37       margin-bottom: auto;
38       line-height: 1.25em;
39     }
40
41     .review_preview .book_metadata p.title {
42       font-style: italic;
43       font-size: 1.05em;
44       margin-bottom: 0.65em;
45     }
46
47     .review_preview .book_metadata p {
48       margin: 0;
49     }
50   </style>
51
52   {% for review_entry in all_reviews %}
53   <div class="review_preview">
54     <a href="/{{ review_entry.out_path() }}">
55       <div class="book_thumbnail">
56         {% set book = review_entry.book %}
57         {% include "_book_cover.html" %}
58       </div>
59
60       <div class="book_metadata">
61         <p class="title">{{ review_entry.book.title }}</p>
62         <p>
63           <small>
64             by {{ review_entry.book.author }}
65             {%- if review_entry.book.publication_year %}
66               ({{ review_entry.book.publication_year}})
67             {%- endif -%}
68               <br/>
69             read {{ review_entry.review.date_read | render_date }}
70               <br/>
71             {% for _ in range(review_entry.review.rating) %}
72             ★
73             {% endfor %}
74             {% for _ in range(5 - review_entry.review.rating) %}
75             ☆
76             {% endfor %}
77           </small>
78         </p>
79       </div>
80     </a>
81   </div>
82   {% endfor %}
83 {% endblock %}