use solid colours on book entries
[books.alexwlchan.net] / templates / _inline_book_list.html
index a7e671f..f1c1a13 100644 (file)
@@ -1,5 +1,32 @@
 {% for book_entry in all_books %}
-<div class="reading">
+{% set r = (tint_colors[book_entry.book.cover_image][0] * 255) | int %}
+{% set g = (tint_colors[book_entry.book.cover_image][1] * 255) | int %}
+{% set b = (tint_colors[book_entry.book.cover_image][2] * 255) | int %}
+
+<style>
+  #reading_{{ r }}_{{ g }}_{{ b }} {
+    background: rgb(
+      {{ (r * 0.08 + 0.92 * 255) | int }},
+      {{ (g * 0.08 + 0.92 * 255) | int }},
+      {{ (b * 0.08 + 0.92 * 255) | int }}
+    );
+    border-color: rgb({{ r }}, {{ g }}, {{ b }});
+  }
+
+  #reading_{{ r }}_{{ g }}_{{ b }} a {
+    color: rgb({{ r }}, {{ g }}, {{ b }});;
+  }
+
+  #reading_{{ r }}_{{ g }}_{{ b }} a:hover {
+    background: rgb(
+      {{ (r * 0.3 + 0.7 * 255) | int }},
+      {{ (g * 0.3 + 0.7 * 255) | int }},
+      {{ (b * 0.3 + 0.7 * 255) | int }}
+    );
+  }
+</style>
+
+<div class="reading" id="reading_{{ r }}_{{ g }}_{{ b }}">
   <div class="reading_inner">
     <div class="book_thumbnail">
       {% set book = book_entry.book %}