raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

More design tweaks for homepage and conversion pages

Browse Source
This commit is contained in:
summerscope
2015-05-04 18:23:04 +10:00
parent b483afe7f7
commit 0510fa27e6
14 changed files with 58 additions and 1591 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1566
app/assets/images/groups.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 153 KiB

After

Width:  |  Height:  |  Size: 67 KiB

BIN
app/assets/images/home/home.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 439 KiB

BIN
app/assets/images/home/home2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 496 KiB

BIN
app/assets/images/home/home3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 406 KiB

BIN
app/assets/images/hubs-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

BIN
app/assets/images/logo-color.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

2
app/assets/images/logo-color.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

1
app/assets/images/producers.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-90.7 -365.5 922 763.1" enable-background="new -90.7 -365.5 922 763.1"><g opacity=".06" fill="#0B8C61"><path d="M774.6 9.5c-31.4 0-56.8 63.7-56.8 142.3 0 78.6 25.4 142.3 56.8 142.3 31.3 0 56.8-63.7 56.8-142.3-.1-78.6-25.5-142.3-56.8-142.3zm1.4 228.7c-19.2 0-34.8-37.5-34.8-83.9s15.6-83.9 34.8-83.9c19.2 0 34.8 37.5 34.8 83.9s-15.6 83.9-34.8 83.9zM710.3 153c0-86.4 27.9-156.5 62.4-156.5 5 0 9.9 1.5 14.6 4.3-25-20.8-83.7-10.8-110.9-6-5.1 7.7-8.5 14.5-10.1 18.2-9.3 21.5-16.8 52.5-16.8 52.5l-28.3-.7L649 197.6h-42.7c6.1 61.8 25.8 102.7 60.4 111.9 0 0 72.9 11.8 109-.2-1 .1-2 .2-3 .2-34.5 0-62.4-70-62.4-156.5zM137.6 196.4c0-111 81.2-201.1 181.4-201.1 4.3 0 8.6.2 12.8.6-13-2.6-26.5-3.9-40.3-3.9C178.3-8.1 86.6 82.7 86.6 194.7c0 112 91.7 202.8 204.9 202.8 4.9 0 9.7-.2 14.5-.6-94.1-7.3-168.4-94.2-168.4-200.5zM275-14.7c105.4-5 160.7 41.5 190.4 81.2l7.2-5.5 10.6-12 67.7 18.6 23.9 124.8h65L611.9 59.6l28.3.7s7.5-30.9 16.9-52.5c4.7-10.9 25.2-49.1 58.4-55.7 33.2-6.6 62.7 36.3 62.7 36.3l-16.3-45.6-61.1-22.6-18.6-100.9 27.9-17.3-2.7-27.9-154-55.8-196.5 46.5v23.9l31.9 8-21.2 61.1s-56.5-7.6-112.2-2.4c-65 6.1-130.5 25.1-130.5 25.1l-17.6 34.4-11.9 158 7.1 1.3L115-67.4l168.1-15.9-8.1 68.6zM141.3-88.3c-8.4 1.3-16.2-3.1-17.2-9.8-1.1-6.8 4.9-13.3 13.4-14.6 8.4-1.3 16.2 3.1 17.2 9.8 1 6.8-5 13.3-13.4 14.6zm99.8-6.8c-11.2 1.8-21.5-4.1-22.9-13.1-1.4-9 6.6-17.7 17.8-19.5 11.2-1.8 21.5 4.1 22.9 13.1 1.4 9.1-6.6 17.8-17.8 19.5zm280.4-14.1h-47.7L381-134.3l18.4-60.2 136.3-24.3-14.2 109.6zM585.9 63l-42.7-1.7 16.7-280.2 72.8 22.6 13.4 117.9L585.9 63zm70.6-142.3l-14.6-114.4 34.3 18.4 16.7 104.7-36.4-8.7zM334.6-152.2v-82.1h-16.3v-37c0-20.4-16.6-37-37-37v15.1c12.1 0 21.9 9.8 22 21.9v37h-15.1v80.4c17.6 0 33.8.8 46.4 1.7zM-70.4 172c0-80 68.3-144.8 152.5-144.8 2.8 0 5.6.1 8.3.2l1-12.7c-5-.4-10-.7-15.1-.7-92.2 0-167 70.6-167 157.7s74.8 157.7 167 157.7c15.7 0 30.9-2.1 45.3-5.9-2.4-3.3-4.7-6.7-7-10.2-10.5 2.2-21.4 3.3-32.5 3.3-84.2.1-152.5-64.7-152.5-144.6zM9.1 168.6c0-43.8 38.7-79.3 86.4-79.3 5.1 0 10 .4 14.8 1.2.5-1 1-2.1 1.6-3.1l-26.1-4.9 3.4-44c-2.6-.1-5.1-.2-7.7-.2-78.5 0-142 60.2-142 134.5s63.6 134.5 142 134.5c10.4 0 20.5-1.1 30.3-3.1-11.2-17.3-19.8-36.3-25.2-56.7-43.5-4.1-77.5-37.9-77.5-78.9zM273-58L117.9-45.8l1.2-16.4L275-75zM271.4-33.6L116.3-21.3l1.3-16.4 155.8-12.8zM270.9-28.2L115-15.5 113.7.9l119.6-9.4c11.6-3.3 23.7-5.6 36-6.7l1.6-13zM113.5 9l-1.3 16.4 59.3-4.7c10.7-7.5 22.2-13.9 34.3-19.3L113.5 9zM158 31l-45.8 3.7-1.2 16.4 28-2.2c5.9-6.4 12.2-12.4 19-17.9zM110 57.3l-1.3 16.4 10.9-.9c4.2-6.1 8.7-11.9 13.5-17.4L110 57.3z"/><circle cx="320.1" cy="201.7" r="47"/><ellipse cx="767.3" cy="151.5" rx="10.7" ry="30.5"/><circle cx="370.6" cy="163.4" r="6.6"/><circle cx="302" cy="144.4" r="6.6"/><circle cx="259.4" cy="200.7" r="6.6"/><circle cx="298.6" cy="263.1" r="6.6"/><circle cx="369.6" cy="240" r="6.6"/><path d="M285.3-355.5c-21.7 0-39.3 17.6-39.3 39.3 0 6.6 1.6 12.8 4.5 18.2-5.1-4.9-8.8-11.2-10.7-18.3-1.3 1.4-2.5 2.9-3.6 4.5-12.1 18-7.4 42.4 10.6 54.6 5.5 3.7 11.5 5.8 17.6 6.5-10.1 2.1-20.9.4-30.2-5.8-18-12.1-22.8-36.6-10.6-54.6 3.9-5.8 9.1-10.1 14.9-13 0-.7-.1-1.4-.1-2.1 0-8.7 2.9-16.8 7.7-23.3-2-.4-4.1-.7-6.3-.7-16.9 0-30.7 13.7-30.7 30.7 0 5.1 1.3 10 3.5 14.2-5.8-5.6-9.4-13.4-9.4-22 0-16.9 13.7-30.7 30.7-30.7 5.8 0 11.1 1.6 15.7 4.4 7.1-7.3 17.1-11.8 28.1-11.8 15.1 0 28.2 8.6 34.8 21.1-7-7-16.6-11.2-27.2-11.2zM433.1 347.4c45.5-36.1 74.6-90.8 74.6-152 0-95.6-70.7-175.3-164.6-193.3-4.2-.3-8.5-.5-12.8-.5C230 1.6 148.8 89.1 148.8 197c0 103.3 74.3 187.8 168.5 194.9 19.1-1.3 37.4-5.1 54.6-11.1l61.2-33.4zM329 311.9c-56.5 0-102.3-48.1-102.3-107.4C226.7 145.1 272.5 97 329 97s102.3 48.1 102.3 107.4c0 59.4-45.8 107.5-102.3 107.5z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

