From c5ab88deba82c4b4a149b3df594162351157483a Mon Sep 17 00:00:00 2001
From: Julie Lala <jules@okfoc.us>
Date: Fri, 9 Jan 2015 10:51:24 -0500
Subject: buy buttons

---
 public/assets/stylesheets/app.css |  4 +++-
 views/about/_blank.ejs            |  2 +-
 views/about/about.ejs             |  2 +-
 views/about/brochure.ejs          | 45 +++++++++++++++++++++++++++------------
 4 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 9e86ac3..a149166 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -604,7 +604,9 @@ iframe.embed {
 .page h1:nth-child(2) {
 	margin-top: 40px;
 }
-
+.page h1.leader {
+  margin-top: 60px;
+}
 .page p {
 	margin: 20px;
 }
diff --git a/views/about/_blank.ejs b/views/about/_blank.ejs
index 3c23fa7..732ea3f 100644
--- a/views/about/_blank.ejs
+++ b/views/about/_blank.ejs
@@ -8,7 +8,7 @@
 	<div class="rapper page home">
 	[[ include ../partials/header ]]
 
-
+  <h1 class="leader">Hallo</h1>
   <!-- put stuff here -->
 
 
diff --git a/views/about/about.ejs b/views/about/about.ejs
index 2aec982..6d5f011 100644
--- a/views/about/about.ejs
+++ b/views/about/about.ejs
@@ -8,7 +8,7 @@
 	<div class="rapper page">
 	[[ include ../partials/header ]]
 
-	<h1>About VValls</h1>
+	<h1 class="leader">About VValls</h1>
 
 	<div class="projectList about aboutintro">
 	  <div class="inner">
diff --git a/views/about/brochure.ejs b/views/about/brochure.ejs
index 75e7b60..e75f8c6 100644
--- a/views/about/brochure.ejs
+++ b/views/about/brochure.ejs
@@ -8,7 +8,7 @@
 	<div class="rapper page">
 	[[ include ../partials/header ]]
 
-	<h1>Subscriptions</h1>
+	<h1 class="leader">Subscriptions</h1>
 
 	<div class="projectList about aboutintro">
 	  <div class="inner">
@@ -27,11 +27,14 @@
       <h3>[[- plans.basic.name ]]</h3>
       <ul>
         <li> $[[- plans.basic.monthly_price ]]/mo or $[[- plans.basic.yearly_price ]]/year
-        <li> [[- plans.basic.stock_project_limit ]] exhibitions included with pre-designed template floor plans
+        <li> Comes with [[- plans.basic.basic_layout_limit ]] basic floor plan and [[- plans.basic.basic_project_limit ]] exhibitions
         <li> Each new basic floor plan costs $[[- plans.basic.basic_layout_monthly_price ]]/mo
              or $[[- plans.basic.basic_layout_yearly_price ]]/year, minimum 3 months
-        <li> Each new basic floor plan can have up to [[- plans.basic.basic_project_limit ]] exhibitions
+        <li> Each new floor plan can have up to [[- plans.basic.basic_project_limit ]] exhibitions
         <li> VValls logo appears when embedding an exhibition on a web page
+        <li>
+          <!-- check current subscription plan -->
+          <button>Buy Now</button>
       </ul>
     </div>
 
@@ -45,10 +48,13 @@
         <li> Each new pro floor plan can have up to [[- plans.pro.pro_project_limit ]] exhibitions
         <li> Includes planning for 3D objects in the room
         <li> No VValls logo on embed
+        <li>
+          <!-- check current subscription plan -->
+          <button>Buy Now</button>
       </ul>
     </div>
   
-    <div class="about_custom miscbox">
+    <div class="about_custom planbox miscbox">
       <ul>
         <li> Buying any extra floor plan unlocks collaboration. Invite an artist or curator to work on the exhibition with you.
         <li> Basic Floor plan: Rectangle-based design of any dimension.
@@ -56,10 +62,10 @@
       </ul>
     </div>
 
-    <div class="planbox about_custom">
-      <h3>Custom</h3>
+    <div class="about_custom planbox">
+      <h3>Want Something Custom?</h3>
       <li> We offer customized white-label options for business and educational uses.
-      <li> <a>Contact us</a> for more information.
+      <li> <a href="mailto:hello@vvalls.com">Contact us</a> for more information.
     </div>
   </div>
 
@@ -74,13 +80,23 @@
 [[ include ../partials/scripts ]]
 </html>
 <style>
+/* nb these styles should be fixed for narrower screens/mobile layout */
 .about_plan {
   width: 28vw;
   margin: 2vw;
   float: left;
+  min-height: 28vw;
+  position: relative;
+}
+.about_plan button {
+  position: absolute;
+  bottom: 5%;
+  left: 5%;
+  width: 90%;
 }
 .about_custom {
-  width: 80vw;
+  clear: both;
+  width: 76vw;
   margin: 2vw 10vw;
 }
 .planbox {
@@ -88,8 +104,8 @@
   border: 1px solid #ddd;
   background: white;
   border-radius: 25px;
-  font-size: 17px;
-  line-height: 25px;
+  font-size: 15px;
+  line-height: 23px;
   text-align: center;
 }
 .planbox h3 {
@@ -100,10 +116,11 @@
   list-style-type: none;
   margin-bottom: 5px;
 }
-.miscbox {
-  font-size: 21px;
+.planbox.miscbox {
+  border: 0;
+  background: #f8f8f8;
 }
-.miscbox li {
-  list-style-type: none;
+.about_custom a {
+  border-bottom: 1px solid;
 }
 </style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2