Add Community Content section to home page

This commit is contained in:
Alex Liebowitz 2016-07-26 08:02:55 -04:00
parent 6f16b76bb3
commit 3d6e66a4bf

View file

@ -207,27 +207,55 @@ var FeaturedContentItem = React.createClass({
var featuredContentStyle = { var featuredContentStyle = {
width: '100%', width: '100%',
marginTop: '-8px', marginTop: '-8px',
}, featuredContentLegendStyle = {
fontSize: '12px',
color: '#aaa',
verticalAlign: '15%',
}; };
var FeaturedContent = React.createClass({ var FeaturedContent = React.createClass({
render: function() { render: function() {
return (<section style={featuredContentStyle}> 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="row-fluid">
<div className="span6"> <div className="span6">
<FeaturedContentItem name="what" /> <FeaturedContentItem name="what" />
</div> </div>
<div className="span6"> <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> </div>
<div className="row-fluid"> <div className="row-fluid">
<div className="span6"> <div className="span6">
<FeaturedContentItem name="keynesvhayek" /> <FeaturedContentItem name="keynesvhayek" />
</div> </div>
<div className="span6">
<FeaturedContentItem name="three" />
</div>
</div>
<div className="row-fluid">
<div className="span6"> <div className="span6">
<FeaturedContentItem name="meetlbry1" /> <FeaturedContentItem name="meetlbry1" />
</div> </div>
<div className="span6">
<FeaturedContentItem name="four" />
</div>
</div> </div>
</section>); </section>);
} }