7
app/assets/stylesheets/darkswarm/groups.css.sass
View File

@@ -4,10 +4,13 @@
// Search page
#groups
background-color: $clr-brick-light
background-color: lighten($clr-brick, 56%)
background-image: url("/assets/groups.svg")
background-position: center 15px
background-position: center 50px
background-repeat: no-repeat
background-size: 922px 922px
@include sidepaddingSm
@include panepadding
a > .group-name
&:hover, &:focus, &:active
text-decoration: underline

22
app/assets/stylesheets/darkswarm/home_panes.css.sass
View File

@@ -5,18 +5,18 @@
// Styling for big panes on homepage
#panes
.pane
.row
@include panepadding
// @include sidepaddingBg
#brand-story.pane, #system.pane, #stats.pane
background-color: lighten($ofn-grey, 44%)
#cta.pane, #shops.pane, #producer-signup.pane, #shops-signup.pane
background-image: url("/assets/tile-wide.png")
background-color: white
background-size: 2140px, 380px
background-position: center center
#brand-story.pane
@@ -35,7 +35,6 @@
font-weight: 300
text-transform: uppercase
margin: 1.5rem 0
// border-bottom: 2px solid lighten($ofn-grey, 34%)
display: inline-block
strong
color: $clr-brick
@@ -72,7 +71,7 @@
padding-bottom: 0.25rem
#shops.pane
background-color: lighten($clr-brick, 30%)
background-color: lighten($clr-brick, 26%)
&, & *
color: white
@@ -81,11 +80,20 @@
font-weight: 300
font-size: 3rem
.cta.cta-producers.pane
@include fullwidthbg
background-image: url("/assets/producers/producers-pg-bg.jpg")
&, & *
white
.cta.cta-hubs.pane
@include fullwidthbg
background-image: url("/assets/hubs-bg.jpg")
#producer-signup.pane, #shops-signup.pane
background-color: lighten($clr-turquoise, 12%)
background-color: lighten($clr-turquoise, 10%)
&, h1, h2, h3, h4, h5, h6, p
color: white
h2
color: white
font-weight: 300
@@ -114,7 +122,7 @@
background-color: lighten($ofn-grey, 44%)
#shops-signup.pane
background-color: lighten($clr-brick, 30%)
background-color: lighten($clr-brick, 26%)
#producer-case-studies, #shops-case-studies
padding-top: 100px

