From 3d6e66a4bffe037de7f4430bbfe182d978f04003 Mon Sep 17 00:00:00 2001
From: Alex Liebowitz <alex@alexliebowitz.com>
Date: Tue, 26 Jul 2016 08:02:55 -0400
Subject: [PATCH] Add Community Content section to home page

---
 js/page/home.js | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/js/page/home.js b/js/page/home.js
index 2898c2ba9..f890f4845 100644
--- a/js/page/home.js
+++ b/js/page/home.js
@@ -207,27 +207,55 @@ var FeaturedContentItem = React.createClass({
 var featuredContentStyle = {
   width: '100%',
   marginTop: '-8px',
+}, featuredContentLegendStyle = {
+  fontSize: '12px',
+  color: '#aaa',
+  verticalAlign: '15%',
 };
 
 var FeaturedContent = React.createClass({
   render: function() {
     return (<section style={featuredContentStyle}>
-    <h3>Featured Content</h3>
+      <div className="row-fluid">
+        <div className="span6">
+          <h3>Featured Content</h3>
+        </div>
+        <div className="span6">
+          <h3>Community Content <Link style={featuredContentLegendStyle} label="What's this?" tooltip='Community Content is a public space where anyone can share content with the rest of the LBRY community. Bid on the names "one," "two," "three" and "four" to put your content here!' /></h3>
+        </div>
+      </div>
+
       <div className="row-fluid">
         <div className="span6">
           <FeaturedContentItem name="what" />
         </div>
         <div className="span6">
-          <FeaturedContentItem name="itsadisaster" narrow />
+          <FeaturedContentItem name="one" narrow />
+        </div>
+      </div>
+      <div className="row-fluid">
+        <div className="span6">
+          <FeaturedContentItem name="itsadisaster" />
+        </div>
+        <div className="span6">
+          <FeaturedContentItem name="two" />
         </div>
       </div>
       <div className="row-fluid">
         <div className="span6">
           <FeaturedContentItem name="keynesvhayek" />
         </div>
+        <div className="span6">
+          <FeaturedContentItem name="three" />
+        </div>
+      </div>
+      <div className="row-fluid">
         <div className="span6">
           <FeaturedContentItem name="meetlbry1" />
         </div>
+        <div className="span6">
+          <FeaturedContentItem name="four" />
+        </div>
       </div>
     </section>);
   }