diff --git a/client/admin/admin.jsx b/client/admin/admin.jsx index 359c52d48..26710111a 100644 --- a/client/admin/admin.jsx +++ b/client/admin/admin.jsx @@ -26,6 +26,9 @@ var Admin = React.createClass({
+ + Link to Google Analytics +
diff --git a/client/naturalCrit/home/home.jsx b/client/naturalCrit/home/home.jsx new file mode 100644 index 000000000..6ed75d677 --- /dev/null +++ b/client/naturalCrit/home/home.jsx @@ -0,0 +1,45 @@ +var React = require('react'); +var _ = require('lodash'); +var cx = require('classnames'); + +var Icon = require('naturalCrit/icon.svg.jsx'); + +var Logo = require('naturalCrit/logo/logo.jsx'); + + +var HomebrewIcon = require('naturalCrit/homebrewIcon.svg.jsx'); +var CombatIcon = require('naturalCrit/combatIcon.svg.jsx'); + +var Home = React.createClass({ + + render : function(){ + var self = this; + return( +
+ + +
+ +

Tip-top tools for the discerning DM

+
+ +
+ +
+ +

The Homebrewery

+

Make authentic-looking 5e homebrews using just Markdown

+ +
+
+ +

Combat Manager

+

Easily create and manage complex encouters for your party

+
+
+
+ ); + } +}); + +module.exports = Home; diff --git a/client/naturalCrit/home/home.less b/client/naturalCrit/home/home.less new file mode 100644 index 000000000..9b1d01130 --- /dev/null +++ b/client/naturalCrit/home/home.less @@ -0,0 +1,58 @@ +.home{ + background-color: white; + + .top{ + text-align: center; + + .logo{ + font-size: 4em; + color : black; + svg{ + fill : black; + } + } + + p{ + margin-top: 15px; + font-size: 1.5em; + font-style: italic; + color : @grey; + } + } + + .tools{ + + .toolContainer{ + display: inline-block; + width : 500px; + cursor : pointer; + + border-right : 5px solid @silver; + + padding : 40px; + + svg{ + + &:hover{ + path, line, polyline, circle, rect, polygon{ + + stroke-dashoffset : 0px; + } + } + + path, line, polyline, circle, rect, polygon { + + + stroke-dasharray : 300px; + stroke-dashoffset : 300px; + + .animateAll(1s); + } + + + } + + } + } + +} \ No newline at end of file diff --git a/client/naturalCrit/logo.svg.jsx b/client/naturalCrit/logo.svg.jsx new file mode 100644 index 000000000..e69de29bb diff --git a/client/naturalCrit/naturalCrit.jsx b/client/naturalCrit/naturalCrit.jsx index d46bd95d6..1d4c44c2a 100644 --- a/client/naturalCrit/naturalCrit.jsx +++ b/client/naturalCrit/naturalCrit.jsx @@ -3,13 +3,15 @@ var _ = require('lodash'); var cx = require('classnames'); var CreateRouter = require('pico-router').createRouter; +var Home = require('./home/home.jsx'); var CombatManager = require('./combatManager/combatManager.jsx'); //var Homebrew = require('./homebrew/homebrew.jsx'); var Router = CreateRouter({ - '/' : , + '/' : , '/combat' : , + //'/homebrew' : , }); diff --git a/client/template.dot b/client/template.dot index c9ae73daf..3dd85b42f 100644 --- a/client/template.dot +++ b/client/template.dot @@ -7,7 +7,7 @@ {{=vitreum.css}} {{=vitreum.globals}} - Natural Crit - D&D Combat Manager + Natural Crit - D&D Tools
{{=vitreum.component}}
@@ -15,4 +15,16 @@ {{=vitreum.libs}} {{=vitreum.js}} {{=vitreum.reactRender}} + + {{? vitreum.inProduction}} + + {{?}} diff --git a/shared/naturalCrit/combatIcon.svg.jsx b/shared/naturalCrit/combatIcon.svg.jsx new file mode 100644 index 000000000..dcbc0a261 --- /dev/null +++ b/shared/naturalCrit/combatIcon.svg.jsx @@ -0,0 +1,9 @@ +var React = require('react'); + +var Logo = React.createClass({ + render : function(){ + return + } +}); + +module.exports = Logo; diff --git a/shared/naturalCrit/homebrewIcon.svg.jsx b/shared/naturalCrit/homebrewIcon.svg.jsx new file mode 100644 index 000000000..3892018dd --- /dev/null +++ b/shared/naturalCrit/homebrewIcon.svg.jsx @@ -0,0 +1,13 @@ +var React = require('react'); + +var Logo = React.createClass({ + render : function(){ + return + + + + + } +}); + +module.exports = Logo; diff --git a/shared/naturalCrit/icon.svg.jsx b/shared/naturalCrit/icon.svg.jsx new file mode 100644 index 000000000..7aa16bc5f --- /dev/null +++ b/shared/naturalCrit/icon.svg.jsx @@ -0,0 +1,9 @@ +var React = require('react'); + +var Logo = React.createClass({ + render : function(){ + return + } +}); + +module.exports = Logo; diff --git a/shared/naturalCrit/logo/logo.jsx b/shared/naturalCrit/logo/logo.jsx index 0be6136d4..e1ade03e4 100644 --- a/shared/naturalCrit/logo/logo.jsx +++ b/shared/naturalCrit/logo/logo.jsx @@ -1,14 +1,13 @@ var React = require('react'); +var Icon = require('naturalCrit/icon.svg.jsx'); var Logo = React.createClass({ render : function(){ return - - + NaturalCrit - } }); diff --git a/shared/naturalCrit/logo/logo.less b/shared/naturalCrit/logo/logo.less index 3a6d936d0..e6314947c 100644 --- a/shared/naturalCrit/logo/logo.less +++ b/shared/naturalCrit/logo/logo.less @@ -14,16 +14,16 @@ display: block; svg{ - vertical-align : middle; - height : 1em; + //vertical-align : middle; + height : 0.9em; margin-right : 0.2em; cursor : pointer; fill : white; } span.name{ - font-size: 0.9em; - line-height: 0.5em; + //font-size: 1em; + //line-height: 0.3em; font-family : 'CodeLight'; span.crit{ font-family : 'CodeBold';