From 7b36f9dbf8d9ed30ec1aaa968ad8a07523f36732 Mon Sep 17 00:00:00 2001
From: Rohan Mitchell <rohan@rohanmitchell.com>
Date: Tue, 12 May 2015 10:43:35 +1000
Subject: [PATCH] Add friendly icons for home systems pane

---
 app/assets/images/icon-mask-apple.png           | Bin 0 -> 2653 bytes
 app/assets/images/icon-mask-bread.png           | Bin 0 -> 2176 bytes
 app/assets/images/icon-mask-magnifier.png       | Bin 0 -> 2749 bytes
 app/assets/images/icon-mask-truck.png           | Bin 0 -> 2296 bytes
 .../stylesheets/darkswarm/home_panes.css.sass   |  16 ++++++++++++++++
 app/views/home/_system.html.haml                |   9 +++------
 6 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 app/assets/images/icon-mask-apple.png
 create mode 100644 app/assets/images/icon-mask-bread.png
 create mode 100644 app/assets/images/icon-mask-magnifier.png
 create mode 100644 app/assets/images/icon-mask-truck.png

diff --git a/app/assets/images/icon-mask-apple.png b/app/assets/images/icon-mask-apple.png
new file mode 100644
index 0000000000000000000000000000000000000000..87bfa91bb894873dc73c50f7c536dcd5855b5a9b
GIT binary patch
literal 2653
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

literal 0
HcmV?d00001

diff --git a/app/assets/images/icon-mask-bread.png b/app/assets/images/icon-mask-bread.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5c29d96ff23e7c27a23deeb1ad78fda24b1b86a
GIT binary patch
literal 2176
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
XZyeZN&>lHq`X}J9qM?hS$$9?;x29F_

literal 0
HcmV?d00001

diff --git a/app/assets/images/icon-mask-magnifier.png b/app/assets/images/icon-mask-magnifier.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f53b7db9d597dcf318987e81605805cb2e85cf0
GIT binary patch
literal 2749
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

literal 0
HcmV?d00001

diff --git a/app/assets/images/icon-mask-truck.png b/app/assets/images/icon-mask-truck.png
new file mode 100644
index 0000000000000000000000000000000000000000..40550f98c257c0bda955f2df383cb3ac2a28e104
GIT binary patch
literal 2296
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
BgP{Nb

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/darkswarm/home_panes.css.sass b/app/assets/stylesheets/darkswarm/home_panes.css.sass
index 5e6f772755..463946a0e4 100644
--- a/app/assets/stylesheets/darkswarm/home_panes.css.sass
+++ b/app/assets/stylesheets/darkswarm/home_panes.css.sass
@@ -52,6 +52,22 @@
       margin-top: 0
     i
       font-size: 4rem
+    a
+      display: block
+      width: 64px
+      height: 64px
+      margin: 0 auto
+      background-color: $australia-orange
+      background-position: center center
+      background-repeat: no-repeat
+      background-size: auto 100%
+      &.search
+        background-image: url("/assets/icon-mask-magnifier.png")
+      &.shop
+        background-image: url("/assets/icon-mask-apple.png")
+      &.pick-up-delivery
+        background-image: url("/assets/icon-mask-truck.png")
+
   h2
     font-size: 70px
     font-weight: 300
diff --git a/app/views/home/_system.html.haml b/app/views/home/_system.html.haml
index 0b67497fe4..43807e3500 100644
--- a/app/views/home/_system.html.haml
+++ b/app/views/home/_system.html.haml
@@ -5,22 +5,19 @@
       .row
         .small-12.medium-4.columns.text-left
           .home-icon-box
-            %a{href: "/shops"}
-              %i.ofn-i_020-search
+            %a.search{href: "/shops"}
           .home-icon-box-bottom
             %h4 1. Search
             %p.text-normal Search our diverse, independent shops for seasonal local food. Search by neighbourhood and filter by food category, or whether you prefer delivery or pickup.
         .small-12.medium-4.columns.text-left
           .home-icon-box
-            %a{href: "/shops"}
-              %i.ofn-i_027-shopping-cart
+            %a.shop{href: "/shops"}
           .home-icon-box-bottom
             %h4 2. Shop
             %p.text-normal Transform your transactions with affordable local food from diverse producers, sellers and hubs. Know the stories behind your food and the people who make it!
         .small-12.medium-4.columns.text-left
           .home-icon-box
-            %a{href: "/shops"}
-              %i.ofn-i_039-delivery
+            %a.pick-up-delivery{href: "/shops"}
           .home-icon-box-bottom
             %h4 3. Pick-up / Delivery
             %p.text-normal Hang on for your delivery, or head to your producer or hub for a more personal connection with your food. It's food shopping as diverse as nature intended it.