From 746700b1df9015c6bdccfcfa2fd299fa214ccd82 Mon Sep 17 00:00:00 2001
From: memorte03 <morte@Patryks-Air.fritz.box>
Date: Sun, 8 Dec 2019 21:35:08 +0100
Subject: [PATCH] Added pricing cards

---
 pages/_data/menu.yml                          |  3 +++
 pages/_includes/cards/store-product-grid.html | 20 +++++++++++++++++++
 pages/_includes/cards/user-card-bg.html       |  2 +-
 3 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 pages/_includes/cards/store-product-grid.html

diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index f527075ed..c3ea981d6 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -21,6 +21,9 @@ base:
     c:
       url: c.html
       title: C
+    pricing cards:
+      url: pricing.html
+      title: Pricing cards
 
 charts:
   url: charts.html
diff --git a/pages/_includes/cards/store-product-grid.html b/pages/_includes/cards/store-product-grid.html
new file mode 100644
index 000000000..89a273c97
--- /dev/null
+++ b/pages/_includes/cards/store-product-grid.html
@@ -0,0 +1,20 @@
+<div class="row">
+    {% for product in site.data.products%}
+    <div class="col-lg-3">
+        <div class="card p-3">
+            <img src="{{ site.base }}/img/products/{{ product.image }}" alt="" class="mb-3">
+            <h3 class="mb-0">{{product.name}}</h3>
+            <div class="text-muted mb-2">{{product.producer}}</div>
+            <h1 class="text-azure">{{product.price}}$</h1>
+            <div class="d-flex justify-content-between align-items-center">
+                {% include ui/stars.html %}
+
+                <a href="#" class="btn btn-primary">Add to cart</a>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+<div class="d-flex">
+    {% include parts/pagination.html class="ml-auto" %}
+</div>
\ No newline at end of file
diff --git a/pages/_includes/cards/user-card-bg.html b/pages/_includes/cards/user-card-bg.html
index 5586403a0..bfa156158 100644
--- a/pages/_includes/cards/user-card-bg.html
+++ b/pages/_includes/cards/user-card-bg.html
@@ -1,7 +1,7 @@
 {% assign person-id = include.person-id | default: 0 %}
 {% assign person = site.data.people[person-id] %}
 <a class="card card-link" href="#">
-	<div class="card-cover text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({% include ui/image.html id=person-id %})">
+	<div class="card-cover text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({%include ui/image.html id=person-id %})">
 		{% include ui/avatar.html size="xl" person=person thumb=true %}
 	</div>
 	<div class="card-body text-center">