UX

README.md

@@ -3,11 +3,8 @@
 A dapp that allows for token issuance & management. The purpose for this at this point in time is to be nerdy & decentralized for MVP. Thus should be able to be run locally & remote or just through contracts.
 
 Contracts & Tests are borrowed from Tokens repo. Using Truffle (with Webpack).  
-See here on how to install this Truffle: https://github.com/ConsenSys/truffle/wiki/Using-Truffle-and-Webpack-(beta).  
-
 
 ```npm install```   
-(In here you will need to run "npm run prepublish" in reflux-tx node module to create the lib folder).  
 ```truffle serve```
 
 This code is licensed under MIT.

app/javascripts/frontpage.jsx

@@ -5,12 +5,17 @@ var FrontPage = React.createClass({
   render: function() {
     return (
       <div>
-        Welcome to token Factory.<br />
+        <h2 style={{textAlign: 'center'}}> Token Factory (Alpha) </h2>
+        <img width="200px" className="logo img-responsive center-block" src="./images/icon.png"></img>
         <br />
-        You can interact with any token system (that followed the standard APIs) & create tokens.<br />
+        <p style={{textAlign: "center"}}>
+        Issue & Interact with a Standard Token Contract on Ethereum. <br />
+      <br />
+        Best used in conjunction with <a href="http://metamask.io/">Metamask.</a><br />
         <br />
-        <Link to={'/tokensearch'}>Interact with a Token System</Link> <br />
+        <Link to={'/tokensearch'}>Interact with an already deployed Token Contract</Link> <br />
         <Link to={'/factory'}>Create Tokens</Link> <br />
+        </p>
       </div>
     );
   }

app/javascripts/main.jsx

@@ -20,7 +20,7 @@ import TokenPage from "./tokenpage.jsx";
 import TokenSearchPage from "./tokensearchpage.jsx";
 require('bootstrap-webpack!./bootstrap.config.js');
 var $ = require('jquery');
-console.log($);
+//console.log($);
 
 
 //feels like webpack anti-pattern??

app/javascripts/navbar.jsx

@@ -6,7 +6,7 @@ var NavBar = React.createClass({
   render: function() {
     return (
       <div>
-        <nav className="navbar navbar-default navbar-fixed-top">
+        <nav style={{}} className="navbar navbar-default navbar-fixed-top">
           <div className="container-fluid">
             <div className="navbar-header">
               <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
@@ -15,8 +15,8 @@ var NavBar = React.createClass({
                 <span className="icon-bar"></span>
                 <span className="icon-bar"></span>
               </button>
-              <a className="navbar-brand" href="#">Factory</a>
-              <p className="navbar-text">Block Number: {this.props.blockNumber}</p>
+              <a className="navbar-brand" href="#"><img height="25px" src="./images/icon.png"></img></a>
+              <p className="navbar-text" style={{textDecoration: 'underline'}}>Block Number: {this.props.blockNumber}</p>
             </div>
 
             <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

package.json

@@ -44,11 +44,6 @@
       "name": "Simon de la Rouviere",
       "email": "[email protected]",
       "url": "https://github.com/simondlr"
-    },
-    {
-      "name": "Marian Oancea",
-      "email": "[email protected]",
-      "url": "https://github.com/cubedro"
     }
   ]
 }