diff options
Diffstat (limited to 'alphabetlearning/templates/resources/resource_detail.html')
| -rw-r--r-- | alphabetlearning/templates/resources/resource_detail.html | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/alphabetlearning/templates/resources/resource_detail.html b/alphabetlearning/templates/resources/resource_detail.html index 334f4ed..5012c5b 100644 --- a/alphabetlearning/templates/resources/resource_detail.html +++ b/alphabetlearning/templates/resources/resource_detail.html @@ -4,21 +4,21 @@ {% block content %} -<div class="row my-4"> - <div class="col-md-7"> +<div> + <div> {% for tn_url, tn_filename in resource.thumbnails %} <div> - <img class="img-fluid rounded mx-1" src="{{ tn_url }}" alt="{{ tn_filename }}"/> + <img src="{{ tn_url }}" alt="{{ tn_filename }}"/> </div> {% endfor %} </div> - <div class="col-md-5"> - <div class="row"> - <div class="col"> - <p class="my-1 fw-bold fs-3">{{ resource.name }}</p> + <div> + <div> + <div> + <p>{{ resource.name }}</p> </div> </div> - <div class="d-flex justify-content-between align-items-center"> + <div> <div> <p class="boo-magenta my-1 fw-semibold fs-5">{{ resource.main_resource_category }}</p> </div> @@ -27,36 +27,36 @@ </div> </div> - <div class="col"> + <div> {% if resource.pdf_filenames|length > 1 %} - <p class="text-secondary my-1">Contains {{ resource.pdf_filenames|length }} PDF files.</p> + <p>Contains {{ resource.pdf_filenames|length }} PDF files.</p> {% else %} - <p class="text-secondary my-1">Contains {{ resource.pdf_filenames|length }} PDF file.</p> + <p>Contains {{ resource.pdf_filenames|length }} PDF file.</p> {% endif %} </div> - <div class="col"> - <p class="fs-3 fw-semibold">£{{ resource.price|floatformat:2 }} (or 1 credit)</p> + <div> + <p>£{{ resource.price|floatformat:2 }} (or 1 credit)</p> </div> <hr> - <div class="row"> - <div class="col"> - <p class="my-1 fw-semibold fs-5">Product summary</p> + <div> + <div> + <p>Product summary</p> <p>{{resource.card_description}}</p> </div> </div> - <div class="row align-items-end"> - <div class="my-4 d-flex"> + <div> + <div> {% if resource.in_cart %} <form action="{% url 'payments:add_to_basket' resource.id %}" method="get" accept-charset="utf-8"> - <button class="btn btn-primary" disabled> + <button> In basket </button> </form> {% else %} <form action="{% url 'payments:add_to_basket' resource.id %}" method="get" accept-charset="utf-8"> - <button class="btn btn-primary"> + <button> Add to basket </button> </form> @@ -69,7 +69,7 @@ <!-- Here be the carousel stuff --> <!-- except we are doing away with the carousel in this design --> -<div class="d-flex justify-content-start"> +<div class="flex justify-content-start"> {% for snapshot_filename, snapshot_urls in resource.snapshot_urls.items %} {% for snapshot_url in snapshot_urls %} <div> @@ -80,8 +80,8 @@ </div> <!-- detailed description row --> -<div class="row py-4"> - <div class="col-12"> +<div> + <div> <h4>Product detail</h4> {{ resource.description | markdown | safe }} </div> |