From 8a79741c0e6e4424d89ddd1943a6e2e885a4fd69 Mon Sep 17 00:00:00 2001 From: Rohan Mitchell Date: Thu, 28 May 2015 14:51:36 +1000 Subject: [PATCH] Update pricing tables and detail formatting --- .../stylesheets/darkswarm/signup.css.sass | 4 ++ app/views/producers/signup.html.haml | 51 ++++++++----------- .../_enterprise_type_flowchart.html.haml | 31 +++++------ app/views/shops/signup.html.haml | 48 +++++++---------- 4 files changed, 58 insertions(+), 76 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/signup.css.sass b/app/assets/stylesheets/darkswarm/signup.css.sass index c8200cd5c1..c4d055b3a6 100644 --- a/app/assets/stylesheets/darkswarm/signup.css.sass +++ b/app/assets/stylesheets/darkswarm/signup.css.sass @@ -115,3 +115,7 @@ table.signup-table.hubs-table, table.signup-table.producers-table font-weight: 400 line-height: 1.5 @include headingFont + +// Detail \\ +.enterprise-type-flowchart + float: right diff --git a/app/views/producers/signup.html.haml b/app/views/producers/signup.html.haml index 5287af51e7..5c829c22c1 100644 --- a/app/views/producers/signup.html.haml +++ b/app/views/producers/signup.html.haml @@ -12,10 +12,10 @@ .pane .row .small-12.medium-10.medium-offset-1.columns.text-center - %h2 Membership types and fees. - %p.text-big - / If there is a time-sensitive offer you can write it here, e.g. - Sign up before 30th June for an extra month free! + %h2 Enterprise Accounts + -# %p.text-big + -# If there is a time-sensitive offer you can write it here, e.g. + -# Sign up before 30th June for an extra month free! %br %table.signup-table.producers-table{cellpadding: "0", cellspacing: "0"} %thead @@ -29,9 +29,11 @@ %tr %td %p - %strong Profile - %br + %strong Basic + %p %span.text-small Get a profile on the Open Food Network - including a listing on the Producers page and a pin on the OFN Map. These help people to find and connect with you. + %p + %span.text-small Option to add and manage your products on OFN, enabling you to act as a supplier to other OFN shopfronts. %td.text-center %i.ofn-i_003-check.text-big %td.text-center @@ -39,23 +41,13 @@ %tr %td %p - %strong Producer - %br - %span.text-small Add and manage your products on OFN, enabling you to act as a supplier to other OFN shopfronts. - %td.text-center - %i.ofn-i_003-check.text-big - %td.text-center - %i.ofn-i_003-check.text-big - %tr - %td - %p - %strong Producer shop + %strong Plus %p.text-small Get a shopfront on OFN to sell your produce direct! %p.text-small Basic support included: %ul.small %li User manual %li Post queries to discussion forum/via contact form - %li Report bugs/suggestions via bugherd + %li Report bugs/suggestions %li Regular release notes – what's new %td.text-center %td.text-center @@ -111,20 +103,17 @@ .row .small-12.medium-10.medium-offset-1.columns %h2.text-center Here's the detail. - .row - .small-12.medium-4.columns - %h4 Join a marketplace of independent online food stores - %p Create an online shop front and join the network of online farmers markets on the Open Food Network. Set up a Producer Shop and sell your products direct to customers, or create a Food Hub and sell products from multiple producers. + = render 'shared/enterprise_type_flowchart', type: 'producers' + %h4 Join a marketplace of independent online food stores + %p Create an online shop front and join the network of online farmers markets on the Open Food Network. Set up a Producer Shop and sell your products direct to customers, or create a Food Hub and sell products from multiple producers. - %h4 Connect with a new source of customers - %p Gain access to the growing crowd of conscientious buyers on the Open Food Network, all looking to make more ethical and sustainable choices when purchasing food. - %h4 Manage your business online - %p The Open Food Network provides online tools to help with the day-to-day running of your business. Manage your product listing and stock levels. Create, receive and manage orders from your buyers, and organise payments online. Generate invoices for orders and export them to your accounting software, and access a range of reports. - %h4 Start with a simple listing on our directory - %p Create a profile on the Open Food Network and gain exposure to a new marketplace of potential buyers. Tell your story in words and images, provide your contact details, and drive connections to your social and online presence. - %p Access new wholesale opportunities by connecting with food hubs in your region who can sell and distribute your products to buyers on the Open Food Network. + %h4 Connect with a new source of customers + %p Gain access to the growing crowd of conscientious buyers on the Open Food Network, all looking to make more ethical and sustainable choices when purchasing food. + %h4 Manage your business online + %p The Open Food Network provides online tools to help with the day-to-day running of your business. Manage your product listing and stock levels. Create, receive and manage orders from your buyers, and organise payments online. Generate invoices for orders and export them to your accounting software, and access a range of reports. + %h4 Start with a simple listing on our directory + %p Create a profile on the Open Food Network and gain exposure to a new marketplace of potential buyers. Tell your story in words and images, provide your contact details, and drive connections to your social and online presence. + %p Access new wholesale opportunities by connecting with food hubs in your region who can sell and distribute your products to buyers on the Open Food Network. - .small-12.medium-8.columns - = render 'shared/enterprise_type_flowchart', type: 'producers' = render partial: "shared/footer" diff --git a/app/views/shared/_enterprise_type_flowchart.html.haml b/app/views/shared/_enterprise_type_flowchart.html.haml index fe17f2149c..b2da9de0ba 100644 --- a/app/views/shared/_enterprise_type_flowchart.html.haml +++ b/app/views/shared/_enterprise_type_flowchart.html.haml @@ -1,15 +1,16 @@ -= image_tag "enterprise-type.png" -%br -%br -%br -%br -%br -%p{style: "text-align: center;"} - %a{href: "http://global.openfoodnetwork.org/platform/features/"} More Features - \| - %a{href: "http://global.openfoodnetwork.org/platform/user-guide/"} User Guide - \| - - if type == 'hubs' - %a{href: "http://global.openfoodnetwork.org/platform/user-guide/faqs/hub-faqs/"} Hub FAQs - - elsif type == 'producers' - %a{href: "http://global.openfoodnetwork.org/platform/user-guide/faqs/producer-faqs/"} Producer FAQs +.enterprise-type-flowchart + = image_tag "enterprise-type.png" + %br + %br + %br + %br + %br + %p{style: "text-align: center;"} + %a{href: "http://global.openfoodnetwork.org/platform/features/"} More Features + \| + %a{href: "http://global.openfoodnetwork.org/platform/user-guide/"} User Guide + \| + - if type == 'hubs' + %a{href: "http://global.openfoodnetwork.org/platform/user-guide/faqs/hub-faqs/"} Hub FAQs + - elsif type == 'producers' + %a{href: "http://global.openfoodnetwork.org/platform/user-guide/faqs/producer-faqs/"} Producer FAQs diff --git a/app/views/shops/signup.html.haml b/app/views/shops/signup.html.haml index d6f4dff1be..43853eea2b 100644 --- a/app/views/shops/signup.html.haml +++ b/app/views/shops/signup.html.haml @@ -12,10 +12,10 @@ .pane .row .small-12.medium-10.medium-offset-1.columns.text-center - %h2 Membership types and fees. - %p.text-big - / If there is a time-sensitive offer you can write it here, e.g. - Sign up before 30th June for an extra month free! + %h2 Enterprise Accounts + -# %p.text-big + -# If there is a time-sensitive offer you can write it here, e.g. + -# Sign up before 30th June for an extra month free! %br %table.signup-table.hubs-table{cellpadding: "0", cellspacing: "0"} %thead @@ -29,9 +29,9 @@ %tr %td %p - %strong Profile - %br - %span.text-small Get a profile on the Open Food Network - including a listing on the Shops page and a pin on the OFN Map. These help people to find and connect with you. + %strong Basic + %p + %span.text-small Get a profile on the Open Food Network - including a listing on the Shops page and a pin on the OFN Map. These help people to find and connect with you. %td.text-center %i.ofn-i_003-check.text-big %td.text-center @@ -39,23 +39,13 @@ %tr %td %p - %strong Distribute - %br - %span.text-small Act as a distributor or food middle-man on OFN, enabling you to work with logistics of bringing existing products and producers to other OFN shopfronts. - %td.text-center - %i.ofn-i_003-check.text-big - %td.text-center - %i.ofn-i_003-check.text-big - %tr - %td - %p - %strong Shop + %strong Plus %p.text-small Get a shopfront on OFN to sell food from multiple suppliers & producers. %p.text-small Basic support included: %ul.small %li User manual %li Post queries to discussion forum/via contact form - %li Report bugs/suggestions via bugherd + %li Report bugs/suggestions %li Regular release notes – what's new %td.text-center %td.text-center @@ -113,17 +103,15 @@ .row .small-12.medium-10.medium-offset-1.columns %h2.text-center Here's the detail. - .row - .small-12.medium-4.columns - %h4 Join a marketplace of independent online food stores - %p Create a hub profile on the Open Food Network and gain exposure to a new marketplace of potential buyers. Tell your story in words and images, provide your contact details, and drive connections to your social and online presence. Set up a “Hub” shop and sell products from multiple producers. - %h4 Connect with a new source of customers and suppliers - %p Gain access to the growing crowd of conscientious buyers on the Open Food Network, all looking to make more ethical and sustainable choices when purchasing food. - %p Access new supply opportunities by connecting with producers in your region, sell their products in your shop. - %h4 Manage your business online - %p The Open Food Network provides online tools to help with the day-to-day running of your business. Manage your product listing and stock levels. Create, receive and manage orders from your buyers, and organise payments online. Generate invoices for orders and export them to your accounting software, and access a range of reports. + = render 'shared/enterprise_type_flowchart', type: 'hubs' + + %h4 Join a marketplace of independent online food stores + %p Create a hub profile on the Open Food Network and gain exposure to a new marketplace of potential buyers. Tell your story in words and images, provide your contact details, and drive connections to your social and online presence. Set up a “Hub” shop and sell products from multiple producers. + %h4 Connect with a new source of customers and suppliers + %p Gain access to the growing crowd of conscientious buyers on the Open Food Network, all looking to make more ethical and sustainable choices when purchasing food. + %p Access new supply opportunities by connecting with producers in your region, sell their products in your shop. + %h4 Manage your business online + %p The Open Food Network provides online tools to help with the day-to-day running of your business. Manage your product listing and stock levels. Create, receive and manage orders from your buyers, and organise payments online. Generate invoices for orders and export them to your accounting software, and access a range of reports. - .small-12.medium-8.columns - = render 'shared/enterprise_type_flowchart', type: 'hubs' = render partial: "shared/footer"