Add Community Content section to home page
This commit is contained in:
parent
6f16b76bb3
commit
3d6e66a4bf
1 changed files with 30 additions and 2 deletions
|
@ -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>);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue