diff --git a/client/homebrew/pages/homePage/homePage.jsx b/client/homebrew/pages/homePage/homePage.jsx index c5cc591..ff99fc2 100644 --- a/client/homebrew/pages/homePage/homePage.jsx +++ b/client/homebrew/pages/homePage/homePage.jsx @@ -1,70 +1,74 @@ -var React = require('react'); -var _ = require('lodash'); -var cx = require('classnames'); - -var Nav = require('naturalcrit/nav/nav.jsx'); -var Navbar = require('../../navbar/navbar.jsx'); -var PatreonNavItem = require('../../navbar/patreon.navitem.jsx'); - - -var SplitPane = require('naturalcrit/splitPane/splitPane.jsx'); -var Editor = require('../../editor/editor.jsx'); -var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx'); - - - -var HomePage = React.createClass({ - getDefaultProps: function() { - return { - welcomeText : "" - }; - }, - getInitialState: function() { - return { - text: this.props.welcomeText - }; - }, - handleSplitMove : function(){ - this.refs.editor.update(); - }, - handleTextChange : function(text){ - this.setState({ - text : text - }); - }, - renderNavbar : function(){ - return - - - - report issue - - - Changelog - - - New Brew - - - - }, - - render : function(){ - return
- {this.renderNavbar()} - -
- - - - -
- - - Create your own - -
- } -}); - -module.exports = HomePage; +var React = require('react'); +var _ = require('lodash'); +var cx = require('classnames'); + +var Nav = require('naturalcrit/nav/nav.jsx'); +var Navbar = require('../../navbar/navbar.jsx'); +var PatreonNavItem = require('../../navbar/patreon.navitem.jsx'); + + +var SplitPane = require('naturalcrit/splitPane/splitPane.jsx'); +var Editor = require('../../editor/editor.jsx'); +var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx'); + + + +var HomePage = React.createClass({ + getDefaultProps: function() { + return { + welcomeText : "" + }; + }, + getInitialState: function() { + return { + text: this.props.welcomeText + }; + }, + handleSplitMove : function(){ + this.refs.editor.update(); + }, + handleTextChange : function(text){ + this.setState({ + text : text + }); + }, + renderNavbar : function(){ + return + + + + report issue + + + Changelog + + + New Brew + + + + }, + + render : function(){ + return
+ {this.renderNavbar()} + +
+ + + + +
+ +
+ Save current +
+ + + Create your own + +
+ } +}); + +module.exports = HomePage; diff --git a/client/homebrew/pages/homePage/homePage.less b/client/homebrew/pages/homePage/homePage.less index 6f49934..37b4122 100644 --- a/client/homebrew/pages/homePage/homePage.less +++ b/client/homebrew/pages/homePage/homePage.less @@ -1,21 +1,43 @@ - -.homePage{ - position : relative; - a.floatingNewButton{ - .animate(background-color); - position : absolute; - display : block; - right : 70px; - bottom : 70px; - z-index : 100; - padding : 1em; - background-color : @orange; - font-size : 1.5em; - color : white; - text-decoration : none; - box-shadow : 3px 3px 15px black; - &:hover{ - background-color : darken(@orange, 20%); - } - } +.homePage{ + position : relative; + a.floatingNewButton{ + .animate(background-color); + position : absolute; + display : block; + right : 70px; + bottom : 70px; + z-index : 100; + z-index : 5001; + padding : 1em; + background-color : @orange; + font-size : 1.5em; + color : white; + text-decoration : none; + box-shadow : 3px 3px 15px black; + &:hover{ + background-color : darken(@orange, 20%); + } + } + .floatingSaveButton{ + .animateAll(); + position : absolute; + display : block; + right : 200px; + bottom : 90px; + z-index : 100; + z-index : 5000; + padding : 0.8em; + cursor : pointer; + background-color : @blue; + font-size : 0.8em; + color : white; + text-decoration : none; + box-shadow : 3px 3px 15px black; + &:hover{ + background-color : darken(@blue, 20%); + } + &.show{ + right : 350px; + } + } } \ No newline at end of file