make basket more noticable

4 files changed, 34 insertions, 5 deletions

diff --git a/pages/shop/index.fnl b/pages/shop/index.fnl
index 27060eb..f9f1045 100644
--- a/pages/shop/index.fnl
+++ b/pages/shop/index.fnl
@@ -132,7 +132,8 @@
                      :style (.. "z-index: " (+ idx 2) ";"
                                 "width: calc(100% / " (# without-videos) ");"
                                 "left: calc(100% / " (# without-videos) " * " (- idx 1) ")")}]))))]]
-    [:h3 {:class "shop-item-title" :data-parser "title"} product.title]
+    [:a {:href item-url :class "shop-item-title"}
+     [:h3 {:data-parser "title"} product.title]]
     (templates.product-overview product "mb-1-25")
     [:div {:class "shop-item-price mt-auto mb-0-5"}
      (templates.add-to-basket-form product basket "" redirect-url)]]))
diff --git a/pages/shop/order/index.fnl b/pages/shop/order/index.fnl
index 4cafd62..904c219 100644
--- a/pages/shop/order/index.fnl
+++ b/pages/shop/order/index.fnl
@@ -21,9 +21,8 @@
 (fn content [db basket data errors agreed-to-cookies? authenticated?]
   [(HTML
     [:aside {}
-     (templates.header "/shop/order")
+     (templates.header "/shop/order" authenticated?)
      (if (< 0 (# basket)) (templates.basket basket "/shop/order") "")
-     (templates.conditions-block)
      (templates.address-block)
      (templates.contact-block)])
    (HTML
@@ -31,7 +30,7 @@
      (if (not agreed-to-cookies?) (templates.cookies-agreement) "")
      [:div {:class "back"} [:a {:href "/shop"} "⟵ Обратно к списку"]]
      [:section {}
-      [:h2 {:id "content"} "Оформление заказа"]
+      [:h2 {:id "content" :class "mb-1"} "Оформление заказа"]
       [:section {:class "narrow"}
        [:p {:class "mb-0-5"}
         "После подтверждения заказа мы с вами свяжемся для уточнения
diff --git a/static/style.css b/static/style.css
index 867b9a6..db3d41c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -401,6 +401,11 @@ p {
 }
 
 .shop-item-title {
+  color: currentColor;
+  text-decoration: none;
+}
+
+.shop-item-title h3 {
   font-size: 1.375rem;
   margin-bottom: 0.375rem;
   font-weight: 700;
@@ -616,6 +621,22 @@ select {
   padding: 0.75rem 1rem;
 }
 
+.with-backdrop {
+  position: relative;
+}
+
+.with-backdrop::before {
+  content: '';
+  position: absolute;
+  left: -1.25rem;
+  right: -0.25rem;
+  top: -0.75rem;
+  bottom: -0.75rem;
+  border: 0.375rem #ffed7a solid;
+  transform: rotate(-1deg);
+  z-index: -1;
+}
+
 .font-size-1-25 {
   font-size: 1.25rem;
 }
@@ -772,6 +793,10 @@ select {
     background-color: #ffffff22;
   }
 
+  .shop-item-backdrop {
+    background-color: #42381b;
+  }
+
   .shop-item-imgs {
     background-color: #ffffff22;
   }
@@ -789,4 +814,8 @@ select {
     color: #211e1c;
     background-color: #f7c533;
   }
+
+  .with-backdrop::before {
+    border-color: #42381b;
+  }
 }
diff --git a/templates.fnl b/templates.fnl
index 0e4c1bb..6642f8f 100644
--- a/templates.fnl
+++ b/templates.fnl
@@ -97,7 +97,7 @@
   (let [total (accumulate [sum 0 _ v (ipairs basket)]
                 (+ sum (* v.quantity v.price-per)))]
     (HTML
-     [:section {}
+     [:section {:class "with-backdrop"}
       [:h2 {} "Корзина"]
       [:div {:class "mb-0-25"}
        (table.concat