Separate theme stuff into own folder.

dev/entry.coffee

@@ -1,7 +1,7 @@
 React = require 'react'
 Router = require 'react-router'
 Routes = require '../elements/Routes.coffee'
-require '../scss/main.scss'
+require '../theme/scss/main.scss'
 
 Router.run Routes, Router.HistoryLocation, (Handler) ->
-  React.render React.createElement(Handler, {}), document.body
+	React.render React.createElement(Handler, {}), document.body

dev/page.coffee

@@ -0,0 +1,9 @@
+React = require 'react'
+Router = require 'react-router'
+Routes = require '../elements/Routes.coffee'
+
+module.exports = (req) ->
+	html = undefined
+	Router.run Routes, req.url, (Handler) ->
+		html = React.renderToString(React.createElement(Handler, null))
+	html

dev/staticPage.coffee

@@ -0,0 +1,10 @@
+React = require 'react'
+Router = require 'react-router'
+css = require '../theme/scss/main.scss'
+Routes = require '../elements/Routes.coffee'
+
+module.exports = (url) ->
+	html = undefined
+	Router.run Routes, url, (Handler) ->
+		html = React.renderToStaticMarkup(React.createElement(Handler, null))
+	html

elements/Layout.coffee

@@ -1,8 +1,8 @@
-React = require('react')
-Nav = React.createFactory require('./Nav')
-Router = require('react-router')
+React = require 'react'
+Router = require 'react-router'
 RouteHandler = React.createFactory Router.RouteHandler
-Paths = require('./PathsMixin')
+ThemeBody = React.createFactory require '../theme/ThemeBody'
+Paths = require './PathsMixin'
 config = require '../config'
 
 { html, head, body, div, title, script, link, main, meta } = require 'react-coffee-elements'
@@ -19,8 +19,8 @@ module.exports = React.createClass
 			head {},
 				title "#{if pageTitle then pageTitle +  ' / ' else ''}#{config.siteName}"
 				meta
-					name:"viewport"
-					content:"width=device-width, initial-scale=1, maximum-scale=1, minimal-ui"
+					name:'viewport'
+					content:'width=device-width, initial-scale=1, maximum-scale=1, minimal-ui'
 				link
 					rel: 'alternate'
 					type: 'application/atom+xml'
@@ -31,10 +31,6 @@ module.exports = React.createClass
 						rel: 'stylesheet'
 						href: '/assets/main.css'
 			body {},
-				div { id: 'layout' },
-					Nav()
-					main { role: 'main' },
-						@props.children
-						RouteHandler()
+				ThemeBody {}, RouteHandler()
 				if process.env.NODE_ENV isnt 'production'
 					script src: '/main-bundle.js'

elements/Routes.coffee

@@ -5,7 +5,7 @@ NotFoundRoute = React.createFactory Router.NotFoundRoute
 DefaultRoute = React.createFactory Router.DefaultRoute
 RouteHandler = React.createFactory Router.RouteHandler
 Layout = require './Layout'
-Post = require './Post'
+Post = require '../theme/Post'
 DevIndex = require './DevIndex'
 _ = require 'lodash'
 paths = require '../paths'

pages/Blog.coffee

@@ -1,7 +1,7 @@
 React = require('react')
 Router = require('react-router')
 Link = React.createFactory Router.Link
-Moment = React.createFactory require('../elements/Moment')
+Moment = React.createFactory require('../theme/Moment')
 Paths = require('../elements/PathsMixin')
 # md = require '../posts/2015-02-14-first_post.md'
 _ = require('lodash')

pages/Index.coffee

@@ -1,8 +1,4 @@
 React = require('react')
-Router = require('react-router')
-Link = React.createFactory Router.Link
-Nav = React.createFactory require '../elements/Nav'
-Paths = require('../elements/PathsMixin')
 _ = require('lodash')
 
 { div, li, br, ul, h1, blockquote } = require 'react-coffee-elements'
@@ -11,11 +7,6 @@ module.exports = React.createClass
 
 	displayName: 'Index'
 
-	mixins: [
-		Router.State
-		Paths
-	]
-
 	render: ->
 		div {}, 'Index hey'
 

pages/Page.coffee

@@ -1,7 +1,7 @@
 React = require('react')
 Router = require('react-router')
 Link = React.createFactory Router.Link
-Moment = React.createFactory require('../elements/Moment')
+Moment = React.createFactory require('../theme/Moment')
 Paths = require('../elements/PathsMixin')
 _ = require('lodash')
 

pages/Theming.coffee

@@ -0,0 +1,14 @@
+React = require('react')
+_ = require('lodash')
+
+{ div, p, h1 } = require 'react-coffee-elements'
+
+module.exports = React.createClass
+
+	displayName: 'Theming'
+
+	render: ->
+		div {},
+			h1 'Theming'
+			p 'Theming in antwar is pretty simple. Three files are required: main.scss, ThemeBody and Post.'
+

elements/Nav.coffee → theme/Nav.coffee

@@ -1,6 +1,6 @@
-React = require('react')
-Router = require('react-router')
-PathsMixin = require('./PathsMixin.coffee');
+React = require 'react'
+Router = require 'react-router'
+PathsMixin = require '../elements/PathsMixin.coffee'
 Link = React.createFactory Router.Link
 _ = require 'lodash'
 

elements/Post.coffee → theme/Post.coffee

@@ -1,6 +1,6 @@
 React = require 'react'
 Moment = React.createFactory require './Moment'
-Paths = require './PathsMixin'
+Paths = require '../elements/PathsMixin'
 Router = require 'react-router'
 
 { div, span, header, h1 } = require 'react-coffee-elements'

theme/ThemeBody.coffee

@@ -0,0 +1,14 @@
+React = require 'react'
+Nav = React.createFactory require './Nav'
+
+{ div, main } = require 'react-coffee-elements'
+
+module.exports = React.createClass
+
+	displayName: 'ThemeBody'
+
+
+	render: ->
+		div { },
+			Nav()
+			main { role: 'main' }, @props.children

webpack.coffee

@@ -90,9 +90,9 @@ build =
 	name: 'server'
 	target: 'node'
 	entry:
-		bundlePage: './dev/page.jsx'
+		bundlePage: './dev/page.coffee'
 		bundleStaticRss: './dev/staticRss.coffee'
-		bundleStaticPage: './dev/staticPage.jsx'
+		bundleStaticPage: './dev/staticPage.coffee'
 		paths: './dev/exportPaths.coffee'
 	output:
 		path: __dirname + '/build'