From 82d718de5e98b8543796ee61f112ab1e4177d850 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Tue, 14 May 2024 17:04:55 +0100
Subject: Further tidying

---
 .../templates/resources/resource_detail.html       | 36 +++++++++++-----------
 1 file changed, 18 insertions(+), 18 deletions(-)

(limited to 'pyblackbird_cc/templates/resources/resource_detail.html')

diff --git a/pyblackbird_cc/templates/resources/resource_detail.html b/pyblackbird_cc/templates/resources/resource_detail.html
index 605f6bb..0bfdf92 100644
--- a/pyblackbird_cc/templates/resources/resource_detail.html
+++ b/pyblackbird_cc/templates/resources/resource_detail.html
@@ -7,7 +7,7 @@
         <h3>{{ resource.name }}</h3>
         <div class="d-flex flex-row justify-content-between my-3">
           <div>
-            <span class="fw-bold">Subject:</span>{{ resource.main_resource_category }}
+            <span class="fw-bold">Subject:</span> {{ resource.main_resource_category }}
           </div>
           <div class="px-2">
             <span class="fw-bold">Age range:</span> {{ resource.age_range }}
@@ -15,6 +15,12 @@
           <div class="px-2">
             <span class="fw-bold">Resource type:</span> {{ resource.resource_type }}
           </div>
+          <div class="px-2">
+            <span class="fw-bold">Number of files:</span> X NUMBER OF FILES
+          </div>
+        </div>
+        <div>
+          <span class="fw-bold">Created:</span> {{ resource.created|date:"D d M Y" }}
         </div>
       </div>
     </div>
@@ -30,15 +36,15 @@
         </div>
       </div>
     </div>
-    <div class="row my-4">
-      <div class="col bg-white pt-3 border border-success border-opacity-25 rounded">
-        <h4>Resource files preview</h4>
-        {% for snapshot_filename, snapshot_urls in resource.snapshot_urls.items %}
-          <div>{{ snapshot_filename }}</div>
+    {% for snapshot_filename, snapshot_urls in resource.snapshot_urls.items %}
+      <div class="row my-4">
+        <div class="col bg-white pt-3 border border-success border-opacity-25 rounded">
+          <h4>File preview:</h4>
+          <p>{{ snapshot_filename|cut:".pdf" }}</p>
           <div>
-            <div class="d-flex flex-row justify-content-between">
+            <div class="d-flex flex-row justify-content-center flex-wrap">
               {% for snapshot_url in snapshot_urls %}
-                <div class="m-2">
+                <div class="m-4">
                   <img class="img-thumbnail rounded"
                        src="{{ snapshot_url }}"
                        alt="{{ snapshot_filename }}" />
@@ -47,18 +53,12 @@
             </div>
           </div>
         </div>
-      {% endfor %}
-    </div>
+      </div>
+    {% endfor %}
     <div class="row my-5">
       <div class="col bg-white pt-3 border border-success border-opacity-25 rounded">
-        <div>
-          <h3>What's included?</h3>
-          <div>{{ resource.description }}</div>
-          <h3>What's it for?</h3>
-          <div>{% lorem %}</div>
-          <h3>Resource Details</h3>
-          <div>{% lorem %}</div>
-        </div>
+        <h3>What's included?</h3>
+        <div>{{ resource.description }}</div>
       </div>
     </div>
     <div class="row">
-- 
cgit v1.2.3