wip: remove bootstrap part 1

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>