0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-03-22 11:08:10 +00:00

Good start on the homepage and added int eh google analytics code

This commit is contained in:
Scott Tolksdorf
2016-01-08 19:26:30 -05:00
parent 46186c0de2
commit 8e7a5fadec
11 changed files with 159 additions and 9 deletions

View File

@@ -26,6 +26,9 @@ var Admin = React.createClass({
</header>
<div className='container'>
<a target="_blank" href='https://www.google.com/analytics/web/?hl=en#report/defaultid/a72212009w109843310p114529111/'>Link to Google Analytics</a>
<HomebrewAdmin homebrews={this.props.homebrews} admin_key={this.props.admin_key} />
</div>

View File

@@ -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(
<div className='home'>
<div className='top'>
<Logo />
<p>Tip-top tools for the discerning DM</p>
</div>
<div className='tools'>
<div className='homebrew toolContainer' href='/homebrew'>
<HomebrewIcon />
<h2>The Homebrewery</h2>
<p>Make authentic-looking 5e homebrews using just <a href='https://help.github.com/articles/markdown-basics/'>Markdown</a></p>
</div>
<div className='combat toolContainer underConstruction'>
<CombatIcon />
<h2>Combat Manager</h2>
<p>Easily create and manage complex encouters for your party</p>
</div>
</div>
</div>
);
}
});
module.exports = Home;

View File

@@ -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);
}
}
}
}
}

View File

View File

@@ -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({
'/' : <CombatManager />,
'/' : <Home />,
'/combat' : <CombatManager />,
//'/homebrew' : <Homebrew />,
});

View File

@@ -7,7 +7,7 @@
<link rel="icon" href="/assets/naturalCrit/favicon.ico" type="image/x-icon" />
{{=vitreum.css}}
{{=vitreum.globals}}
<title>Natural Crit - D&D Combat Manager</title>
<title>Natural Crit - D&D Tools</title>
</head>
<body>
<div id="reactContainer">{{=vitreum.component}}</div>
@@ -15,4 +15,16 @@
{{=vitreum.libs}}
{{=vitreum.js}}
{{=vitreum.reactRender}}
{{? vitreum.inProduction}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-72212009-1', 'auto');
ga('send', 'pageview');
</script>
{{?}}
</html>