Add cover to consist page

ram/portal/static/css/main.css

@@ -11,10 +11,6 @@ a.badge, a.badge:hover {
   color: #fff;
 }
 
-.tab-pane {
-  min-height: 300px;
-}
-
 .img-thumbnail {
   padding: 0;
 }

ram/portal/templates/base.html

@@ -98,9 +98,9 @@
       </section>
       <div class="album py-4 bg-light">
         <div class="container">
-          <a id="rolling-stock"></a>
           {% block carousel %}
           {% endblock %}
+          <a id="rolling-stock"></a>
           {% block cards_layout %}
           {% endblock %}
         </div>

ram/portal/templates/consist.html

@@ -10,6 +10,19 @@
       <small class="text-muted">Updated {{ consist.updated_time | date:"M d, Y H:i" }}</small>
       {% endif %}
       {% endblock %}
+      {% block carousel %}
+      {% if consist.image %}
+      <div class="row pb-4">
+      <div id="carouselControls" class="carousel carousel-dark slide" data-bs-ride="carousel">
+        <div class="carousel-inner">
+          <div class="carousel-item active">
+            <img src="{{ consist.image.url }}" class="d-block w-100 rounded img-thumbnail" alt="...">
+          </div>
+        </div>
+      </div>
+      </div>
+      {% endif %}
+      {% endblock %}
       {% block cards %}
       {% for r in rolling_stock %}
       <div class="col">

ram/portal/templates/rollingstock.html

@@ -11,7 +11,7 @@
         <small class="text-muted">Updated {{ rolling_stock.updated_time | date:"M d, Y H:i" }}</small>
         {% endblock %}
         {% block carousel %}
-        <div id="carouselControls" class="carousel carousel-dark slide" data-bs-ride="carousel">
+        <div id="carouselControls" class="carousel carousel-dark slide" data-bs-ride="carousel" data-bs-interval="10000">
           <div class="carousel-inner">
             {% for t in rolling_stock.image.all %}
             {% if forloop.first %}

ram/portal/views.py

@@ -170,7 +170,7 @@ class GetRollingStock(View):
 
         return render(
             request,
-            "page.html",
+            "rollingstock.html",
             {
                 "title": rolling_stock,
                 "rolling_stock": rolling_stock,