ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-31 09:07:48 +01:00
Code Issues Releases Wiki Activity

more styling on the landing page

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-07-14 18:34:46 +02:00
parent ff64734545
commit e49b920318
5 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -27,6 +27,9 @@
<link rel="stylesheet" href="//brick.a.ssl.fastly.net/Source+Sans+Pro:400,600,700,900"> <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Source+Sans+Pro:400,600,700,900">
<link rel="stylesheet" href="<%= BASE_URL %>static/css/main.css"> <link rel="stylesheet" href="<%= BASE_URL %>static/css/main.css">
<link rel="stylesheet" href="<%= BASE_URL %>static/css/maps/main.css.map"> <link rel="stylesheet" href="<%= BASE_URL %>static/css/maps/main.css.map">
<!-- This is for sluice -->
<link href='http://fonts.googleapis.com/css?family=Nunito:400,700,300' rel='stylesheet' type='text/css'>
<script> <script>
window.BASE_URL = '<%= BASE_URL %>'; window.BASE_URL = '<%= BASE_URL %>';
window.SERVER_URL = '<%= SERVER_URL %>'; window.SERVER_URL = '<%= SERVER_URL %>';

3
js/components/whitelabel/prize/components/hero.js
View File

@ -11,8 +11,7 @@ let Hero = React.createClass({
<img <img
className="logo" src={constants.whitelabel.logo} className="logo" src={constants.whitelabel.logo}
alt="Sluice Art Prize" alt="Sluice Art Prize"
height="300px"/> height="200px"/>
<h1>Sluice Art Prize 2015</h1>
</div> </div>
); );
} }

12
js/components/whitelabel/prize/components/landing.js
View File

@ -14,13 +14,21 @@ let Landing = React.createClass({
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-xs-12 wp-landing-wrapper"> <div className="col-xs-12 wp-landing-wrapper">
<p></p> <h1>Sluice Art Prize 2015</h1>
<p>
This is the submission page for sluice art fair price 2015.
</p>
<ButtonGroup className="enter" bsSize="large" vertical block> <ButtonGroup className="enter" bsSize="large" vertical block>
<ButtonLink to="signup"> <ButtonLink to="signup">
Signup to the prize Signup to the prize
</ButtonLink> </ButtonLink>
Already a user? <Link to="login">log in</Link> <p>
or, already an ascribe user?
</p>
<ButtonLink to="login">
Login with ascribe
</ButtonLink>
</ButtonGroup> </ButtonGroup>
</div> </div>
</div> </div>

2
js/components/whitelabel/prize/components/login_container.js
View File

@ -12,7 +12,7 @@ let LoginContainer = React.createClass({
render() { render() {
return ( return (
<div className="ascribe-login-wrapper"> <div className="ascribe-login-wrapper">
<LoginForm headerMessage="Log in" /> <LoginForm headerMessage="Log in with ascribe" />
<div className="ascribe-login-text"> <div className="ascribe-login-text">
I'm not a user <Link to="signup">Sign up...</Link><br/> I'm not a user <Link to="signup">Sign up...</Link><br/>
I forgot my password <Link to="password_reset">Rescue me...</Link> I forgot my password <Link to="password_reset">Rescue me...</Link>

18
sass/whitelabel/prize/landing.scss
View File

@ -1,17 +1,33 @@
.wp { .wp {
background-color: #CCC; background-color: #FDFDFD;
height: 100%; height: 100%;
width: 100%; width: 100%;
font-family: 'Nunito', sans-serif;
font-weight: 300;
> .hero { > .hero {
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
> img {
margin-top: 5em;
margin-bottom: 5em;
}
} }
} }
.wp-landing-wrapper { .wp-landing-wrapper {
text-align: center; text-align: center;
> .enter {
margin-top: 2em;
> p {
margin-top: 2em;
}
}
} }