Fix titles to posts

This commit is contained in:
Kyle Mathews 2015-07-22 13:27:21 -07:00
parent 2286041789
commit a896447db1
3 changed files with 36 additions and 24 deletions

View file

@ -1,15 +1,23 @@
React = require 'react'
Typography = require 'typography'
DocumentTitle = require 'react-document-title'
typography = new Typography()
{TypographyStyle} = typography
module.exports = React.createClass
getDefaultProps: ->
title: "Default title"
body: ""
render: ->
title = DocumentTitle.rewind()
if @props.title then title = @props.title
if __GH_PAGES__? and __GH_PAGES__
urlPrefix = @props.config.ghPagesURLPrefix
else
urlPrefix = ""
<html lang="en">
<head>
<meta charSet="utf-8"/>
@ -36,6 +44,6 @@ module.exports = React.createClass
</head>
<body className="landing-page">
<div id="react-mount" dangerouslySetInnerHTML={{__html: @props.body}} />
<script src="/bundle.js"/>
<script src={urlPrefix + "/bundle.js"}/>
</body>
</html>

View file

@ -2,6 +2,7 @@ React = require 'react'
Router = require 'react-router'
{RouteHandler, Link} = Router
sortBy = require 'lodash/collection/sortBy'
DocumentTitle = require 'react-document-title'
{link} = require 'gatsby-helpers'
module.exports = React.createClass
@ -26,6 +27,7 @@ module.exports = React.createClass
</li>
)
<DocumentTitle title="#{@props.config.blogTitle}">
<div>
<p
style={{
@ -48,3 +50,4 @@ module.exports = React.createClass
{pageLinks}
</ul>
</div>
</DocumentTitle>

View file

@ -2,6 +2,7 @@ React = require 'react'
require '../css/zenburn.css'
moment = require 'moment'
DocumentTitle = require 'react-document-title'
{link} = require 'gatsby-helpers'
ReadNext = require '../components/ReadNext'
@ -12,7 +13,7 @@ module.exports = React.createClass
{rhythm} = @props.typography
post = @props.page.data
<DocumentTitle title="Name of blog | #{post.title}">
<DocumentTitle title="#{post.title} | #{@props.config.blogTitle}">
<div className="markdown">
<h1>{post.title}</h1>
<div dangerouslySetInnerHTML={{__html: post.body}}/>
@ -32,7 +33,7 @@ module.exports = React.createClass
<ReadNext post={post} {...@props}/>
<p>
<img
src="/kyle-round-small-pantheon.jpg"
src={link("/kyle-round-small-pantheon.jpg")}
style={{
float: 'left'
marginRight: rhythm(1/4)