f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-13 06:32:39 +00:00
Code Wiki Activity

Starting on the brew card

Browse Source
This commit is contained in:
Scott Tolksdorf
2017-05-29 23:39:59 -04:00
parent fa203047da
commit 380bbd661f
17 changed files with 137 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/homebrew/homebrew.jsx
View File

@@ -60,7 +60,7 @@ const Homebrew = React.createClass({
'/test_old' : <SharePage />,
'*' : <HomePage />,
'*' : <HomePage brews={this.props.brews}/>,
});
},
render : function(){

80
client/homebrew/pages/homePage/homePage.jsx
View File

@@ -7,8 +7,8 @@ const Navbar = require('../../navbar/navbar.jsx');
const NavItem = require('../../navbar/navitems.js');
const BrewInterface = require('homebrewery/brewInterface/brewInterface.jsx');
//const BrewInterface = require('homebrewery/brewInterface/brewInterface.jsx');
const BrewCard = require('homebrewery/brewCard/brewCard.jsx');
//const Actions = require('homebrewery/brew.actions.js');
@@ -38,6 +38,46 @@ const HomePage = React.createClass({
</Navbar>
},
renderNavigation : function(){
return <div className='navigation'>
<p>
Effortlessly create Authnetic looking D&D homebrews with just text
</p>
<div>
<a className='button new' target='_blank' href='/new'>
<i className='fa fa-magic' />
<h3>New</h3>
<p>This is some sample text</p>
</a>
<a className='button search' target='_blank' href='/search'>
<i className='fa fa-search' />
<h3>Search</h3>
<p>This is some sample text</p>
</a>
</div>
<div>
<a className='button docs' target='_blank' href='/docs'>
<i className='fa fa-book' />
<h3>Docs</h3>
<p>This is some sample text</p>
</a>
<a className='button account' target='_blank' href='/account'>
<i className='fa fa-user' />
<h3>Account</h3>
<p>This is some sample text</p>
</a>
</div>
</div>
},
renderTopBrews : function(){
return <div className='topBrews'>
{_.map(this.props.brews, (brew)=><BrewCard brew={brew} key={brew._id}/>)}
</div>
},
render : function(){
return <div className='homePage page'>
{this.renderNavbar()}
@@ -47,40 +87,8 @@ const HomePage = React.createClass({
<h1>The Homebrewery</h1>
</div>
<div className='buttons'>
<p>
Effortlessly create Authnetic looking D&D homebrews with just text
</p>
<div>
<a className='button new' target='_blank' href='/new'>
<i className='fa fa-magic' />
<h3>New</h3>
<p>This is some sample text</p>
</a>
<a className='button search' target='_blank' href='/search'>
<i className='fa fa-search' />
<h3>Search</h3>
<p>This is some sample text</p>
</a>
</div>
<div>
<a className='button docs' target='_blank' href='/docs'>
<i className='fa fa-book' />
<h3>Docs</h3>
<p>This is some sample text</p>
</a>
<a className='button account' target='_blank' href='/account'>
<i className='fa fa-user' />
<h3>Account</h3>
<p>This is some sample text</p>
</a>
</div>
</div>
<div className='topBrews'>
topBrews
</div>
{this.renderNavigation()}
{this.renderTopBrews()}
</div>
</div>
}

2
client/homebrew/pages/homePage/homePage.less
View File

@@ -16,7 +16,7 @@
text-align : center;
}
}
.buttons{
.navigation{
padding : 30px;
background-image : url('/assets/homebrew/pages/homePage/dmg_bg.jpg');
text-align : center;