27
app/assets/stylesheets/darkswarm/home_tagline.css.sass
View File

@@ -4,10 +4,25 @@
// Styling for brand intro / tagline on homepage
#tagline
background-color: $dark-grey
background-image: url("/assets/home/home.jpg")
@include fullbg
height: 440px
padding: 40px 0px
width: 100%
height: 500px
-webkit-box-shadow: inset 0 0 150px 0 rgba(0,0,0,0.75)
-moz-box-shadow: inset 0 0 150px 0 rgba(0,0,0,0.75)
box-shadow: inset 0 0 150px 0 rgba(0,0,0,0.75)
&:before
content: ""
@include fullbg
background-color: black
background-image: url("/assets/home/home.jpg")
-webkit-filter: brightness(0.6) contrast(80%)
filter: brightness(0.6) contrast(80%)
padding: 40px 0px
width: 100%
height: 500px
position: fixed
left: 0
right: 0
z-index: -1
h1
margin-top: 6rem
margin-top: 10rem

6
app/assets/stylesheets/darkswarm/producers.css.sass
View File

@@ -2,7 +2,11 @@
@import mixins
.producers
background-color: lighten($ofn-grey, 43%)
background-color: lighten($clr-turquoise, 68%)
background-image: url("/assets/producers.svg")
background-position: center 50px
background-repeat: no-repeat
background-size: 922px 763px
@include sidepaddingSm
@include panepadding
a

10
app/views/producers/signup.html.haml
View File

@@ -3,13 +3,13 @@
.row
.small-12.medium-6.medium-offset-3.columns.text-center
%h2 Food producers, unstoppable.
%p.text-big Some nice warm intro text. If you're not sure yet, why would you want to be part of OFN Australia? All the warm fuzzies go here.
%br
%hr
%br
%p.text-big Sell your food and tell your stories to diverse new markets. Save time and money on every overhead. We support innovation without the risk. We've levelled the playing field.
.cta.cta-producers.pane
.row
.small-12.medium-6.medium-offset-3.columns.text-center
%h4 Ready to join OFN Australia?
%p.text-big Start by creating your profile:
%a.neutral-btn.light{href: "/register"}
%a.neutral-btn.dark{href: "/register"}
Join now
%i.ofn-i_054-point-right
.pane

8
app/views/shops/signup.html.haml
View File

@@ -4,12 +4,12 @@
.small-12.medium-6.medium-offset-3.columns.text-center
%h2 Food hubs, unlimited.
%p.text-big Whatever your model, we support you. However you change, we're with you. We're non-profit, independent, and open-sourced. We're the software partners you've dreamed of.
%br
%hr
%br
.cta.cta-hubs.pane
.row
.small-12.medium-6.medium-offset-3.columns.text-center
%h4 Ready to join OFN Australia?
%p.text-big Start by creating your profile:
%a.neutral-btn.light{href: "/register"}
%a.neutral-btn.dark{href: "/register"}
Join now
%i.ofn-i_054-point-right
.pane