import React from 'react/dist/react'
const Icon = React.createClass({
render() {
return ( <h2 className="center brown-text"><i className="material-icons">{this.props.icon}</i></h2> )
}
});
const Section = React.createClass({
render() {
return ( <div className={"col " + this.props.size }>
<div className="icon-block">
<Icon icon={this.props.icon} />
<h5 className="center">{this.props.short}</h5>
<p className="light">{this.props.long}</p>
</div>
</div>
);
}
});
export default React.createClass({
render() {
return ( <div className="container">
<div className="section">
<div className="row">
{ ( () => {
let filtered = this.props.sections.filter(({noSection}) => !noSection);
const size = "m" + Math.floor(12/filtered.length);
return filtered.map( ({ name, desc, icon, id }) => {
import React from 'react/dist/react'
const Setting = React.createClass({
render() {
return ( <li><a className="white-text" href="#!">{this.props.link}</a></li> );
}
});
const Connection = React.createClass({
render() {
return ( <li><a className="white-text" href="#!">{this.props.link}</a></li> );
}
});
export default React.createClass({
render() {
return ( <footer className="page-footer teal">
<div className="container">
<div className="row">
<div className="col l6 s12">
<h5 className="white-text">Bio</h5>
<p className="grey-text text-lighten-4">{ this.props.bio }</p>
</div>
<div className="col l3 s12">
<h5 className="white-text">Settings</h5>
<ul>
{( () => {
return this.props.settings.map(({id,link,name}) => {
export default React.createClass({
componentDidMount() {
$('.parallax').parallax();
},
componentDidUpdate() {
$('.parallax').parallax();
},
classes() {
if(this.props.classes) {
return this.props.classes;
}
return "header center white-text text-lighten-2"
},
styles() {
return this.props.styles;
},
render() {
return (<div className="parallax-container">
<div className="section no-pad-bot">
<div className="container center">
<br></br>
<h1 className={this.classes()} style={this.styles()}>{ this.props.title }</h1>
<div className="row center">
<h5 className="header col s12 light">{ this.props.description }</h5>
</div>
{( () => {
if(this.props.signin) {
//return ( <GoogleSign /> );
}
else if(this.props.starting) {
return ( <div className="row center">
<a href="#" className="btn-large waves-effect waves-light teal lighten-1">{ this.props.starting }</a>
</div>
);
}
}) ()
}
<br></br>
</div>
</div>
<div className="parallax"><img src={this.props.img} alt="Unsplashed background img 1"></img></div>
</div>
);
}
})
import React from 'react/dist/react'
export default React.createClass({
render() {
return (<div className="container">
</div>
);
}
});