1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-23 01:39:36 +01:00

Add 23vivi landing page

This commit is contained in:
Brett Sun 2015-12-03 12:41:27 +01:00
parent 0084dbb8e4
commit cec652551e
2 changed files with 113 additions and 0 deletions

View File

@ -0,0 +1,78 @@
'use strict';
import React from 'react';
import Button from 'react-bootstrap/lib/Button';
import LinkContainer from 'react-router-bootstrap/lib/LinkContainer';
import WhitelabelActions from '../../../../../actions/whitelabel_actions';
import WhitelabelStore from '../../../../../stores/whitelabel_store';
import { mergeOptions } from '../../../../../utils/general_utils';
import { getLangText } from '../../../../../utils/lang_utils';
import { setDocumentTitle } from '../../../../../utils/dom_utils';
let Vivi23Landing = React.createClass({
getInitialState() {
return WhitelabelStore.getState();
},
componentWillMount() {
setDocumentTitle('23vivi Marketplace');
},
componentDidMount() {
WhitelabelStore.listen(this.onChange);
WhitelabelActions.fetchWhitelabel();
},
componentWillUnmount() {
WhitelabelStore.unlisten(this.onChange);
},
onChange(state) {
this.setState(state);
},
render() {
return (
<div className="container ascribe-form-wrapper vivi23-landing">
<div className="row">
<div className="col-xs-12">
<div className="row vivi23-landing--header">
<img className="vivi23-landing--header-logo" src={this.state.whitelabel.logo} />
<div>
{getLangText('Artwork from the 23vivi Marketplace is powered by') + ' '}
<span className="icon-ascribe-logo" />
</div>
</div>
<div className="row vivi23-landing--content">
<div className="col-sm-6">
<p>
{getLangText('Existing ascribe user?')}
</p>
<LinkContainer to="/login">
<Button>
{getLangText('Log in')}
</Button>
</LinkContainer>
</div>
<div className="col-sm-6">
<p>
{getLangText('Do you need an account?')}
</p>
<LinkContainer to="/signup">
<Button>
{getLangText('Sign up')}
</Button>
</LinkContainer>
</div>
</div>
</div>
</div>
</div>
);
}
});
export default Vivi23Landing;

View File

@ -10,6 +10,41 @@ $vivi23--highlight-color: #de2600;
.client--23vivi { .client--23vivi {
/** Landing page **/
.route--landing {
display: table;
> .container {
display: table-cell;
padding-bottom: 100px;
vertical-align: middle;
}
.vivi23-landing {
font-weight: normal;
text-align: center;
}
.vivi23-landing--header {
background-color: $vivi23--fg-color;
border: 1px solid $vivi23--fg-color;
color: $vivi23--bg-color;
padding: 2em;
.vivi23-landing--header-logo {
margin-top: 1em;
margin-bottom: 2em;
height: 75px;
}
}
.vivi23-landing--content {
border: 1px solid darken($vivi23--bg-color, 20%);
border-top: none;
padding: 2em;
}
}
/** Navbar **/ /** Navbar **/
.navbar-default { .navbar-default {
background-color: $vivi23--nav-fg-prim-color; background-color: $vivi23--nav-fg-prim-color;