Simplify index page carosuels

store/templates/index.html

@@ -22,23 +22,8 @@ Really want to completely redo this using card-groups, but for time saving measu
     <div class="row mx-auto my-auto justify-content-center">
         <div id="recipeCarousel{{loop.index}}" class="carousel slide" data-bs-ride="carousel">
             <div class="carousel-inner" role="listbox">
-                <div class="carousel-item active justify-content-center">
-                    <div class="col-md-3">
-                        <div class="card">
-                            <div class="card-img">
-                                <img src="static\image_placeholder.png" class="img-fluid">
-                            </div>
-                            <!-- Feeling lazy, just hard cap the height. -->
-                            <div class="card-body" style="height: 128px;">
-                                <p class="card-text">{{ repository.items[0].description}}</p>
-                                <a href="{{url_for('item_page', item_id = repository.items[0].id)}}"
-                                    class="btn btn-primary">View</a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
                 {% for item in repository.items %}
-                <div class="carousel-item justify-content-center">
+                <div class="carousel-item {{'active' if loop.index0 == 0}} justify-content-center">
                     <div class="col-md-3">
                         <div class="card">
                             <div class="card-img">
@@ -47,7 +32,8 @@ Really want to completely redo this using card-groups, but for time saving measu
                             </div>
                             <div class="card-body" style="height: 128px;">
                                 <p class="card-text">{{ item.description}}</p>
-                                <a href="{{url_for('item_page', item_id = item.id)}}" class="btn btn-primary">View</a>
+                                <a href="{{url_for('item_page', item_id = item.id)}}" class="btn btn-primary">View
+                                    Details</a>
                             </div>
                         </div>
                     </div>