From 891e3c476fec2af24fbca6a60efb95755a1e9365 Mon Sep 17 00:00:00 2001 From: wbraden <133058316+wbraden@users.noreply.github.com> Date: Fri, 16 Aug 2024 10:30:48 -0600 Subject: [PATCH] added filter, menu, sub cat treatment --- Components/carousel.js | 5 +- Pets.html | 15 +- assets/.DS_Store | Bin 6148 -> 6148 bytes assets/age-01.png | Bin 0 -> 25155 bytes assets/age-02.png | Bin 0 -> 24952 bytes assets/age-03.png | Bin 0 -> 22276 bytes assets/age-04.png | Bin 0 -> 22874 bytes assets/age-05.png | Bin 0 -> 23944 bytes assets/age-06.png | Bin 0 -> 21919 bytes assets/brand-01.png | Bin 0 -> 36854 bytes assets/brand-02.png | Bin 0 -> 193754 bytes assets/brand-03.png | Bin 0 -> 82696 bytes assets/brand-04.png | Bin 0 -> 201620 bytes assets/brand-05.png | Bin 0 -> 90977 bytes assets/brand-06.png | Bin 0 -> 170334 bytes assets/categories/existing-category-01.png | Bin 0 -> 26225 bytes assets/categories/existing-category-02.png | Bin 0 -> 18665 bytes assets/categories/existing-category-03.png | Bin 0 -> 64618 bytes assets/categories/existing-category-04.png | Bin 0 -> 71893 bytes assets/categories/existing-category-05.png | Bin 0 -> 80556 bytes assets/categories/existing-category-06.png | Bin 0 -> 56235 bytes assets/categories/existing-category-07.png | Bin 0 -> 21353 bytes assets/categories/existing-category-08.png | Bin 0 -> 105353 bytes assets/categories/existing-category-09.png | Bin 0 -> 52254 bytes assets/categories/existing-category-10.png | Bin 0 -> 57255 bytes assets/categories/existing-category-11.png | Bin 0 -> 32968 bytes assets/categories/existing-category-12.png | Bin 0 -> 30389 bytes assets/categories/existing-category-13.png | Bin 0 -> 60629 bytes assets/categories/existing-category-14.png | Bin 0 -> 56334 bytes assets/categories/existing-category-15.png | Bin 0 -> 52111 bytes assets/categories/existing-category-16.png | Bin 0 -> 71282 bytes assets/categories/existing-category-17.png | Bin 0 -> 40194 bytes assets/categories/existing-category-18.png | Bin 0 -> 68285 bytes assets/categories/existing-category-19.png | Bin 0 -> 68804 bytes assets/categories/existing-category-20.png | Bin 0 -> 77786 bytes assets/categories/existing-category-21.png | Bin 0 -> 60053 bytes assets/categories/existing-category-22.png | Bin 0 -> 93046 bytes assets/categories/existing-category-23.png | Bin 0 -> 65262 bytes assets/categories/existing-category-24.png | Bin 0 -> 108263 bytes assets/categories/existing-category-25.png | Bin 0 -> 98654 bytes assets/categories/existing-category-26.png | Bin 0 -> 62419 bytes assets/categories/existing-category-27.png | Bin 0 -> 98057 bytes assets/categories/existing-category-28.png | Bin 0 -> 27095 bytes assets/categories/existing-category-29.png | Bin 0 -> 42983 bytes assets/categories/existing-category-30.png | Bin 0 -> 58917 bytes assets/categories/existing-category-31.png | Bin 0 -> 35203 bytes assets/categories/existing-category-32.png | Bin 0 -> 32470 bytes assets/categories/existing-category-33.png | Bin 0 -> 27634 bytes assets/categories/existing-category-34.png | Bin 0 -> 48795 bytes assets/categories/existing-category-35.png | Bin 0 -> 87461 bytes assets/categories/existing-category-36.png | Bin 0 -> 37063 bytes assets/categories/existing-category-37.png | Bin 0 -> 39775 bytes assets/categories/existing-category-38.png | Bin 0 -> 64478 bytes assets/categories/existing-category-39.png | Bin 0 -> 74339 bytes assets/categories/existing-category-40.png | Bin 0 -> 61127 bytes assets/categories/existing-category-41.png | Bin 0 -> 55566 bytes assets/categories/existing-category-42.png | Bin 0 -> 83683 bytes assets/categories/existing-category-43.png | Bin 0 -> 58019 bytes assets/categories/existing-category-44.png | Bin 0 -> 41792 bytes assets/categories/existing-category-45.png | Bin 0 -> 37002 bytes css/main.css | 244 +++++++++++-- data/placeholder.json | 132 ++++++++ filter.html | 95 ++++++ index.html | 17 +- menu.html | 164 +++++++++ menu2.html | 113 +++++++ menu3.html | 110 ++++++ menu4.html | 106 ++++++ sub-category-treatments.html | 376 +++++++++++++++++++++ 69 files changed, 1328 insertions(+), 49 deletions(-) create mode 100644 assets/age-01.png create mode 100644 assets/age-02.png create mode 100644 assets/age-03.png create mode 100644 assets/age-04.png create mode 100644 assets/age-05.png create mode 100644 assets/age-06.png create mode 100644 assets/brand-01.png create mode 100644 assets/brand-02.png create mode 100644 assets/brand-03.png create mode 100644 assets/brand-04.png create mode 100644 assets/brand-05.png create mode 100644 assets/brand-06.png create mode 100644 assets/categories/existing-category-01.png create mode 100644 assets/categories/existing-category-02.png create mode 100644 assets/categories/existing-category-03.png create mode 100644 assets/categories/existing-category-04.png create mode 100644 assets/categories/existing-category-05.png create mode 100644 assets/categories/existing-category-06.png create mode 100644 assets/categories/existing-category-07.png create mode 100644 assets/categories/existing-category-08.png create mode 100644 assets/categories/existing-category-09.png create mode 100644 assets/categories/existing-category-10.png create mode 100644 assets/categories/existing-category-11.png create mode 100644 assets/categories/existing-category-12.png create mode 100644 assets/categories/existing-category-13.png create mode 100644 assets/categories/existing-category-14.png create mode 100644 assets/categories/existing-category-15.png create mode 100644 assets/categories/existing-category-16.png create mode 100644 assets/categories/existing-category-17.png create mode 100644 assets/categories/existing-category-18.png create mode 100644 assets/categories/existing-category-19.png create mode 100644 assets/categories/existing-category-20.png create mode 100644 assets/categories/existing-category-21.png create mode 100644 assets/categories/existing-category-22.png create mode 100644 assets/categories/existing-category-23.png create mode 100644 assets/categories/existing-category-24.png create mode 100644 assets/categories/existing-category-25.png create mode 100644 assets/categories/existing-category-26.png create mode 100644 assets/categories/existing-category-27.png create mode 100644 assets/categories/existing-category-28.png create mode 100644 assets/categories/existing-category-29.png create mode 100644 assets/categories/existing-category-30.png create mode 100644 assets/categories/existing-category-31.png create mode 100644 assets/categories/existing-category-32.png create mode 100644 assets/categories/existing-category-33.png create mode 100644 assets/categories/existing-category-34.png create mode 100644 assets/categories/existing-category-35.png create mode 100644 assets/categories/existing-category-36.png create mode 100644 assets/categories/existing-category-37.png create mode 100644 assets/categories/existing-category-38.png create mode 100644 assets/categories/existing-category-39.png create mode 100644 assets/categories/existing-category-40.png create mode 100644 assets/categories/existing-category-41.png create mode 100644 assets/categories/existing-category-42.png create mode 100644 assets/categories/existing-category-43.png create mode 100644 assets/categories/existing-category-44.png create mode 100644 assets/categories/existing-category-45.png create mode 100644 filter.html create mode 100644 menu.html create mode 100644 menu2.html create mode 100644 menu3.html create mode 100644 menu4.html create mode 100644 sub-category-treatments.html diff --git a/Components/carousel.js b/Components/carousel.js index c8a6fdc..33479ad 100644 --- a/Components/carousel.js +++ b/Components/carousel.js @@ -103,8 +103,9 @@ class CustomCarousel extends HTMLElement { }, breakpoints: { 480: { slidesPerView: 3.25, slidesPerGroup: 3.25, freeMode: true }, - 768: { slidesPerView: 5, slidesPerGroup: 5, freeMode: true }, - 1280: { slidesPerView: 5, slidesPerGroup: 5, freeMode: false }, + 768: { slidesPerView: 4, slidesPerGroup: 4, freeMode: true }, + 1024: { slidesPerView: 5, slidesPerGroup: 5, freeMode: true }, + 1280: { slidesPerView: 6, slidesPerGroup: 6, freeMode: false }, 1440: { slidesPerView: 7, slidesPerGroup: 7, freeMode: false }, 1880: { slidesPerView: 8, slidesPerGroup: 8, freeMode: false }, }, diff --git a/Pets.html b/Pets.html index f7aa144..895619c 100644 --- a/Pets.html +++ b/Pets.html @@ -418,7 +418,7 @@

