chore: fix toggle on 1 slider

Author: thelostone-mc

app/retail/templates/home/index2021.html

@@ -163,23 +163,40 @@ <h5>{{ slide.subtitle }}</h5>
       </div>
     </header>
 
-
+    {% elif landingBanner.default %}
+      <!-- Default Slide -->
+      <header class="grad">
+        <div class="container build-slide">
+          <div class="row pt-5">
+            <div class="col-12 col-md-6 d-flex flex-column justify-content-around">
+              <h1 class="mt-5">{{ landingBanner.slides.0.title }}</h1>
+              <p class="font-bigger-4 text-grey-400 font-weight-300">{{ landingBanner.slides.0.subtitle }}</p>
+            </div>
+            <div class="col-12 col-md-6 header-image">
+              <img class="mt-5" src="{{ landingBanner.slides.0.img }}">
+            </div>
+          </div>
+        </div>
+      </header>
 
     {% else %}
-    <header class="grad">
-      <div class="container build-slide">
-        <div class="row pt-5">
-          <div class="col-12 col-md-6 d-flex flex-column justify-content-around">
-            <h1 class="mt-5">{{ landingBanner.slides.0.title }}</h1>
-            <p class="font-bigger-4 text-grey-400 font-weight-300">{{ landingBanner.slides.0.subtitle }}</p>
-          </div>
-          <div class="col-12 col-md-6 header-image">
-            <img class="mt-5" src="{{ landingBanner.slides.0.img }}">
+      <!-- custom slide -->
+      <header class="grad home-carousel">
+        <div class="container build-slide">
+          <div class="row pt-5">
+            <div class="grants" style="background-image: url('{{ landingBanner.slides.0.backgroundImage }}')">
+              <div class="d-flex flex-column justify-content-around container">
+                <h3 class="dates gc-font-heading">{{ landingBanner.slides.0.title }}</h3>
+                <img src="{{ landingBanner.slides.0.img }}">
+                <h5>{{ landingBanner.slides.0.subtitle }}</h5>
+                <a class="btn btn-lg btn-outline-primary" href="{{ landingBanner.slides.0.buttonLink}} ">
+                  {{ landingBanner.slides.0.buttonCTA }}
+                </a>
+              </div>
+            </div>
           </div>
         </div>
-      </div>
-    </header>
-
+      </header>
     {% endif %}
 
     <section class="container my-5">

app/retail/views.py

@@ -107,6 +107,7 @@ def index(request):
 
         if len(slides) == 0:
             landingBanner = {
+                'default': True,
                 'slides': [
                     {
                         'img': static('v2/images/home/Flying_ppl_optimized.svg'),
@@ -120,6 +121,7 @@ def index(request):
 
     except:
         landingBanner = {
+            'default': True,
             'slides': [
                 {
                     'img': static('v2/images/home/Flying_ppl_optimized.svg'),