Basics are in place
This commit is contained in:
commit
ece83848ab
17 changed files with 466 additions and 0 deletions
41
html.cjsx
Normal file
41
html.cjsx
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
React = require 'react'
|
||||
Typography = require 'typography'
|
||||
|
||||
typography = new Typography()
|
||||
{TypographyStyle} = typography
|
||||
|
||||
module.exports = React.createClass
|
||||
getDefaultProps: ->
|
||||
title: "Default title"
|
||||
body: ""
|
||||
|
||||
render: ->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charSet="utf-8"/>
|
||||
<meta httpEquiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta name='viewport' content='user-scalable=no width=device-width, initial-scale=1.0 maximum-scale=1.0'/>
|
||||
<title>{@props.title}</title>
|
||||
<link rel="shortcut icon" href={@props.favicon}/>
|
||||
<TypographyStyle/>
|
||||
<style dangerouslySetInnerHTML={{__html: """
|
||||
body {
|
||||
color: rgb(66,66,66);
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: rgb(44,44,44);
|
||||
}
|
||||
a {
|
||||
color: rgb(42,93,173);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
"""}}/>
|
||||
</head>
|
||||
<body className="landing-page">
|
||||
<div id="react-mount" dangerouslySetInnerHTML={{__html: @props.body}} />
|
||||
<script src="/bundle.js"/>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue