Revert "Update banner for sale"

This reverts commit 7462c676d5ebcef2fc5906b0be1b40673db03dae.

static/styles/main.css

@@ -45,11 +45,7 @@ a {
     color: var(--fg-color);
 }
 
-h1,
+h1, h2, h3, h4, h5 {
-h2,
-h3,
-h4,
-h5 {
     margin: 0;
     font-weight: 700;
     line-height: 1.3;
@@ -77,8 +73,7 @@ h5 {
     font-size: 1.2rem;
 }
 
-small,
+small, .text-small {
-.text-small {
     font-size: 0.833rem;
 }
 
@@ -91,7 +86,6 @@ blockquote q {
     /*font-weight: bold;*/
     font-size: 1.5rem;
 }
-
 blockquote cite {
     display: block;
 }
@@ -137,12 +131,10 @@ table a {
     border-collapse: separate;
     border-spacing: 0 1rem;
 }
-
 .form-table th,
 .form-table td {
     border: none;
 }
-
 .form-table th,
 .form-table td {
     padding: 0 1rem 1rem 0;
@@ -199,11 +191,9 @@ textarea {
 ::-webkit-input-placeholder {
     font-style: oblique;
 }
-
 ::-moz-input-placeholder {
     font-style: oblique;
 }
-
 ::-ms-input-placeholder {
     font-style: oblique;
 }
@@ -257,7 +247,6 @@ figure {
     padding: 0;
     box-sizing: border-box;
 }
-
 img {
     box-sizing: border-box;
     max-width: 100%;
@@ -369,34 +358,28 @@ section:not(:last-child) {
 }
 
 @media screen and (max-width: 900px) {
-
     .site__logo,
     .nav__main,
     .nav__account {
         margin-right: 0;
     }
-
     .site__nav {
         display: grid;
         grid-template-columns: 2fr 0.5fr 0.5fr;
         gap: 1rem;
     }
-
     .site__logo {
         grid-column: 1;
     }
-
     .nav__main {
         grid-column: 1/4;
         grid-row: 2;
         justify-content: space-between;
     }
-
     .nav__account {
         grid-column: 2;
         grid-row: 1;
     }
-
     .site__cart {
         grid-column: 3;
         grid-row: 1;
@@ -407,22 +390,18 @@ section:not(:last-child) {
     .site__nav {
         grid-template-columns: repeat(2, 1fr);
     }
-
     .site__logo {
         grid-column: span 2;
         justify-self: center;
     }
-
     .nav__main {
         grid-column: 1/3;
         grid-row: 3;
     }
-
     .nav__account {
         grid-column: 1;
         grid-row: 2;
     }
-
     .site__cart {
         grid-column: 2;
         grid-row: 2;
@@ -522,8 +501,6 @@ section:not(:last-child) {
     color: white;
 
     display: flex;
-  flex-direction: column;
-  gap: 1rem;
     justify-content: center;
     align-items: center;
     width: 100vw;
@@ -537,35 +514,28 @@ section:not(:last-child) {
   top: 0;
   left: 0;
   position: absolute;
-  background-image: url(/static/images/secret_sunday_sale_banner.jpg);
+  background-image: url(/static/images/banner_sizes.jpg);
-  /*animation: slide-out-image-1 var(--total-duration) 3s
+  animation: slide-out-image-1 var(--total-duration) 3s
     cubic-bezier(0.54, 0.12, 0.44, 1) infinite;
-    */
 }
-
 /* start + pause + start + pause = totall */
 /* 2.5s + 3s + 2.5s + 3s = 11s*/
 @keyframes slide-out-image-1 {
   0% {
     transform: translateX(0);
   }
-
   25% {
     transform: translateX(-100%);
   }
-
   25.0001% {
     transform: translateX(100%);
   }
-
   50% {
     transform: translateX(100%);
   }
-
   75% {
     transform: translateX(0%);
   }
-
   100% {
     transform: translateX(0%);
   }
@@ -576,7 +546,8 @@ section:not(:last-child) {
   right: 0;
   background-image: url(/static/images/banner_merch.jpg);
   position: absolute;
-  animation: slide-in-image-2 var(--total-duration) 3s cubic-bezier(0.54, 0.12, 0.44, 1) infinite;
+  animation: slide-in-image-2 var(--total-duration) 3s
+    cubic-bezier(0.54, 0.12, 0.44, 1) infinite;
 }
 
 /* start + pause + start + pause = totall */
@@ -585,19 +556,15 @@ section:not(:last-child) {
   0% {
     transform: translateX(0);
   }
-
   25% {
     transform: translateX(-100%);
   }
-
   50% {
     transform: translateX(-100%);
   }
-
   75% {
     transform: translateX(-200%);
   }
-
   100% {
     transform: translateX(-200%);
   }
@@ -610,17 +577,14 @@ section:not(:last-child) {
 .site__banner--site {
     background-image: url("/static/images/site_banner.jpg");
 }
-
 .site__banner--fairtrade {
     padding: 6rem 1rem;
     background-image: url("/static/images/fairtrade_banner.jpg");
 }
-
 .site__banner--reviews {
     padding: 6rem 1rem;
     background-image: url("/static/images/reviews_banner.jpg");
 }
-
 .site__banner--about {
     padding: 6rem 1rem;
     background-image: url("/static/images/coffee_banner.jpg");
@@ -686,7 +650,6 @@ section:not(:last-child) {
 .breadcrumbs {
     margin-bottom: 1.5rem;
 }
-
 .breadcrumbs menu {
     margin: 0;
     padding: 0 1rem;
@@ -802,7 +765,6 @@ article+article {
         grid-template-columns: 1fr;
         gap: 6rem;
     }
-
     .product__figure {
         grid-row: span 2;
     }
@@ -892,7 +854,6 @@ article+article {
     .subscription-products {
         flex-direction: column;
     }
-
     .subscription-coffee {
         grid-template-columns: 1fr;
     }
@@ -939,7 +900,6 @@ article+article {
     gap: 1rem;
     flex-direction: column;
 }
-
 .product__form #id_variant div label {
     display: flex;
     gap: 1rem;
@@ -955,23 +915,18 @@ article+article {
         grid-template-columns: 1fr;
         grid-template-rows: 4rem 1fr auto;
     }
-
     .product__gallery {
         display: flex;
     }
-
     .gallery__thumbnail {
         max-height: 4rem;
     }
-
     .gallery__thumbnail:not(:last-child) {
         margin-right: 0.5rem;
     }
-
     .product__image {
         max-height: 16rem;
     }
-
     .product__info {
         grid-column: 1;
     }
@@ -983,7 +938,6 @@ article+article {
 .cart__list {
     margin-bottom: 2rem;
 }
-
 .cart__item {
     padding: 1rem 0;
     border-bottom: var(--default-border);
@@ -1000,7 +954,6 @@ article+article {
 .cart__summary {
     text-align: right;
 }
-
 .cart__totals {
     width: unset;
     font-size: 1.5rem;
@@ -1010,7 +963,6 @@ article+article {
 .cart__totals td {
     border: none;
 }
-
 .cart__totals th:first-child,
 .cart__totals td:first-child {
     text-align: right;
@@ -1112,12 +1064,10 @@ article+article {
     .checkout__address-form {
         grid-template-columns: 1fr;
     }
-
     .checkout__address-form .errorlist {
     grid-column: 1;
 }
 }
-
 .checkout__address-form p:last-child {
     align-self: end;
 }
@@ -1196,10 +1146,10 @@ footer>section {
 .wholesale-fields {
     width: fit-content;
 }
-
 .wholesale-field {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 0.5rem;
     margin-bottom: 1rem;
 }
+

templates/partials/carousel.html

@@ -1,9 +1,10 @@
 <div class="carousel">
     <div class="carousel__wrapper">
         <div class="carousel__item hero-image-1">
-      <h1>Labor Day Weekend Sale</h1>
+            <h1>Subscribe and save 10%</h1>
-      <h3>10% off 12oz and 16oz bags</h3>
+        </div>
-      <h4>Use code: LABOR23</h4>
+        <div class="carousel__item hero-image-2">
+            <h1>Merchandise now available!</h1>
         </div>
     </div>
 </div>