-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #27 from arielclj/master
Refinement of UI
- Loading branch information
Showing
14 changed files
with
202 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,13 +1,42 @@ | ||
| .Home .lander { | ||
| z-index: 99999; | ||
| padding: 80px 0; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .Home .lander h1 { | ||
| z-index: 99999; | ||
| font-family: "Open Sans", sans-serif; | ||
| font-weight: 600; | ||
| } | ||
|
|
||
| .Home .lander p { | ||
| z-index: 99999; | ||
| color: #999; | ||
| } | ||
| } | ||
|
|
||
| /* to replace background image | ||
| .Home { | ||
| background: url("../components/images.jpg") no-repeat center center fixed; | ||
| background-size:cover; | ||
| -webkit-background-size:cover; | ||
| -moz-background-size:cover; | ||
| -o-background-size:cover; | ||
| min-width:100vw; | ||
| min-height:100vh; | ||
| } */ | ||
|
|
||
| body { | ||
| margin: 0; | ||
| padding: 0; | ||
| /* more styles */ | ||
| } | ||
|
|
||
| .particles { | ||
| position: fixed; | ||
| right: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| left: 0; | ||
| z-index: -1; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,27 +1,36 @@ | ||
| import React, {Component} from "react"; | ||
| import Button from '@material-ui/core/Button'; | ||
| import history from '../history'; | ||
| import React, { Component } from "react"; | ||
| import "./Home.css"; | ||
| import Particles from 'react-particles-js'; | ||
|
|
||
| const particlesOptions = { | ||
| "particles": { | ||
| "line_linked": { | ||
| "enable": true, | ||
| "color": "#615555", | ||
| "width": 0.5 | ||
|
|
||
| }, | ||
| "color": { value: "#000000" }, | ||
| "number": { | ||
| "value": 50 | ||
| }, | ||
| "size": { "value": 3 }, | ||
|
|
||
| } | ||
| }; | ||
|
|
||
| export default class Home extends Component { | ||
| render() { | ||
| return ( | ||
| <div className ="Home"> | ||
|
|
||
| <div className="Home"> | ||
| <div className="lander"> | ||
| <Particles className="particles" params={particlesOptions} /> | ||
| <h1>Predictions</h1> | ||
| <p>Select from models below</p> | ||
| <form> | ||
|
|
||
| <Button variant="contained" color="primary" onClick={() => history.push('/ImageClassification')}>Image Classification</Button><br/><br/> | ||
| <Button variant="contained" color="primary" onClick={() => history.push('/QuestionAnswering')}>Question Answering</Button><br/><br/> | ||
| <Button variant="contained" color="primary" onClick={() => history.push('/PosTagging')}>Pos Tagging</Button><br/><br/> | ||
| <Button variant="contained" color="primary" onClick={() => history.push('/TabularClassification')}>Tabular Classification</Button><br/><br/> | ||
| <Button variant="contained" color="primary" onClick={() => history.push('/TabularRegression')}>Tabular Regression</Button><br/><br/> | ||
| <Button variant="contained" color="primary" onClick={() => history.push('/SpeechRecognition')}>Speech Recognition</Button><br/><br/> | ||
| <Button variant="contained" color="primary" onClick={() => history.push('/ObjectDetection')}>Object Detection</Button> | ||
| </form> | ||
| <p>To insert a brief description of Singa-Easy Models and objective of application</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| ); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| import React from 'react'; | ||
| import Link from '@material-ui/core/Link'; | ||
| import Breadcrumbs from '@material-ui/core/Breadcrumbs'; | ||
| import history from '../history'; | ||
|
|
||
| function handleClick(e) { | ||
| console.info('Breadcrumb clicked'); | ||
| history.push(Link.href) | ||
| } | ||
|
|
||
| const Header = () => { | ||
| return ( | ||
| <Breadcrumbs aria-label="breadcrumb"> | ||
| <nav> | ||
| <Link href="/" onClick={handleClick}color ="inherit">Home</Link> | ||
| {" | "} | ||
| <Link href="/ImageClassification" onClick={handleClick}color ="inherit">Image Classification</Link> | ||
| {" | "} | ||
| <Link href="/QuestionAnswering" onClick={handleClick}color ="inherit">Question Answering</Link> | ||
| {" | "} | ||
| <Link href="/PosTagging" onClick={handleClick}color ="inherit">POS Tagging</Link> | ||
| {" | "} | ||
| <Link href="/TabularClassification" onClick={handleClick}color ="inherit">Tabular Classification</Link> | ||
| {" | "} | ||
| <Link href="/TabularRegression" onClick={handleClick}color ="inherit">Tabular Regression</Link> | ||
| {" | "} | ||
| <Link href="/SpeechRecognition" onClick={handleClick}color ="inherit">Speech Recognition</Link> | ||
| {" | "} | ||
| <Link href="/ObjectDetection" onClick={handleClick}color ="inherit">Object Detection</Link> | ||
| </nav> | ||
| </Breadcrumbs> | ||
| ); | ||
| }; | ||
|
|
||
| export default Header; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| import React from 'react' | ||
| import AppBar from '@material-ui/core/AppBar' | ||
| import Toolbar from '@material-ui/core/Toolbar' | ||
| import Typography from '@material-ui/core/Typography' | ||
|
|
||
| const NavBar = () => { | ||
| return( | ||
| <div> | ||
| <AppBar position = "static"> | ||
| <Toolbar> | ||
| <Typography variant = "title" color="inherit"> | ||
| Singa-Easy Prediction Models | ||
| </Typography> | ||
| </Toolbar> | ||
| </AppBar> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default NavBar; |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters