From ad5956979841f7e800a5e4daa93fa2ee6acc182c Mon Sep 17 00:00:00 2001
From: Sandor Bereczki <bsandor453@gmail.com>
Date: Thu, 25 Jan 2018 19:38:30 +0100
Subject: [PATCH] minor changes 2
---
src/components/App.js | 3 +-
src/components/Main.js | 2 +-
src/components/Profile.js | 242 ++++++++++++++++++++++++++++++++++++++
3 files changed, 245 insertions(+), 2 deletions(-)
create mode 100644 src/components/Profile.js
diff --git a/src/components/App.js b/src/components/App.js
index 8c73409..cc988fb 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,11 +1,12 @@
import React from 'react';
import Header from './Header';
import Main from './Main';
+import Profile from './Profile'
const App = () => (
<div>
{/*<Header />*/}
- <Main />
+ <Profile />
</div>
);
diff --git a/src/components/Main.js b/src/components/Main.js
index 2653853..552be51 100644
--- a/src/components/Main.js
+++ b/src/components/Main.js
@@ -71,7 +71,7 @@ export default class HomepageLayout extends Component {
Schedule
</Menu.Item>
<Menu.Item position="right">
- <Button as="a" inverted>
+ <Button as="a" href='/api/v1/login/authsch/' inverted>
Log in
</Button>
</Menu.Item>
diff --git a/src/components/Profile.js b/src/components/Profile.js
new file mode 100644
index 0000000..d101d58
--- /dev/null
+++ b/src/components/Profile.js
@@ -0,0 +1,242 @@
+import React, { Component } from "react";
+import { NavLink } from "react-router-dom";
+import {
+ Button,
+ Container,
+ Divider,
+ Grid,
+ Header,
+ Icon,
+ Image,
+ List,
+ Menu,
+ Segment,
+ Visibility
+} from "semantic-ui-react";
+
+const FixedMenu = () => (
+ <Menu fixed="top" size="large">
+ <Container>
+ <Menu.Item as={NavLink} to="/home">
+ Home
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/roster">
+ Roster
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/schedule">
+ Schedule
+ </Menu.Item>
+ <Menu.Menu position="right">
+ <Menu.Item className="item">
+ <Button>Log in</Button>
+ </Menu.Item>
+ </Menu.Menu>
+ </Container>
+ </Menu>
+);
+
+export default class HomepageLayout extends Component {
+ state = {};
+
+ hideFixedMenu = () => this.setState({ visible: false });
+ showFixedMenu = () => this.setState({ visible: true });
+
+ render() {
+ const { visible } = this.state;
+
+ return (
+ <div>
+ {visible ? <FixedMenu /> : null}
+
+ <Visibility
+ onBottomPassed={this.showFixedMenu}
+ onBottomVisible={this.hideFixedMenu}
+ once={false}
+ >
+ <Segment
+ inverted
+ textAlign="center"
+ style={{ minHeight: 700, padding: "1em 0em" }}
+ vertical
+ >
+ <Container>
+ <Menu inverted pointing secondary size="large">
+ <Menu.Item as={NavLink} to="/home">
+ Home
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/roster">
+ Roster
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/schedule">
+ Schedule
+ </Menu.Item>
+ <Menu.Item position="right">
+ <Button as="a" inverted>
+ Log in
+ </Button>
+ </Menu.Item>
+ </Menu>
+ </Container>
+
+ <Container text>
+ <Header
+ as="h1"
+ content="Profil"
+ inverted
+ style={{
+ fontSize: "4em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "3em"
+ }}
+ />
+ <Header
+ as="h2"
+ content="Do whatever you want when you want to."
+ inverted
+ style={{ fontSize: "1.7em", fontWeight: "normal" }}
+ />
+ <Button primary size="huge">
+ Get Started
+ <Icon name="right arrow" />
+ </Button>
+ </Container>
+ </Segment>
+ </Visibility>
+
+ <Segment style={{ padding: "8em 0em" }} vertical>
+ <Grid container stackable verticalAlign="middle">
+ <Grid.Row>
+ <Grid.Column width={8}>
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ We Help Companies and Companions
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ We can give your company superpowers to do things that they
+ never thought possible. Let us delight your customers and
+ empower your needs... through pure data analytics.
+ </p>
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ We Make Bananas That Can Dance
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ Yes that's right, you thought it was the stuff of dreams, but
+ even bananas can be bioengineered.
+ </p>
+ </Grid.Column>
+ <Grid.Column floated="right" width={6}>
+ <Image
+ bordered
+ rounded
+ size="large"
+ src="/assets/images/wireframe/white-image.png"
+ />
+ </Grid.Column>
+ </Grid.Row>
+ <Grid.Row>
+ <Grid.Column textAlign="center">
+ <Button size="huge">Check Them Out</Button>
+ </Grid.Column>
+ </Grid.Row>
+ </Grid>
+ </Segment>
+
+ <Segment style={{ padding: "0em" }} vertical>
+ <Grid celled="internally" columns="equal" stackable>
+ <Grid.Row textAlign="center">
+ <Grid.Column style={{ paddingBottom: "5em", paddingTop: "5em" }}>
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ "What a Company"
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ That is what they all say about us
+ </p>
+ </Grid.Column>
+ <Grid.Column style={{ paddingBottom: "5em", paddingTop: "5em" }}>
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ "I shouldn't have gone with their competitor."
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ <Image avatar src="/assets/images/avatar/large/nan.jpg" />
+ <b>Nan</b> Chief Fun Officer Acme Toys
+ </p>
+ </Grid.Column>
+ </Grid.Row>
+ </Grid>
+ </Segment>
+
+ <Segment style={{ padding: "8em 0em" }} vertical>
+ <Container text>
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ Breaking The Grid, Grabs Your Attention
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ Instead of focusing on content creation and hard work, we have
+ learned how to master the art of doing nothing by providing
+ massive amounts of whitespace and generic content that can seem
+ massive, monolithic and worth your attention.
+ </p>
+ <Button as="a" size="large">
+ Read More
+ </Button>
+
+ <Divider
+ as="h4"
+ className="header"
+ horizontal
+ style={{ margin: "3em 0em", textTransform: "uppercase" }}
+ >
+ <a href="#">Case Studies</a>
+ </Divider>
+
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ Did We Tell You About Our Bananas?
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ Yes I know you probably disregarded the earlier boasts as
+ non-sequitur filler content, but it's really true. It took years
+ of gene splicing and combinatory DNA research, but our bananas can
+ really dance.
+ </p>
+ <Button as="a" size="large">
+ I'm Still Quite Interested
+ </Button>
+ </Container>
+ </Segment>
+
+ <Segment inverted vertical style={{ padding: "5em 0em" }}>
+ <Container>
+ <Grid divided inverted stackable>
+ <Grid.Row>
+ <Grid.Column width={3}>
+ <Header inverted as="h4" content="About" />
+ <List link inverted>
+ <List.Item as="a">Sitemap</List.Item>
+ <List.Item as="a">Contact Us</List.Item>
+ <List.Item as="a">Religious Ceremonies</List.Item>
+ <List.Item as="a">Gazebo Plans</List.Item>
+ </List>
+ </Grid.Column>
+ <Grid.Column width={3}>
+ <Header inverted as="h4" content="Services" />
+ <List link inverted>
+ <List.Item as="a">Banana Pre-Order</List.Item>
+ <List.Item as="a">DNA FAQ</List.Item>
+ <List.Item as="a">How To Access</List.Item>
+ <List.Item as="a">Favorite X-Men</List.Item>
+ </List>
+ </Grid.Column>
+ <Grid.Column width={7}>
+ <Header as="h4" inverted>
+ Footer Header
+ </Header>
+ <p>Created by DevTeam 2017.</p>
+ </Grid.Column>
+ </Grid.Row>
+ </Grid>
+ </Container>
+ </Segment>
+ </div>
+ );
+ }
+}
--
GitLab