styling

js/app.js

@@ -41,7 +41,7 @@ class AppGateway {
         try {
             settings = getSubdomainSettings(subdomain);
             appConstants.whitelabel = settings;
-            this.load('prize');
+            this.load(settings.type);
         } catch(err) {
             // if there are no matching subdomains, we're routing
             // to the default frontend

js/components/whitelabel/prize/app.js

@@ -20,7 +20,7 @@ let PrizeApp = React.createClass({
         }
 
         return (
-            <div className="whitelabel-prize">
+            <div className="wp">
                 <Hero />
                 {header}
                 <RouteHandler />

js/components/whitelabel/prize/components/hero.js

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

js/components/whitelabel/prize/components/landing.js

@@ -11,8 +11,10 @@ let Link = Router.Link;
 let Landing = React.createClass({
     render() {
         return (
-            <div>
             <div className="container">
+                <div className="row">
+                    <div className="col-xs-12 wp-landing-wrapper">
+                        <p></p>
                         <ButtonGroup className="enter" bsSize="large" vertical block>
                             <ButtonLink to="signup">
                                 Signup to the prize
@@ -22,6 +24,7 @@ let Landing = React.createClass({
                         </ButtonGroup>
                     </div>
                 </div>
+            </div>
         );
     }
 });

js/constants/application_constants.js

@@ -18,28 +18,32 @@ let constants = {
             'subdomain': 'cc',
             'name': 'Creative Commons France',
             'logo': 'https://s3-us-west-2.amazonaws.com/ascribe0/public/creativecommons/cc.logo.sm.png',
-            'permissions': ['register', 'edit', 'share', 'del_from_collection']
+            'permissions': ['register', 'edit', 'share', 'del_from_collection'],
+            'type': 'wallet'
         },
         {
             'user': 22,
             'subdomain': 'cc-staging',
             'name': 'Creative Commons France',
             'logo': 'https://s3-us-west-2.amazonaws.com/ascribe0/public/creativecommons/cc.logo.sm.png',
-            'permissions': ['register', 'edit', 'share', 'del_from_collection']
+            'permissions': ['register', 'edit', 'share', 'del_from_collection'],
+            'type': 'wallet'
         },
         {
             'user': 1,
             'subdomain': 'sluice',
             'name': 'Sluice Art Fair',
-            'logo': 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/sluice/logo.jpeg',
-            'permissions': ['register', 'edit', 'share', 'del_from_collection']
+            'logo': 'http://sluice.info/images/logo.gif',
+            'permissions': ['register', 'edit', 'share', 'del_from_collection'],
+            'type': 'prize'
         },
         {
             'user': 1,
             'subdomain': 'sluice-staging',
             'name': 'Sluice Art Fair',
             'logo': 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/sluice/logo.jpeg',
-            'permissions': ['register', 'edit', 'share', 'del_from_collection']
+            'permissions': ['register', 'edit', 'share', 'del_from_collection'],
+            'type': 'prize'
         }
     ],
 

js/routes.js

@@ -39,7 +39,7 @@ const COMMON_ROUTES = (
 
 function getRoutes(type) {
     let routes = null;
-    console.log(type)
+
     if (type === 'prize') {
         routes = getPrizeRoutes(COMMON_ROUTES);
     } else {

sass/whitelabel/prize/landing.scss

@@ -1,16 +1,17 @@
-.whitelabel-prize {
-    .hero {
+.wp {
+    background-color: #CCC;
+
+    height: 100%;
+    width: 100%;
+
+    > .hero {
         overflow: hidden;
-
-        .logo {
-            float: left;
-            padding-right: 2em;
+        text-align: center;
     }
 }
 
-    .enter {
-
-    }
+.wp-landing-wrapper {
+    text-align: center;
 }