Make top books stand out slightly
authorAlex Chan <alex@alexwlchan.net>
Sun, 2 Feb 2020 23:32:14 +0000 (23:32 +0000)
committerAlex Chan <alex@alexwlchan.net>
Sun, 2 Feb 2020 23:32:14 +0000 (23:32 +0000)
static/style.css
templates/list_reviews.html

index 05d6db7..7a77640 100644 (file)
@@ -117,6 +117,10 @@ footer a:hover {
   margin-bottom: 1em;
 }
 
+.review_fave {
+  background: rgba(0, 255, 221, 0.18);
+}
+
 .review_preview a, .reading_inner {
   grid-template-columns: 135px auto;
   display: grid;
@@ -128,7 +132,7 @@ footer a:hover {
 }
 
 .review_preview a:hover {
-  background: rgba(0, 255, 221, 0.2);
+  background: rgba(0, 255, 221, 0.25);
 }
 
 .review_preview img, .reading_inner img {
index 47a69b0..74160d8 100644 (file)
@@ -37,7 +37,7 @@
     </h3>
 
     {% for review_entry in reviews %}
-    <div class="review_preview">
+    <div class="review_preview {% if review_entry.review.rating == 5 %}review_fave{% endif %}">
       <a href="/{{ review_entry.out_path() }}">
         <div class="book_thumbnail">
           {% set book = review_entry.book %}