Pets

header-image="assets/kitty-corner.png" headline="Cats" subheadline="Description" - data-source="datacats.json" + data-source="data/cats.json" component-type="product-card" > @@ -436,7 +436,7 @@

Pets

+ + + + + + + + + + + + diff --git a/index.html b/index.html index ec6908d..bd6e3c8 100644 --- a/index.html +++ b/index.html @@ -150,8 +150,7 @@

Good morning, Amanda

alt="Retailer 1" aspect="16-9" > - Lowes - EBT eligible + Lowes
@@ -232,7 +231,7 @@

Good morning, Amanda

-
+ +
Good morning, Amanda
- + --> @@ -424,10 +423,10 @@

Good morning, Amanda

spaceBetween: 8, freeMode: true, breakpoints: { - 480: { slidesPerView: 2.25, slidesPerGroup: 3 }, - 768: { slidesPerView: 3, slidesPerGroup: 5 }, - 1280: { slidesPerView: 4, slidesPerGroup: 6 }, - 1440: { slidesPerView: 4, slidesPerGroup: 7 }, + 480: { slidesPerView: 2.25, slidesPerGroup: 2.25 }, + 768: { slidesPerView: 3, slidesPerGroup: 3 }, + 1280: { slidesPerView: 4, slidesPerGroup: 4 }, + 1440: { slidesPerView: 6, slidesPerGroup: 6 }, 1880: { slidesPerView: 6, slidesPerGroup: 8 }, }, navigation: { nextEl: ".wb-next-3", prevEl: ".wb-prev-3" }, diff --git a/menu.html b/menu.html new file mode 100644 index 0000000..941a650 --- /dev/null +++ b/menu.html @@ -0,0 +1,164 @@ + + + + + + + + + + + + +
+ +
+
+ Choose a store +
+
+ Frequently shopped at: +
+
+
+
+ +
+ Piggly Wiggly +
+ Go +
+
+ Stores near you: +
+
+
+
+ +
+ Walgreens +
+ Go +
+
+
+
+ +
+ Target +
+ Go +
+
+
+ View all stores +
+
+
+
+ + + + + + + + + + + + + + + + + diff --git a/menu2.html b/menu2.html new file mode 100644 index 0000000..7be618f --- /dev/null +++ b/menu2.html @@ -0,0 +1,113 @@ + + + + + + + + + + + +
+
+ Choose a store +
+
+ Frequently shopped at: +
+
+
Paste
+
+
+ Stores near you: +
+
+
Copy
+
+
+
Paste
+
+
+ + + + + + + + + + + + + + + + + + + + diff --git a/menu3.html b/menu3.html new file mode 100644 index 0000000..4539dab --- /dev/null +++ b/menu3.html @@ -0,0 +1,110 @@ + + + + + + + + + +
+
+
Account
+
+
+
Home
+
+
+
Address
+
+
+
Orders
+
+
+
Store info + pricing
+
+
+
Lists
+
+
+
Delivery by 9 am to 10 am
+
+
+ + + + + + + + + + + + + + + + diff --git a/menu4.html b/menu4.html new file mode 100644 index 0000000..4d60a8c --- /dev/null +++ b/menu4.html @@ -0,0 +1,106 @@ + + + + + + + + + +
+
+ Delivery Details +
+
+
+ 8329 E Lowry Blvd Apt 303, 303, Denver, CO 80230 +
+ Change +
+
+
+ Deliver now +
+ Schedule +
+
+ + + + + + + + + + + + + + + + + + diff --git a/sub-category-treatments.html b/sub-category-treatments.html new file mode 100644 index 0000000..50c7619 --- /dev/null +++ b/sub-category-treatments.html @@ -0,0 +1,376 @@ + + + + + + + + + + + + + + +
+

Sub category treatments

+
+ + +
+
+
+ + Top categories + + + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+ +
+
+
+
+ + +
+
+
+ + Top ages + + + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+
+
+ + +
+
+
+ + Top brands + + + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+
+ + Label + +
+ + +
+
+
+
+ + + + + + + + + + + + + + + +