kanuku/gist:2fde7c330e7c3f1f65836075405fc32f

## gistfile1.md

      
    Raw
  

              gistfile1.md
            
          
    Index.html
<!DOCTYPE html>
<html lang="en">

<head>
  <title>Wolf team dashboard</title>
  <link rel="stylesheet" href="css/bundle.css" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/solid.css" integrity="sha384-VGP9aw4WtGH/uPAOseYxZ+Vz/vaTb1ehm1bwx92Fm8dTrE+3boLfF1SpAtB1z7HW" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/regular.css" integrity="sha384-ZlNfXjxAqKFWCwMwQFGhmMh3i89dWDnaFU2/VZg9CvsMGA7hXHQsPIqS+JIAmgEq" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/brands.css" integrity="sha384-rf1bqOAj3+pw6NqYrtaE1/4Se2NBwkIfeYbsFdtiR6TQz0acWiwJbv1IM/Nt/ite" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/fontawesome.css" integrity="sha384-1rquJLNOM3ijoueaaeS5m+McXPJCGdr5HcA03/VHXxcp2kX2sUrQDmFc3jR5i/C7" crossorigin="anonymous">


</head>

<body>
  <div id="app"></div>
  <script src="scripts/bundle.js"></script>
</body>

</html>

main.js
"use strict";

var React = require('react');
var Router = require('react-router');
var routes = require('./routes');

Router.run(routes, function(Handler) {
  React.render(<Handler/>, document.getElementById('app'));
});

routes.js
"use strict";

var React = require('react');
var Router = require('react-router');
var App = require('./components/app');
var Home = require('./components/homePage');
var Author = require('./components/authors/authorPage');
var Process = require('./components/processes/processPage');
var About = require('./components/about/aboutPage');
var DefaultRoute = Router.DefaultRoute;
var Route = Router.Route;

var routes = (
  <Route name="app" path="/" handler={App}>
    <DefaultRoute handler={Home}/>
    <Route path="/authors" name="authors" handler={Author}/>
    <Route path="/processes" name="processes" handler={Process}/>
    <Route path="/about" name="about" handler={About}/>
  </Route>
);

module.export = routes;


app.js
/* eslint-disable strict */ //Disabling the check because we can't run strict strict mode. Need global vars.

var React = require('react');
var Header = require('./common/header');
var Router = require('react-router');
$ = jQuery = require('jquery');

var App = React.createClass({
  render: function() {
    return ( //
        <div>
          <Header/>
          <div className="container-fluid">
            <Router.RouteHandler/>
          </div>
        </div>
    );
  }
});

module.exports = App;