diff --git a/store/templates/index.html b/store/templates/index.html index 06260a14ff20239d469793a3a477693ddb4ab5d4..363ac45108facae11e82f0628f73e86753df6084 100644 --- a/store/templates/index.html +++ b/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>