Adding a handful of likely necessary compontents

Clicking the button adds a card component but renders on
top of the rest of it all -- this should be fixed.

server/static/jsx/components/add_video.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import FloatingActionButton from 'material-ui/lib/floating-action-button';
+import Camera from 'material-ui/lib/svg-icons/image/camera'; 
+import Lift from './lift_card'
+
+const Add = React.createClass({
+        clickHandle() {
+            React.render(<Lift />, document.getElementById('app'));
+        },
+
+    render() {
+        var buttonStyle= {
+            marginLeft: '290px',
+            marginTop: '30px',
+            paddng: '50px'
+        }
+        return(
+          <FloatingActionButton style={buttonStyle} onClick={this.clickHandle}>
+               <Camera />
+          </FloatingActionButton>);
+      }
+});
+
+export default Add;

server/static/jsx/components/liftcard.jsx → server/static/jsx/components/lift_card.jsx

@@ -18,7 +18,8 @@ const Lift = React.createClass({
                  height: '300px',
                  paddng: '50px'
 
-             }
+             };
+
         return(
         <Card style={cardStyle}>
           <CardMedia overlay={<CardTitle title="I suck at squatting" subtitle="Ripp save me"/>}>

server/static/jsx/components/main.jsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import ThemeManager from 'material-ui/lib/styles/theme-manager';
-import LightRawTheme from 'material-ui/lib/styles/raw-themes/light-raw-theme';
+import DarkRawTheme from 'material-ui/lib/styles/raw-themes/dark-raw-theme';
 import Colors from 'material-ui/lib/styles/colors';
 import MenuItem from 'material-ui/lib/menus/menu-item';
-import Nav from './nav'
-import Lift from './liftcard'
+import Nav from './left_nav'
+import Add from './add_video'
+import Lift from './lift_card'
 
 const Main = React.createClass({
 
@@ -14,7 +15,7 @@ const Main = React.createClass({
 
   getInitialState() {
     return {
-      muiTheme: ThemeManager.getMuiTheme(LightRawTheme),
+      muiTheme: ThemeManager.getMuiTheme(DarkRawTheme),
     };
   },
 
@@ -36,8 +37,7 @@ const Main = React.createClass({
     return (
       <div>
         <Nav/>
-        <Lift/>
-        <Lift/>
+        <Add/>
       </div>
     );
   },