Merge pull request balanced#264 from kyungmin/revertGetStarted

Revert get started
kyungmin · Jan 9, 2015 · ac7e9bf · ac7e9bf
2 parents d4e3964 + 2345fa1
commit ac7e9bf
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 52 deletions.
diff --git a/contents/get-started.md b/contents/get-started.md
@@ -6,41 +6,33 @@ pageTitle: Get started
 body_class: get-started
 
 subtitle:
-  heading: Balanced is specifically designed for two-sided payments, facilitating transactions between buyers and sellers, niche marketplaces, and crowdfunding platforms.
+  heading: Balanced is specifically designed for two-sided payments, facilitating transactions between multiple parties for marketplaces and crowdfunding platforms.
+  linkUrl: "https://support.balancedpayments.com/hc/en-us/categories/200144810-Is-Balanced-a-good-fit-"
+  linkText: Find out if Balanced is a good fit
 
 basicRequirements:
   title: "Basic requirements"
-  body: To use Balanced, you must meet these business requirements.
   list:
-    - Have a U.S. bank account
-    - U.S.-registered company with Employee Identification Number
-    - Company representative who is a permanent U.S. resident
-    - Supported business use case
-      <p>
-        <ul>
-          <li>Equity & Real estate crowdfunding</li>
-          <li>Tenant/Landlord payments</li>
-          <li>Money transmission (sending money to your friends)</li>
-          <li>Loan payments</li>
-        </ul>
-      </p>
-        <a href="https://support.balancedpayments.com/hc/en-us/articles/201863174-What-businesses-are-prohibited-from-using-Balanced-" target="_blank">Review the full list</a>
+    - A U.S. bank account
+    - A U.S.-registered company with Employee Identification Number
+    - A company representative who is a permanent U.S. resident
+    - Supported use case that is not on our <a href="https://support.balancedpayments.com/hc/en-us/articles/201863174-What-businesses-are-prohibited-from-using-Balanced-" target="_blank">list of prohibited businesses</a>
 
 stepsToGoLive:
   title: Steps to go live
   list:
     - step: 1
-      title: Create an account
+      title: Test the API
       image: test
-      description: Create an account from the Balanced dashboard to test our platform.
+      description: Create an account from the dashboard to obtain a test marketplace and interact with the Balanced API.
     - step: 2
       title: Integrate Balanced
       image: integrate
-      description: Checkout our developer <a href="https://docs.balancedpayments.com/" target="_blank">documentation</a> and <a href="https://docs.balancedpayments.com/1.1/guides/quickstart/" target="_blank">quick start guides</a> for integration guides.
+      description: Checkout our developer <a href="https://docs.balancedpayments.com/" target="_blank">documentation</a> and <a href="https://docs.balancedpayments.com/1.1/guides/quickstart/" target="_blank">quick start guides</a>.
     - step: 3
-      title: Apply for production access
+      title: Go live
       image: live
-      description: Apply for production access from the Balanced dashboard. We&#8217ll review your information and inform you of your approval status within 2 business days.
+      description: Register for production access via the dashboard to transact live.
 
 tryTheDashboard:
   buttonText: Create an account to get started

diff --git a/static/less/get-started.less b/static/less/get-started.less
@@ -1,44 +1,53 @@
 .get-started {
-  .col-md-4 {
-    padding-left: 0;
-  }
+
   .requirements {
-    & > .list-group > .list-group-item {
-      color: @black;
+    background-color: @gray1;
+    margin: 10px 0 0 0;
+    padding: 0;
+
+    li {
+      width: 25%;
+      list-style: none;
+      padding: 20px 15px;
+      margin: 0;
+      display: inline-block;
+      color: @gray8;
+      border-left: 1px solid @gray2;
 
-      &:first-child {
-        border-top: 1px solid @gray2;
+      &:first-of-type {
+        border-left: none;
+        padding-left: 30px;
       }
-      &:last-child {
-        border-bottom: 1px solid @gray2;
+
+      &:last-of-type {
+        padding-right: 30px;
       }
 
       &:before {
         float: left;
         margin-left: -5px;
-        margin-right: 10px;
         font-family: 'Balanced-Icon';
         &:extend(.icon-checkmark2:before);
       }
 
-      li {
-        list-style: disc;
+      p {
+        margin-left: 20px;
       }
     }
   }
+
   .steps {
     margin: 10px 0 0 0;
     padding: 0;
 
     li {
-      width: 33%;
-      height: 430px;
-      background-color: @gray0;
+      width: 32%;
+      height: 410px;
+      background-color: @gray1;
       display: inline-table;
       list-style: none;
-      margin-left: -5px;
+      margin-left: 14px;
       padding: 20px;
-      .border-radius(0);
 
       &:first-of-type {
         margin-left: 0;

diff --git a/templates/get-started.html b/templates/get-started.html
@@ -13,6 +13,7 @@ <h1>{{page.metadata.pageTitle}}</h1>
                     <div class="large-bottom-margin">
                       <div class="summary-text clearfix">
                         <p class="page-summary col-md-10">{{page.metadata.subtitle.heading}}</p>
+                        <a class="col-md-12" href="{{page.metadata.subtitle.linkUrl}}" target="_blank">{{page.metadata.subtitle.linkText}}</a>
                       </div>
                     </div>
                 </header>
@@ -24,16 +25,13 @@ <h1>{{page.metadata.pageTitle}}</h1>
                         <span>{{page.metadata.basicRequirements.title}}</span>
                       </div>
                     </div>
-                    <div class="col-md-4">
-                      <p>{{page.metadata.basicRequirements.body}}</p>
-                    </div>
-                    <div class="requirements panel col-md-8 pull-right">
-                      <ul class="list-group clearfix">
-                        {% for item in page.metadata.basicRequirements.list %}
-                          <li class="list-group-item">{{item}}</li>
-                        {% endfor %}
-                      </ul>
-                    </div>
+                    <ul class="requirements clearfix">
+                      {% for item in page.metadata.basicRequirements.list %}
+                      <li class="col-md-3">
+                        <p>{{item}}</p>
+                      </li>
+                      {% endfor %}
+                    </ul>
                   </div>
 
                   <div class="content clearfix">
@@ -55,11 +53,8 @@ <h3>{{item.title}}</h3>
                   </div>
                 </section>
                 <section class="try-the-dashboard">
-                  <div class="center">
-                    <p>Create an account from the dashboard to get started.</p>
-                    <a href="{{page.metadata.tryTheDashboard.linkUrl}}" class="btn special">{{page.metadata.tryTheDashboard.buttonText}}</a>
-                    <a href="{{page.metadata.helpCenter.linkUrl}}" target="_blank">{{page.metadata.helpCenter.linkText}}</a>
-                  </div>
+                  <a href="{{page.metadata.tryTheDashboard.linkUrl}}" class="btn special">{{page.metadata.tryTheDashboard.buttonText}}</a>
+                  <a href="{{page.metadata.helpCenter.linkUrl}}" target="_blank">{{page.metadata.helpCenter.linkText}}</a>
                 </section>
             </div>
         </div>