raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

More styling and work on step 1 - DETAILS

Browse Source
This commit is contained in:
summerscope
2014-08-22 16:27:58 +10:00
committed by Rob H
parent c93673d78b
commit 2917c0fa44
2 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/javascripts/templates/registration/details.html.haml
View File

@@ -13,29 +13,26 @@
.small-12.columns
.row
.small-12.columns
%label Choose One:
%label Choose one:
.row
.small-12.medium-4.large-4.columns{ 'data-equalizer-watch' => true }
%a.panel.producer-panel{ href: "#", ng: { click: "enterprise.is_distributor = false; enterprise.is_primary_producer = true", class: "{selected: (!enterprise.is_distributor && enterprise.is_primary_producer)}" } }
.left
%render-svg{path: "/assets/map-icon-producer.svg"}
%h4 I'm A Producer
%p.clear
%small Producers are anyone making things to eat & drink - whether you grow it, raise it, brew it, bake it, ferment it, milk it or mould it.
%p Producers make yummy things to eat &/or drink. You're a producer if you grow it, raise it, brew it, bake it, ferment it, milk it or mould it.
.small-12.medium-4.large-4.columns{ 'data-equalizer-watch' => true }
%a.panel.hub-panel{ href: "#", ng: { click: "enterprise.is_distributor = true; enterprise.is_primary_producer = false", class: "{selected: (enterprise.is_distributor && !enterprise.is_primary_producer)}" } }
.left
%render-svg{path: "/assets/map-icon-hub.svg"}
%h4 I'm A Hub
%p
%small Hubs are anyone connecting the producer to the eater. Hubs may be a co-op, and independent retailer, a buying group, a CSA box scheme, a farm-gate stall, a wholesaler, etc...
%p Hubs connect the producer to the eater. Hubs can be co-ops, independent retailers, buying groups, wholesalers, CSA box schemes, farm-gate stalls, etc.
.small-12.medium-4.large-4.columns{ 'data-equalizer-watch' => true }
%a.panel.both-panel{ href: "#", ng: { click: "enterprise.is_distributor = true; enterprise.is_primary_producer = true", class: "{selected: (enterprise.is_distributor && enterprise.is_primary_producer)}" } }
.left
%render-svg{path: "/assets/map-icon-both.svg"}
%h4 I'm Both
%p
%small Hey there, Jack-of-all-trades! Not only do you produce yummy things to eat and/or drink, you also want to connect directly to those who love buying your products!
%p Hey there, Jack-of-all-trades! Not only do you produce things to eat &/or drink, you also want to sell your yummies through an Open Food Network shopfront.
.row.buttons
.small-12.columns
%input.button.primary{ type: "button", value: "Continue", ng: { click: "select('address')" } }

24
app/assets/stylesheets/darkswarm/registration.css.sass
View File

@@ -87,10 +87,30 @@
display: block
background-color: #efefef
color: black
@media all and (min-width: 768px)
min-height: 200px
&:hover
background-color: #fff
&.producer-panel:hover
&, & *
color: $clr-turquoise
&.hub-panel:hover, &.both-panel:hover
&, & *
color: $clr-brick
&.selected
&, & *
color: #fff
color: #fff
background-color: $clr-turquoise-bright
&.hub-panel, &.both-panel
background-color: $clr-brick-bright
&:hover
&, & *
color: white
&.producer-panel
background-color: $clr-turquoise-bright
&:hover
&, & *
color: white
p
clear: both
font-size: 0.875rem