From 3c04714fec6d0613e922383171c3923aa39f86f3 Mon Sep 17 00:00:00 2001
From: Hazel Noack <hazel@webcontact.de>
Date: Thu, 10 Jul 2025 14:40:26 +0200
Subject: [PATCH] added listings

---
 frontend/assets/style.css |  6 +++++-
 frontend/index.html       | 11 ++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/assets/style.css b/frontend/assets/style.css
index 978e8fe..87d9296 100644
--- a/frontend/assets/style.css
+++ b/frontend/assets/style.css
@@ -59,7 +59,7 @@ body {
     }
 }
 
-.store-cards {
+.cards {
     height: 100%;
     width: 100%;
     display: flex;
@@ -70,6 +70,10 @@ body {
     overflow: auto;
 }
 
+#stores {
+    display: none;
+}
+
 .card {
     background-color: rgba(255, 255, 255, 0.5);
     width: 10em;
diff --git a/frontend/index.html b/frontend/index.html
index 7c58a10..76dd6f0 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -15,13 +15,22 @@
             </div>
             <input name="{{ .SearchInputName }}" type="text" class="grid-item" class="search" placeholder="{{ .SearchPlaceholder }}" />
 
-            <div class="store-cards">
+            <div class="cards" id="stores">
                 {{range $Store := .Stores }}
                 <a target="_blank" href="{{ $Store.Url }}" class="card">
                     <h3>{{ $Store.Name }}</h3>
                 </a>
                 {{- end }}
             </div>
+
+            <div class="cards" id="listings">
+                {{range $Listing := .Listings }}
+                <a target="_blank" href="{{ $Listing.Url }}" class="card">
+                    <h3>{{ $Listing.ProductName }}</h3>
+                    <p>{{ $Listing.StoreName }} - {{ $Listing.Price }}</p>
+                </a>
+                {{- end }}
+            </div>
         </form>
 
         <script>