made profile Url optional, Updated styles.

Author: piotrromanowski

CONTRIBUTING.md

@@ -0,0 +1,22 @@
+## Prerequisites
+
+[Node.js](http://nodejs.org/) must be installed.
+
+## Installation
+
+* Running `npm install` in the components's root directory will install everything you need for development.
+
+## Demo Development Server
+
+* `npm start` will run a development server with the component's demo app at [http://localhost:3000](http://localhost:3000) with hot module reloading.
+
+## Running Tests
+
+* `npm test` will run the tests once.
+* `npm run test:watch` will run the tests on every change.
+
+## Building
+
+* `npm run build` will build the component for publishing to npm and also bundle the demo app.
+
+* `npm run clean` will delete built resources.

demo/src/index.js

@@ -51,7 +51,7 @@ let Demo = React.createClass({
 
     return (<div>
       <h1>react-github-activity Demo</h1>
-      <Component events={eventList} fullName='Piotr Romanowski' userName='piotrromanowski' avatarUrl='https://avatars0.githubusercontent.com/u/5794815?v=3&s=460' profileUrl='https://github.com/piotrromanowski'/>
+      <Component events={eventList} fullName='Piotr Romanowski' userName='piotrromanowski' avatarUrl='https://avatars0.githubusercontent.com/u/5794815?v=3&s=460'/>
     </div>);
   }
 })

src/head/profileDetails.js

@@ -1,14 +1,15 @@
 import React from 'react';
 
 export default (props) => {
+    const profileUrl = props.profileUrl ? props.profileUrl : `https://github.com/${props.userName}`
     return (
-      <a href={ props.profileUrl } style={ props.styles.githubProfile }>
+      <a href={ profileUrl } style={ props.styles.githubProfile }>
         <div style={ props.styles.githubFullname }>
             { props.fullName }
         </div>
         <div style={ props.styles.githubUsername }>
             { props.userName }
         </div>
       </a>
-    );  
+    );
 }

src/index.js

@@ -9,7 +9,7 @@ export default class GithubFeed extends Component {
       fullName: PropTypes.string.isRequired,
       userName: PropTypes.string.isRequired,
       avatarUrl: PropTypes.string.isRequired,
-      profileUrl: PropTypes.string.isRequired,
+      profileUrl: PropTypes.string,
       events: PropTypes.array.isRequired
     }
 

src/styles.js

@@ -7,8 +7,8 @@ export const styles = {
     'minHeight': '200px',
     'width': 'inherit',
     'minWidth': '500px',
-    'font-family': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif',
-    'font-size': '1rem',
+    'fontFamily': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif',
+    'fontSize': '1rem',
     'color': '#373a3c'
   },
   githubHeaderOuter: {