waylon/gatsby-starter-blog-forestry
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix titles to posts

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

12
html.cjsx
View file

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

3
pages/index.cjsx
View file

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

5
wrappers/md.cjsx
View file

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