| import React, { Component } from 'react'; |
| |
| export default class Home extends Component { |
| render () { |
| return ( |
| <div id='homepage-container'> |
| |
| <div id='main-masthead' className='ui masthead center aligned brown inverted vertical segment'> |
| <h1 className='ui header'>Tap</h1> |
| <h2 className='ui header'>Registration and Visualization Portal</h2> |
| </div> |
| |
| <div className="ui container"> |
| |
| <div className="ui center aligned vertical very padded basic page segment"> |
| |
| <div className="ui large header">How It Works</div> |
| |
| <div className="ui center aligned equal width stackable grid"> |
| |
| <div className="stackable column"> |
| <i className="huge red code icon"></i> |
| <div className="ui medium header">1. Register your app</div> |
| </div> |
| |
| <div className="stackable column"> |
| <i className="huge green record icon"></i> |
| <div className="ui medium header">2. Instrument your app</div> |
| </div> |
| |
| <div className="stackable column"> |
| <i className="huge blue bar chart icon"></i> |
| <div className="ui medium header">3. See your results</div> |
| </div> |
| |
| </div> |
| |
| </div> |
| |
| <div className="ui divider"></div> |
| |
| <div className="ui center aligned vertical very padded basic page segment"> |
| |
| <div className="ui large header">Deploying Tap</div> |
| |
| <p> |
| Tap is a React app driven by a Django back end. |
| </p> |
| |
| </div> |
| |
| <div className="ui divider"></div> |
| |
| <div className="ui center aligned vertical very padded basic page segment"> |
| |
| <div className="ui large header">About Tap</div> |
| |
| <p> |
| Tap is developed at <a href="http://www.draper.com">Draper</a> as part of the Software as a Sensor™ suite of products. |
| <br></br> |
| It's released under the Apache v2.0 License. |
| </p> |
| |
| </div> |
| |
| </div> |
| |
| |
| </div> |
| ); |
| } |
| } |