Add friendly icons for home systems pane

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

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.