major styling pass, artist list, and import processing improvements

app/templates/artist_gallery.html

@@ -3,7 +3,7 @@
 {% block title %}{{ artist }}'s Gallery{% endblock %}
 
 {% block content %}
-  <h1 style="text-align:center; margin-top: 1rem;">{{ artist }}</h2>
+  <h1 style="text-align:center; margin-top: 1rem;">{{ artist }}</h1>
 
   <!-- Pagination Controls -->
   <div class="pagination-container">
@@ -21,23 +21,21 @@
   </div>
 
   <!-- Gallery Grid -->
-    <div class="gallery-grid">
-    {% for image in images %}
+  <div class="gallery-grid">
+    {% for image in images.items %}
     <div class="gallery-item">
-        <div class="gallery-thumb img-clickable"
-            data-full="{{ url_for('static', filename=image.filepath) }}"
-            style="background-image: url('{{ url_for('static', filename=image.filepath) }}');" 
-            data-full="{{ url_for('static', filename=image.filepath) }}"
-            data-filename="{{ image.filename }}">
-        </div>
-        <a href="{{ url_for('main.artist_gallery', artist_name=image.artist) }}">{{ image.artist }}</a>
-        <span class="image-date">
-            {{ image.taken_at or image.imported_at | datetimeformat }}
-        </span>
+      <div class="gallery-thumb img-clickable"
+           data-full="{{ url_for('main.serve_image', filename=image.filepath | replace('/images/', '')) }}"
+           style="background-image: url('{{ url_for('main.serve_image', filename=image.filepath | replace('/images/', '')) }}');"
+           data-filename="{{ image.filename }}">
+      </div>
+      <a href="{{ url_for('main.artist_gallery', artist_name=image.artist) }}">{{ image.artist }}</a>
+      <span class="image-date">
+          {{ (image.taken_at or image.imported_at) | datetimeformat }}
+      </span>
     </div>
     {% endfor %}
-    </div>
-
+  </div>
 
   <!-- Pagination Controls -->
   <div class="pagination-container">