Adding new panes and making it pretty

This commit is contained in:
summerscope
2014-04-25 12:46:57 +10:00
parent cf67b5fcac
commit 980efd5793
8 changed files with 35 additions and 53 deletions

View File

@@ -5,3 +5,5 @@ $clr-blonde: #f7f4ef
$disabled-dark: #999
$disabled-bright: #ccc
$dark-grey: #333

View File

@@ -1,16 +1,7 @@
@import variables
@import branding
@import mixins
#footer
padding: 74px 0px 0px
background: $fawn
margin-top: 85px
#copyright
clear: both
img
display: block
margin: 0px auto 8px
.contact
strong
padding-right: 1em
footer
background: $dark-grey
@include panepadding
color: white

View File

@@ -1,34 +0,0 @@
@import variables
.darkswarm
fieldset
padding: 0px
border: none
legend
border: 1px solid $dark-grey
border-left: 0px
border-right: 0px
padding: 16px 24px
display: block
width: 100%
margin-bottom: 1em
color: #999999
text-transform: uppercase
dd a
border: 1px solid $dark-grey
border-left: 0px
border-right: 0px
padding: 16px 24px
display: block
width: 100%
margin-bottom: 1em
color: #999999
text-transform: uppercase
color: #999999
font-weight: bold
text-transform: uppercase
background: transparent
.text-right
font-weight: normal
text-transform: none

View File

@@ -1,4 +1,4 @@
@import 'mixins'
@import mixins
#hub-search
.advanced

View File

@@ -4,5 +4,4 @@
#hubs
background: $clr-blonde url("/assets/home/shopping-bg.jpg")
@include fullwidthbg
padding-top: 60px
padding-bottom: 100px
@include panepadding

View File

@@ -11,6 +11,10 @@
@mixin disabled
color: $disabled-bright
@mixin panepadding
padding-top: 100px
padding-bottom: 100px
@mixin fullbg
background-position: top center
background-repeat: no-repeat

View File

@@ -8,3 +8,13 @@
= render partial: "modals/learn_more"
= render partial: "home/hubs"
= render partial: "home/map"
= render partial: "home/producers"
= render partial: "home/groups"
= render partial: "home/beta"
= render partial: "shared/footer"

View File

@@ -1,6 +1,16 @@
%footer
.row.landing-page-row
.large-6.columns.text-left
.small-5.columns.text-left
%h3 Contact us
%strong
%span.has-tip.tip-top{"data-tooltip" => "", "data-options" => "disable-for-touch:true", title: "Open Food Network is a marketplace connecting you to local producers and food hubs"}
= link_to "WHAT IS OPEN FOOD NETWORK?", "http://openfoodnetwork.org"
.small-2.columns
.small-5.columns.text-right
%h3 About us
%p OFN is a network of independent online food stores that connect farmers and food hubs with individuals and local businesses. It gives farmers and food hubs an easier and fairer way to distribute their food.
.row.landing-page-row
.small-12.columns.text-center
%p
%p © Copyright 2014 Open Food Foundation
%small Content | Terms of Service | Code - Opensource on Github | Creative Commons / IP | OFN.org