diff --git a/src/components/App.js b/src/components/App.js
index 12b55b4f537bd2d58dc6812db10c001f8bf14efb..b490987f6737188f6a9d1b2eefe13fe81a88140e 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,11 +1,13 @@
import React from "react";
import Header from "./Header";
import Main from "./Main";
+import Footer from "./Footer";
const App = () => (
<div>
<Header />
<Main />
+ <Footer />
</div>
);
diff --git a/src/components/Footer.js b/src/components/Footer.js
new file mode 100644
index 0000000000000000000000000000000000000000..ce3ff7c8117caebea58fc9e675d03bef56a98b7d
--- /dev/null
+++ b/src/components/Footer.js
@@ -0,0 +1,12 @@
+import React from "react";
+import { Container, Segment } from "semantic-ui-react";
+
+const Footer = () => (
+ <Segment inverted vertical textAlign="center">
+ <Container>
+ <p textAlign="center">Created by DevTeam © 2017-2018.</p>
+ </Container>
+ </Segment>
+);
+
+export default Footer;
diff --git a/src/components/Header.js b/src/components/Header.js
index 7d2d389dd2e7a207a31ec0eaf2f18ae4f14b8baa..7f62d8c989c88a214be3e144efdef59e95558588 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,28 +1,87 @@
import React from "react";
import { NavLink } from "react-router-dom";
-import { Menu, Container, Button, Segment } from "semantic-ui-react";
+import {
+ Menu,
+ Container,
+ Button,
+ Segment,
+ Visibility,
+ Image
+} from "semantic-ui-react";
+import { Component } from "react";
+import KSZKlogo from "./images/kszk_logo.svg";
-const Header = () => (
- <Segment inverted textAlign="center" vertical>
+const FixedMenu = () => (
+ <Menu fixed="top" size="large" pointing>
<Container>
- <Menu inverted secondary size="large">
- <Menu.Item as={NavLink} to="/home">
- FĹoldal
+ <Menu.Item as={NavLink} to="/home">
+ FĹoldal
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/circles">
+ KĂśreink
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/trainers">
+ KĂŠpzĹk
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/schedule">
+ Ătemterv
+ </Menu.Item>
+ <Menu.Menu position="right">
+ <Menu.Item className="item">
+ <Button href="/api/v1/login/authsch/">BejelentkezĂŠs</Button>
</Menu.Item>
- <Menu.Item as={NavLink} to="/trainers">
- KĂŠpzĹk
- </Menu.Item>
- <Menu.Item as={NavLink} to="/schedule">
- Ătemterv
- </Menu.Item>
- <Menu.Item position="right">
- <Button as="a" href="/api/v1/login/authsch/" inverted>
- BejelentkezĂŠs
- </Button>
- </Menu.Item>
- </Menu>
+ </Menu.Menu>
</Container>
- </Segment>
+ </Menu>
);
-export default Header;
+export default class Header 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" vertical>
+ <Container>
+ <Menu inverted secondary size="large">
+ <Menu.Item as={NavLink} to="/home">
+ <Image
+ size="mini"
+ src={KSZKlogo}
+ style={{ marginRight: "1.5em" }}
+ />
+ FĹoldal
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/circles">
+ KĂśreink
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/trainers">
+ KĂŠpzĹk
+ </Menu.Item>
+ <Menu.Item as={NavLink} to="/schedule">
+ Ătemterv
+ </Menu.Item>
+ <Menu.Item position="right">
+ <Button as="a" href="/api/v1/login/authsch/" inverted>
+ BejelentkezĂŠs
+ </Button>
+ </Menu.Item>
+ </Menu>
+ </Container>
+ </Segment>
+ </Visibility>
+ </div>
+ );
+ }
+}
diff --git a/src/components/Main.js b/src/components/Main.js
index 8c744711e444a8f320fce38862ceaf3a1a6415f7..4f0edf0de6c6f4693184500d448e8b9b22325118 100644
--- a/src/components/Main.js
+++ b/src/components/Main.js
@@ -4,6 +4,9 @@ import Home from "./pages/Home";
import Trainers from "./pages/Trainers";
import Schedule from "./pages/Schedule";
import NotFound from "./pages/NotFound";
+import Profile from "./pages/Profile";
+import Statistics from "./pages/Statistics";
+import Circles from "./pages/Circles";
const Main = () => (
<main>
@@ -12,6 +15,9 @@ const Main = () => (
<Route exact path="/home" component={Home} />
<Route path="/trainers" component={Trainers} />
<Route path="/schedule" component={Schedule} />
+ <Route path="/profile" component={Profile} />
+ <Route path="/statistics" component={Statistics} />
+ <Route path="/circles" component={Circles} />
<Route component={NotFound} />
</Switch>
</main>
diff --git a/src/components/images/kszk_big_logo.png b/src/components/images/kszk_big_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..78a20883898115fdca8d4d1ad8b299de46ed882c
Binary files /dev/null and b/src/components/images/kszk_big_logo.png differ
diff --git a/src/components/images/kszk_logo.svg b/src/components/images/kszk_logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1b1beb9ba5d7a5641cdff880cdad329a41948347
--- /dev/null
+++ b/src/components/images/kszk_logo.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="464.000000pt" height="450.000000pt" viewBox="0 0 464.000000 450.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,450.000000) scale(0.100000,-0.100000)"
+fill="#FFFFFF" stroke="none">
+<path d="M2375 4473 c-880 -75 -1579 -448 -1987 -1058 -71 -107 -184 -335
+-228 -460 -47 -134 -86 -293 -111 -455 -20 -123 -23 -184 -24 -395 0 -265 8
+-349 51 -545 114 -511 396 -899 854 -1172 260 -155 575 -260 960 -321 182 -29
+682 -31 885 -4 334 45 587 126 839 268 152 86 416 250 416 259 0 13 -179 230
+-190 230 -5 0 -40 -20 -77 -44 -298 -192 -696 -338 -1076 -395 -392 -59 -654
+-49 -1003 39 -365 93 -671 257 -899 485 -251 251 -389 545 -441 938 -22 166
+-15 483 15 650 121 685 564 1193 1262 1451 297 109 574 160 874 158 273 -1
+491 -37 745 -124 430 -147 775 -432 915 -755 106 -244 131 -522 76 -843 -48
+-280 -152 -499 -320 -674 -67 -69 -201 -176 -221 -176 -9 0 -83 185 -105 263
+-9 32 -14 64 -12 71 3 8 82 82 176 165 186 166 301 297 301 344 0 23 -7 31
+-35 43 -39 16 -102 18 -137 5 -13 -5 -111 -77 -218 -159 -107 -83 -196 -150
+-197 -148 -7 6 71 299 113 429 26 78 91 253 145 388 55 136 99 254 99 263 0
+44 -148 74 -221 43 -35 -14 -38 -20 -88 -163 -83 -235 -472 -1401 -530 -1590
+-52 -169 -52 -171 -36 -210 37 -93 146 -99 214 -12 30 38 96 178 134 285 l33
+92 69 -142 c110 -226 183 -284 342 -275 81 4 200 57 299 132 83 62 217 204
+282 299 124 180 227 445 269 692 23 137 26 498 5 615 -84 470 -302 835 -662
+1110 -285 217 -667 359 -1074 399 -100 10 -385 12 -481 4z"/>
+<path d="M1166 3282 l-38 -17 -95 -290 c-99 -305 -343 -1098 -412 -1345 -64
+-225 -70 -299 -30 -336 70 -63 180 49 275 284 l37 90 37 -56 c69 -106 175
+-196 274 -235 72 -28 176 -27 240 2 l49 21 26 -23 c88 -81 196 -129 292 -130
+54 -1 73 4 113 27 131 77 162 274 81 512 -48 139 -65 222 -65 315 0 90 15 139
+95 299 51 103 56 120 52 164 -7 81 -66 116 -194 116 -54 0 -67 -4 -93 -27 -27
+-25 -36 -50 -85 -238 -77 -298 -214 -652 -274 -708 -14 -14 -53 -43 -85 -66
+-78 -54 -118 -55 -168 -5 -59 59 -118 192 -118 267 0 7 65 70 144 140 234 207
+315 301 302 352 -7 29 -36 36 -97 25 -82 -16 -136 -49 -314 -195 -63 -53 -115
+-92 -115 -88 0 20 55 212 97 338 66 200 124 354 209 556 41 97 74 188 74 202
+0 55 -133 86 -214 49z m594 -1598 c11 -49 20 -109 20 -133 0 -43 0 -43 -22
+-27 -13 8 -42 28 -65 43 -23 16 -42 31 -43 34 0 12 81 181 86 177 2 -3 13 -45
+24 -94z"/>
+<path d="M3015 2534 c-16 -2 -77 -9 -135 -15 -151 -16 -399 -72 -444 -101 -96
+-62 -77 -194 30 -214 25 -5 86 0 173 15 74 12 136 20 138 18 2 -3 -93 -93
+-211 -201 -253 -232 -388 -372 -436 -452 -42 -71 -48 -147 -14 -204 46 -79
+117 -99 288 -81 249 27 429 77 492 136 29 28 34 39 34 78 0 38 -5 49 -30 70
+-42 36 -125 51 -244 44 l-99 -6 64 56 c35 31 148 140 250 242 203 203 355 386
+365 437 13 69 -40 156 -104 174 -36 10 -57 10 -117 4z"/>
+</g>
+</svg>
diff --git a/src/components/pages/Circles.js b/src/components/pages/Circles.js
new file mode 100644
index 0000000000000000000000000000000000000000..69cb2a38dae6637e34b98af2ef369059b98c3b27
--- /dev/null
+++ b/src/components/pages/Circles.js
@@ -0,0 +1,26 @@
+import React, { Component } from "react";
+import { Container, Header, Segment } from "semantic-ui-react";
+
+export default class Circles extends Component {
+ render() {
+ return (
+ <div>
+ <Segment inverted textAlign="center" vertical>
+ <Container>
+ <Header
+ as="h1"
+ content="KĂśrĂśk - TODO"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
+ </Container>
+ </Segment>
+ </div>
+ );
+ }
+}
diff --git a/src/components/pages/Home.js b/src/components/pages/Home.js
index f16a091314df60fff23497ee185b3224cc057406..087234db9ba7d3c55bc12c43c544c0afad75ff08 100644
--- a/src/components/pages/Home.js
+++ b/src/components/pages/Home.js
@@ -1,118 +1,131 @@
import React, { Component } from "react";
-import { NavLink } from "react-router-dom";
import {
Button,
Container,
- Grid,
Header,
Icon,
- List,
- Menu,
Segment,
- Visibility
+ Image,
+ Divider
} 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>
-);
+import KSZKbiglogo from "../images/kszk_big_logo.png";
export default class Home 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
+ <Segment inverted textAlign="center" vertical>
+ <Header
+ as="h1"
+ content="ĂdvĂśzlĂźnk a"
inverted
- textAlign="center"
- style={{ minHeight: 700, padding: "1em 0em" }}
- vertical
- >
- <Container text>
- <Header
- as="h1"
- content="KSZK"
- inverted
- style={{
- fontSize: "4em",
- fontWeight: "normal",
- marginBottom: 0,
- marginTop: "3em"
- }}
- />
- <Header
- as="h2"
- content="FĹoldal"
- inverted
- style={{ fontSize: "1.7em", fontWeight: "normal" }}
- />
- <Button primary size="huge">
- Get Started
- <Icon name="right arrow" />
- </Button>
- </Container>
- </Segment>
- </Visibility>
-
- <Segment inverted vertical style={{ padding: "5em 0em" }}>
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
+ <Header
+ as="h1"
+ content="KollĂŠgiumi SzĂĄmĂtĂĄstechnikai KĂśr"
+ inverted
+ style={{
+ fontSize: "4em",
+ fontWeight: "bold",
+ marginBottom: "0.5em",
+ marginTop: "0.5em"
+ }}
+ />
+ <Header
+ as="h1"
+ content="ĂŠrdeklĹdĹinek szĂĄnt weboldalĂĄn!"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
+ <Image
+ verticalAlign="middle"
+ size="small"
+ src={KSZKbiglogo}
+ style={{ marginTop: "4em" }}
+ />
+ <Header
+ as="h1"
+ content="Mindenkit szeretettel vĂĄrunk a KSZKĂŠpzĂŠs-re!"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "1em"
+ }}
+ />
<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>
+ <Button
+ href="/api/v1/login/authsch/"
+ primary
+ size="huge"
+ style={{
+ fontSize: "2em",
+ marginTop: "1em",
+ marginBottom: "1em"
+ }}
+ >
+ JelentkezĂŠs
+ <Icon name="right arrow" />
+ </Button>
+ </Container>
+ </Segment>
+ <Segment style={{ padding: "8em 0em" }} vertical>
+ <Container text>
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ Kik is vagyunk mi?
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ A KolleĚgiumi SzaĚmiĚtaĚstechnikai KoĚr az Egyetem legreĚgebben muĚkoĚdoĚ
+ eĚs legnagyobb aktiĚv, informatikaĚval foglalkozoĚ oĚnteveĚkeny
+ csoportosulaĚsa, tavaly uĚnnepeltuĚk 40. szuĚleteĚsnapunkat. A patinaĚs
+ neĚv moĚgoĚtt vidaĚm hangulatuĚ, alkotoĚ kedvuĚ csapat rejlik, mely a Kar
+ joĚ szakmai keĚpesseĚguĚ, szaĚmiĚtaĚstechnika iraĚnt kiemelten eĚrdekloĚdoĚ
+ tagjaiboĚl verbuvaĚloĚdott, eĚs boĚvuĚl eĚvente uĚj tehetseĚgekkel, lelkes
+ informatikusokkal, villamosmeĚrnoĚkoĚkkel.
+ </p>
+ <Button size="large" href="/circles">
+ Ismerd meg a kĂśreinket! <Icon name="right arrow" />
+ </Button>
+ <Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ LehetĹsĂŠgek
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ A KSZK a lehetoĚseĚgek taĚrhaĚza, a hely ahol Te â leendoĚ meĚrnoĚk â
+ minden teruĚleten kiproĚbaĚlhatod, tovaĚbbkeĚpezheted magad. NaĚlunk
+ kibontakoztathatod kreativitaĚsod, tapasztalatot, meĚrnoĚki
+ szemleĚletet szerezhetsz, mikoĚzben az uĚn. soft skill-jeidet is
+ fejlesztheted. Ha szaĚmodra a szakma hivataĚs, ha szeretsz uĚj
+ dolgokat alkotni vagy csak joĚ taĚrsasaĚgra vaĚgysz, a legjobb helyre
+ keruĚlteĚl. A reszort koĚrei a szakma egy-egy meghataĚrozoĚ teruĚleteĚvel
+ foglalkoznak a fejleszteĚs eĚs uĚzemelteteĚs teruĚleteĚn.
+ </p>
+ <Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
+ <Header as="h3" style={{ fontSize: "2em" }}>
+ KeĚpzeĚsuĚnk
+ </Header>
+ <p style={{ fontSize: "1.33em" }}>
+ Kilenc alkalmas keĚpzeĚsuĚnk veĚgeĚn Te is igazi KSZK-ssaĚ vaĚlhatsz,
+ hiszen rengeteg szakmai tudaĚst igyekszuĚnk aĚtadni nektek. A
+ keĚpzeĚsalkalmak rendkiĚvuĚl joĚ hangulatban telnek, eĚs a szociaĚlis
+ iraĚnyultsaĚguĚ foglalkozaĚsok alatt egy nagyon joĚ csapat kovaĚcsoloĚdik
+ az eĚrdekloĚdoĚkboĚl. Az elsoĚ keĚpzeĚs idoĚpontja februaĚr 20. heĚtfoĚ
+ 19:30, ettoĚl kezdve minden heĚten talaĚlkozunk ugyanabban az
+ idoĚpontban. A keĚpzeĚs ideje alatt maĚrcius 10-12 koĚzoĚtt rendezuĚnk
+ taĚbort. Az alkalmakon eĚs a taĚborban koĚtelezoĚ a reĚszveĚtel.
+ </p>
</Container>
</Segment>
</div>
diff --git a/src/components/pages/NotFound.js b/src/components/pages/NotFound.js
index 69d438b04f430f02543c6b069e1edb7135dc605b..bda256c2606875e4dab2527455d1b2b3d3c93f30 100644
--- a/src/components/pages/NotFound.js
+++ b/src/components/pages/NotFound.js
@@ -1,118 +1,36 @@
import React, { Component } from "react";
-import { NavLink } from "react-router-dom";
-import {
- Button,
- Container,
- Grid,
- Header,
- Icon,
- 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>
-);
+import { Button, Container, Header, Icon, Segment } from "semantic-ui-react";
export default class NotFound 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 text>
- <Header
- as="h1"
- content="KSZK"
- inverted
- style={{
- fontSize: "4em",
- fontWeight: "normal",
- marginBottom: 0,
- marginTop: "3em"
- }}
- />
- <Header
- as="h2"
- content="404"
- inverted
- style={{ fontSize: "1.7em", fontWeight: "normal" }}
- />
- <Button primary size="huge">
- Get Started
- <Icon name="right arrow" />
- </Button>
- </Container>
- </Segment>
- </Visibility>
-
- <Segment inverted vertical style={{ padding: "5em 0em" }}>
+ <Segment inverted textAlign="center" vertical>
<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>
+ <Header
+ as="h1"
+ content="404 - A keresett oldal nem talĂĄlhatĂł!"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
+ <Button
+ href="/"
+ primary
+ size="huge"
+ style={{
+ fontSize: "2em",
+ marginTop: "1em",
+ marginBottom: "1em"
+ }}
+ >
+ Vissza a FĹoldalra
+ <Icon name="right arrow" />
+ </Button>
</Container>
</Segment>
</div>
diff --git a/src/components/pages/Profile.js b/src/components/pages/Profile.js
index c23e15919754a10996d37f76f2501e917befa44e..3e27e4b2539d315f96dcb19d9c744b23d608d0b4 100644
--- a/src/components/pages/Profile.js
+++ b/src/components/pages/Profile.js
@@ -1,118 +1,23 @@
import React, { Component } from "react";
-import { NavLink } from "react-router-dom";
-import {
- Button,
- Container,
- Grid,
- Header,
- Icon,
- 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>
-);
+import { Container, Header, Segment } from "semantic-ui-react";
export default class Profile 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 text>
- <Header
- as="h1"
- content="KSZK"
- inverted
- style={{
- fontSize: "4em",
- fontWeight: "normal",
- marginBottom: 0,
- marginTop: "3em"
- }}
- />
- <Header
- as="h2"
- content="Profil"
- inverted
- style={{ fontSize: "1.7em", fontWeight: "normal" }}
- />
- <Button primary size="huge">
- Get Started
- <Icon name="right arrow" />
- </Button>
- </Container>
- </Segment>
- </Visibility>
-
- <Segment inverted vertical style={{ padding: "5em 0em" }}>
+ <Segment inverted textAlign="center" vertical>
<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>
+ <Header
+ as="h1"
+ content="Profil - TODO"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
</Container>
</Segment>
</div>
diff --git a/src/components/pages/Schedule.js b/src/components/pages/Schedule.js
index 2c20022aa19bd23d6b416421b6124ee2418143d5..70886ae6694c78ed74518679f30d9e16da9e643c 100644
--- a/src/components/pages/Schedule.js
+++ b/src/components/pages/Schedule.js
@@ -1,118 +1,23 @@
import React, { Component } from "react";
-import { NavLink } from "react-router-dom";
-import {
- Button,
- Container,
- Grid,
- Header,
- Icon,
- 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>
-);
+import { Container, Header, Segment } from "semantic-ui-react";
export default class Schedule 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 text>
- <Header
- as="h1"
- content="KSZK"
- inverted
- style={{
- fontSize: "4em",
- fontWeight: "normal",
- marginBottom: 0,
- marginTop: "3em"
- }}
- />
- <Header
- as="h2"
- content="Ătemterv"
- inverted
- style={{ fontSize: "1.7em", fontWeight: "normal" }}
- />
- <Button primary size="huge">
- Get Started
- <Icon name="right arrow" />
- </Button>
- </Container>
- </Segment>
- </Visibility>
-
- <Segment inverted vertical style={{ padding: "5em 0em" }}>
+ <Segment inverted textAlign="center" vertical>
<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>
+ <Header
+ as="h1"
+ content="Ătemterv - TODO"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
</Container>
</Segment>
</div>
diff --git a/src/components/pages/Statistics.js b/src/components/pages/Statistics.js
new file mode 100644
index 0000000000000000000000000000000000000000..266156987f08a458359d7158e87456459eef5755
--- /dev/null
+++ b/src/components/pages/Statistics.js
@@ -0,0 +1,26 @@
+import React, { Component } from "react";
+import { Container, Header, Segment } from "semantic-ui-react";
+
+export default class Statistics extends Component {
+ render() {
+ return (
+ <div>
+ <Segment inverted textAlign="center" vertical>
+ <Container>
+ <Header
+ as="h1"
+ content="StatisztikĂĄk - TODO"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
+ </Container>
+ </Segment>
+ </div>
+ );
+ }
+}
diff --git a/src/components/pages/Trainers.js b/src/components/pages/Trainers.js
index c69eab71d50b69e10d83663a5a89d3e9afd6b8e8..022eed39d288bc68abbeead1101cf648f8cec425 100644
--- a/src/components/pages/Trainers.js
+++ b/src/components/pages/Trainers.js
@@ -1,118 +1,23 @@
import React, { Component } from "react";
-import { NavLink } from "react-router-dom";
-import {
- Button,
- Container,
- Grid,
- Header,
- Icon,
- 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>
-);
+import { Container, Header, Segment } from "semantic-ui-react";
export default class Trainers 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 text>
- <Header
- as="h1"
- content="KSZK"
- inverted
- style={{
- fontSize: "4em",
- fontWeight: "normal",
- marginBottom: 0,
- marginTop: "3em"
- }}
- />
- <Header
- as="h2"
- content="KĂŠpzĹk"
- inverted
- style={{ fontSize: "1.7em", fontWeight: "normal" }}
- />
- <Button primary size="huge">
- Get Started
- <Icon name="right arrow" />
- </Button>
- </Container>
- </Segment>
- </Visibility>
-
- <Segment inverted vertical style={{ padding: "5em 0em" }}>
+ <Segment inverted textAlign="center" vertical>
<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>
+ <Header
+ as="h1"
+ content="KĂŠpzĹk - TODO"
+ inverted
+ style={{
+ fontSize: "3em",
+ fontWeight: "normal",
+ marginBottom: 0,
+ marginTop: "0.5em"
+ }}
+ />
</Container>
</Segment>
</div>