modified: custom.css

modified:   index.html

custom.css

@@ -1,3 +1,7 @@
+h1, h2, h3, h4, h5, h6 {
+    margin-top: 20px;
+}
+
 a, a:link, a:visited {
     text-decoration: none;
 }
@@ -24,7 +28,7 @@ a, a:link, a:visited {
 }
 
 .row-padding {
-    padding-top: 80px;
+    padding-top: 40px;
     padding-bottom: 80px;
 }
 

index.html

@@ -106,6 +106,7 @@
     </div>
     <div class="one-half column">
       <center>
+      <br />
       <b>Works everywhere, <span class="avoidwrap">even static sites!</span></b>
       <br />
       <br />
@@ -125,12 +126,18 @@
 <br/>
 
 <div class="reasons row-padding">
+<center>
+<h4>Finally, a blog comment system with ethics</h4>
+<br/>
+</center>
 <div class="container">
   <div class="row">
+
+
     <div class="one-half column">
 
 <center>
-<img src="/static/img/remarkbox-instant-preview-of-comments.gif" width="96%">
+<img src="/static/img/remarkbox-instant-preview-of-comments.gif" width="94%" style="margin-top: 20px;">
 <span style="font-size: .7em">Markdown and syntax highlighted code blocks!</span>
 </center>
 
@@ -141,27 +148,23 @@
 
 <h5>Say <u>YES</u> to Privacy!</h5>
 
-<ul>
+<ul style="margin-bottom: 40px;">
   <li><b>No user tracking</b> - anonymous by default</li>
   <li><b>No ads</b> - promote your message only</li>
 </ul>
 
-<br/>
-<br/>
 
 <h5>Dissolve barriers of engagement</h5>
 
-<ul>
+<ul style="margin-bottom: 40px;">
   <li><b>No registration</b> - optional email verification</li>
   <li><b>Realtime previews</b> - as the user types</li>
   <li><b>Looks and feels</b> - like part of your site</li>
 </ul>
 
-<br/>
-<br/>
 
 <h5>Free comments</h5>
-<ul>
+<ul style="margin-bottom: 40px;">
   <li><b>Setup</b> - in 30s or less!</li>
   <li><b>Cancel anytime</b> - export comments as JSON</li>
   <li><b>No Cost or limits</b> - <a href="#plans">free plan</a></li>
@@ -170,8 +173,6 @@
     </div>
   </div>
 
-  <br/>
-  <br/>
 
   <div class="row">
 
@@ -204,21 +205,21 @@
 
 <b><a href="#free">Free</a></b>
 <br />
-just put the snippet into your HTML
+Simply put the snippet into your HTML
 
 <br/>
 <br/>
 
 <b>$5/mo</b> (beta)
 <br />
-claim your domain and become the moderator
+Moderator access for one verified domain
 
 <br/>
 <br/>
 
-<b>$20/mo</b> (beta)
+<b>$14/mo</b> (beta)
 <br />
-claim unlimited domains and become the moderator
+Moderator access for unlimited verified domains
 
 <br />
 <br />
@@ -230,7 +231,6 @@ There will likely be an Enterprise plan with dedicated resources.
 <br />
 <br />
 <br />
-<br />
 
 
 <h5 id="beta">Remarkbox Beta</h5>
@@ -263,8 +263,6 @@ For <b>beta access</b> and updates, join the email list
 
 Your <b>feedback will shape</b> Remarkbox!
 
-<br />
-<br />
 <br />
 <br />
 
@@ -319,51 +317,54 @@ Your <b>feedback will shape</b> Remarkbox!
 <div class="graybg row-padding">
 <div class="container">
   <div class="row">
-    <div class="one-half column">
 
-<h5>Resilient Web Design</h5>
+    <div class="six columns" style="padding-left: 5%">
 
-<p>
+      <h5 id="about">About Remarkbox</h5>
-Remarkbox follows resilient web design principles.
-This means Remarkbox will work even when Javascript does not.
-</p>
-<p>
-When Javascript works, Remarkbox will powerup and enhance the user experience!
-</p>
       
-<p>
+      <p>
-For more details read: <a href="http://russell.ballestrini.net/capability-driven-presentation/" target="_blank">Capability driven Presentation</a>
+      <img src="https://lh3.googleusercontent.com/-uAPZy7NmmP0/AAAAAAAAAAI/AAAAAAAAAnI/iG2P43gCL2U/s140-c/photo.jpg" align="left" style="margin-right: 20px; margin-top: 5px;">
-</p>
+      <b><a href="http://russell.ballestrini.net/about">Russell Ballestrini</a></b> - <i>Founder</i>
       
-<br />
+        My vision of Remarkbox started back in 2013 while porting
-<br />
+        my blog from Wordpress to Pelican, a static-site-generator.
-<br />
+      </p>
+      <p>
+        I had a problem: what would I do with my readers comments?
+      </p>
+      
+      <p>
+        My research found solutions which served ads and I didn't want that.
+        I set out to build my own solution because - <br/>"how long could it possibly take to build an embeddable comment system?" (hint: 3 years)
+      </p>
+      
+        Lots of love and thought have gone into making Remarkbox. I hope you and your readers enjoy using it!
+
+    </div>
+
+    <div class="six columns" style="padding-left: 5%">
+
+      <h5>Resilient Web Design</h5>
+      
+      <p>
+      Remarkbox follows resilient web design principles.
+      This means Remarkbox will work even when Javascript does not.
+      </p>
+      <p>
+      When Javascript works, Remarkbox will powerup and enhance the user experience!
+      </p>
+      
+      <p>
+      For more details read: <a href="http://russell.ballestrini.net/capability-driven-presentation/" target="_blank">Capability driven Presentation</a>
+      </p>
+      
+      <br />
+      <br />
+      <br />
 
 
     </div>
-    <div class="one-half column">
 
-<h5 id="about">About Remarkbox</h5>
-
-<p>
-<img src="https://lh3.googleusercontent.com/-uAPZy7NmmP0/AAAAAAAAAAI/AAAAAAAAAnI/iG2P43gCL2U/s120-c/photo.jpg" align="left" style="margin-right: 30px;">
-<b><a href="http://russell.ballestrini.net/about">Russell Ballestrini</a></b> - <i>Founder</i>
-
-<p>
-  My vision of Remarkbox started back in 2013 while porting
-  my blog from Wordpress to Pelican, a static-site-generator.
-</p>
-<p>
-  I had a problem: what would I do with my readers comments?
-</p>
-
-<p>
-  My research found solutions which served ads and I didn't want that.
-  I set out to build my own solution because - <br/>"how long could it possibly take to build an embeddable comment system?" (hint: 3 years)
-</p>
-
-  Lots of love and thought have gone into making Remarkbox. I hope you and your readers enjoy using it!
-    </div>
   </div>
 </div>
 </div>