Make groups prettier

gallery/static/sass/components/gallery.sass

@@ -161,8 +161,6 @@
 
         display: block
 
-        background-color: RGB($bg-bright)
-
         img
             width: 100%
             height: 100%

gallery/templates/layout.html

@@ -30,11 +30,7 @@
         type="image/svg+xml"
         media="(prefers-color-scheme: dark)"/>
 
-    {% assets "lib" %}
-        <script type="text/javascript" src="{{ ASSET_URL }}"></script>
-    {% endassets %}
-
-    {% assets "js" %}
+    {% assets "scripts" %}
         <script type="text/javascript" src="{{ ASSET_URL }}"></script>
     {% endassets %}
 

gallery/templates/list.html

@@ -119,7 +119,7 @@
     {% if groups %}
         <div class="gallery-grid">
             {% for group in groups %}
-                <a id="group-{{ group.id }}" class="group-item" href="{{ url_for('group.group', group_id=group.id) }}">
+                <a id="group-{{ group.id }}" class="group-item" href="{{ url_for('group.group', group_id=group.id) }}" {% if group.images|length > 0 %} style="background-color: rgba({{ group.images.0.colours.0.0 }}, {{ group.images.0.colours.0.1 }}, {{ group.images.0.colours.0.2 }}, 0.4);" {% endif %}>
                     <div class="image-filter">
                         <p class="image-subtitle">By {{ group.author_username }}</p>
                         <p class="image-title">{{ group.name }}</p>