From ef404e4d20f4c4ad26cac7553f4765dc3c5de55f Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasong@gmail.com>
Date: Fri, 20 Feb 2015 00:00:00 -0600
Subject: [PATCH] More progress on welcome signup

---
 sass/_project-sass/_project-Main.scss | 57 +++++++++++++++++++++++++--
 views/welcome_mockup.erb              |  6 +--
 2 files changed, 57 insertions(+), 6 deletions(-)

diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index 6fb8aadc..bdc2721b 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -1412,6 +1412,41 @@ a.tag:hover {
       float: left;
       background: 0;
       padding-bottom: 0;
+      
+      ul {
+        clear: both;
+        
+        &.main-features {
+          font-size: 140%;
+          margin-bottom: .7em;
+          li {
+            margin-bottom: .25em;
+          }
+        }
+      }
+      li span {
+        border-bottom: 1px dotted #bbb;
+        cursor: help;
+      }
+      .plan-image {
+          margin: 24px 15px 20px 0;
+          float: left;
+          width: 77px;
+      }
+      .price {
+        font-size: 2.4em;
+        margin-top: 30px;
+      }
+    }
+    .col.free, .col.supporter {
+      padding: 35px 40px 25px 40px;
+      .content {
+        padding: 0;
+      }
+      
+      @media(max-device-width:480px), screen and (max-width:550px) {
+       padding: 14px 10px; 
+      }
     }
     .col.free {
       width: 29%;
@@ -1420,19 +1455,35 @@ a.tag:hover {
       border-right-width: 0;
       margin-top: 15px;
       margin-bottom: 15px;
+      
+      .main-features {
+        margin-bottom: 94px;
+      }
     }
     .col.supporter {
       width: 71%;
       background-color: #F5F5F5;
       border: 1px solid #E0E0E0;
       @include box-shadow(-1px 1px 5px 0px rgba(0,0,0,0.1));
+      .col:first-child {
+        width: 40%;
+      }
+      .col:last-child {
+        width: 60%;
+        margin-top: 16px;
+        p {
+          font-weight: bold;
+          font-size: 100%;
+          color: #666;
+        }
+      }
+    }
+    .row.content.txt-Center {
+      margin-top: 0.6em;
     }
     .btn-Action {
       margin-bottom: 1em;
     }
-    .content {
-      padding: 20px 30px;
-    }
   }
 }
 .section.bottom-signup {
diff --git a/views/welcome_mockup.erb b/views/welcome_mockup.erb
index da598a4e..b924c823 100644
--- a/views/welcome_mockup.erb
+++ b/views/welcome_mockup.erb
@@ -15,7 +15,7 @@ You can support our quest to bring back the creative, independent web by upgradi
           <div class="price">$<%= Site::PLAN_FEATURES[:free][:price] %></div>
           <div class="interval">per month</div>
   
-          <ul>
+          <ul class="main-features">
             <li><strong><%= Site::PLAN_FEATURES[:free][:space].to_space_pretty %></strong> <span data-original-title="How much disk space you can use for your site. More space means you can upload more files.">storage</span></li>
             <li><strong><%= Site::PLAN_FEATURES[:free][:bandwidth].to_space_pretty %></strong> <span data-original-title="How much content you can serve in one month. Don’t worry—these are soft limits. Temporary surges are fine, we won't take your site down automatically, and we're very flexible.">bandwidth</span></li>
           </ul>
@@ -40,7 +40,7 @@ You can support our quest to bring back the creative, independent web by upgradi
             <div class="interval">per month</div>
           <% end %>
   
-          <ul>
+          <ul class="main-features">
             <li><strong><%= Site::PLAN_FEATURES[:supporter][:space].to_space_pretty %></strong> <span data-original-title="How much disk space you can use for your site. More space means you can upload more files.">storage</span></li>
             <li><strong>1000 GB</strong> <span data-original-title="How much content you can serve in one month. Don’t worry—these are soft limits. Temporary surges are fine, we won't take your site down automatically, and we're very flexible.">bandwidth</span></li>
           </ul>
@@ -50,7 +50,7 @@ You can support our quest to bring back the creative, independent web by upgradi
             <li><span data-original-title="Make as many sites as you want with one account, and easily switch between them.">Unlimited Site Creation</span></li>
             <li><span data-original-title="Add your domain name (yoursite.com) to your site!">Custom Domain Support</span></li>
             <li><span data-original-title="With WebDAV, you can mount your Neocities site to your computer as a hard drive, making it easy to update with your favorite HTML editor.">Remote Filesystem Support</span></li>
-            <li><span data-original-title="Upload your SSL certificate for your custom domain name, preventing snoops from seeing your user’s traffic.">Custom SSL Certs (coming soon!)</span></li>
+            <li><span data-original-title="Upload your SSL certificate for your custom domain name, preventing snoops from seeing your user’s traffic.">Custom SSL Certs (coming soon)</span></li>
           </ul>
         </div>