Added yeoman image as default view.

This commit is contained in:
Chris
2015-09-10 14:53:32 +02:00
parent 4c7e9732af
commit d94724832e
5 changed files with 25 additions and 2 deletions
+1 -1
View File
@@ -11,7 +11,7 @@
"serve:dist": "node server.js --env=dist",
"dist": "npm run copy & webpack --env=dist",
"lint": "eslint ./src",
"copy": "copyfiles -f ./src/index.html ./dist",
"copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist",
"clean": "rimraf dist/*"
},
"repository": {
+4 -1
View File
@@ -3,11 +3,14 @@ require('styles/App.css');
import React from 'react/addons';
let yeomanImage = require('../images/yeoman.png');
class AppComponent extends React.Component {
render() {
return (
<div className="index">
Content
<img src={yeomanImage} alt="Yeoman Generator" />
<div className="notice">Please edit <code>src/components/Main.js</code> to get started!</div>
</div>
);
}
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

+20
View File
@@ -1 +1,21 @@
/* Base Application Styles */
body {
color: #fff;
background: #222;
}
.index img {
margin: 40px auto;
border-radius: 4px;
background: #fff;
display: block;
}
.index .notice {
margin: 20px auto;
padding: 15px 0;
text-align: center;
border: 1px solid #000;
border-width: 1px 0;
background: #666;
}