content: import React from 'react';
  import ReactDOM from 'react-dom';
  import { Provider } from 'react-redux';
  import { createStore, applyMiddleware } from 'redux';
  import ReduxThunk from 'redux-thunk';
  import { Router, Route, IndexRoute, hashHistory } from 'react-router';
  
  import App from './components/app';
  import CharacterSelect from './components/characterSelect/index';
  import Login from './components/login/index';
  import Register from './components/register/index';
  import Logout from './components/logout/index';
  import CharacterDetails from './components/characterDetails/index';
  import CharacterDetails2 from './components/characterDetails/index.1';
  import ComicDetails from './components/comicDetails/index';
  import reducers from './reducers';
  
  require('../css/app.scss');
  require('../css/bootstrap/bootstrap.scss');
  require('../css/bootstrap/fontawesome/font-awesome.scss');
  require('../css/bootstrap/landing-page.scss');
  require('../html/index.html');
  
  const createStoreWithMiddleware = applyMiddleware(ReduxThunk)(createStore);
  
  ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}>
      <Router history={hashHistory}>
        <Route path="/" component={App}>
          <IndexRoute component={CharacterSelect} />
          <Route path="/login" component={Login} />
          <Route path="/register" component={Register} />
          <Route path="/logout" component={Logout} />
          <Route path="/character1/:characterId" component={CharacterDetails} />
          <Route path="/character2/:characterId" component={CharacterDetails2} />
          <Route path="/comic/:comicId" component={ComicDetails} />
        </Route>
      </Router>
    </Provider>
    , document.querySelector('#container'),
  );
  