         { @props.pages.map (page, key) =>
             <a href={'/#/'+page.name} className="main-header-item" key={key}>{page.name}</a>
         }
-
+        <Login></Login>
       </nav>
 
       <div className="main-header-group"></div>

# @cjsx React.DOM

React = require 'react'
# LoadingIndicator = require '../components/loading-indicator'
# MainNav = require './main-nav'
# AccountBar = require './account-bar'


  render: ->
    <header classNameim="main-header">

      <nav className="main-nav main-header-group">
        <a href="/" root={true} className="main-header-item logo">&nbsp; Scribe 2.0</a>
        <a href="/#/mark" className="main-header-item">Mark</a>
