aboutsummaryrefslogtreecommitdiffstats
path: root/alphabetlearning/templates/resources/resource_detail.html
diff options
context:
space:
mode:
Diffstat (limited to 'alphabetlearning/templates/resources/resource_detail.html')
-rw-r--r--alphabetlearning/templates/resources/resource_detail.html18
1 files changed, 10 insertions, 8 deletions
diff --git a/alphabetlearning/templates/resources/resource_detail.html b/alphabetlearning/templates/resources/resource_detail.html
index 5012c5b..6128627 100644
--- a/alphabetlearning/templates/resources/resource_detail.html
+++ b/alphabetlearning/templates/resources/resource_detail.html
@@ -67,15 +67,17 @@
</div>
</div>
-<!-- Here be the carousel stuff -->
-<!-- except we are doing away with the carousel in this design -->
-<div class="flex justify-content-start">
+<h1 class="section-title">Preview the PDF</h1>
+
+<p>If there are multiple pages, you can scroll horizontally to view them.</p>
+
+<div class="new-carousel-wrapper">
{% for snapshot_filename, snapshot_urls in resource.snapshot_urls.items %}
- {% for snapshot_url in snapshot_urls %}
- <div>
- <img src="{{ snapshot_url }}" class="d-block mx-auto img-thumbnail rounded" alt="{{ snapshot_name }}">
- </div>
- {% endfor %}
+ {% for snapshot_url in snapshot_urls %}
+ <div class="pdf-card">
+ <img width="400px" src="{{ snapshot_url }}" alt="{{ snapshot_name }}">
+ </div>
+ {% endfor %}
{% endfor %}
</div>