diff --git a/package-lock.json b/package-lock.json
index 6a8340c3f72bbf643102140aafe5194506937e95..bcfa2de59582a06397c054ec76cd6f8728312283 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "kszkepzes-frontend",
- "version": "0.2.0",
+ "version": "0.2.3",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/package.json b/package.json
index 39b111683f6542606deed00f69459e5a6f266bc5..8e8654dd1502b3a6a3851c1d8648687580e08e65 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "kszkepzes-frontend",
- "version": "0.2.0",
+ "version": "0.2.3",
"private": false,
"dependencies": {
"axios": "^0.19.2",
diff --git a/public/index.html b/public/index.html
index ac92f4ca6dec6256cb7eceb89aaf0c92143ce782..c395ce2053a9e489bc1db69405087a86e4bac1f3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,6 +8,8 @@
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
+ <meta http-equiv="Pragma" content="no-cache" />
+ <meta http-equiv="Expires" content="0" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link rel="stylesheet" href="index.css">
@@ -20,7 +22,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
- <title>KSZKépzés 2018</title>
+ <title>KSZKépzés 2020</title>
</head>
<body>
<noscript>
diff --git a/src/components/images/kszk_with_shadow.png b/src/components/images/kszk_with_shadow.png
new file mode 100644
index 0000000000000000000000000000000000000000..73e0c33ca87f6da068bfe509f95d0f8b5dff0906
Binary files /dev/null and b/src/components/images/kszk_with_shadow.png differ
diff --git a/src/components/pages/Home.css b/src/components/pages/Home.css
index 1922cfca0593fca51e19595f0c09594f5208abd7..5e3840642e6b89279401498d875c808d0ece65ec 100644
--- a/src/components/pages/Home.css
+++ b/src/components/pages/Home.css
@@ -5,8 +5,11 @@
.car-text-kszk {
position: absolute;
width: 100%;
- top: 0px;
+ top: 1vw;
+ text-shadow: black 0px 0px 10px;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0.75px;
-}
\ No newline at end of file
+}
+
+
diff --git a/src/components/pages/Home.js b/src/components/pages/Home.js
index 212dd11f3e85aca6d52214fe5a588eb3aaa35e60..f026724ae2c8ef82cdb10a0ec1daa0c6faa9dadb 100644
--- a/src/components/pages/Home.js
+++ b/src/components/pages/Home.js
@@ -7,12 +7,13 @@ import {
Segment,
Image,
Divider,
+ Responsive,
} from 'semantic-ui-react';
import { connect } from 'react-redux';
import Slider from 'react-slick';
import { Link } from 'react-router-dom';
import './Home.css';
-import KSZKbiglogo from '../images/kszk_big_logo.png';
+import KSZKbiglogo from '../images/kszk_with_shadow.png';
import { getImages } from '../../actions/home'
const settings = {
@@ -34,16 +35,15 @@ class Home extends Component {
this.props.getImages();
}
- render() {
- const kszk_age = new Date().getFullYear() - 1976
- return (
- <div>
- <div className='car-image-kszk'>
+ renderSlider(view, imageWidth) {
+ if(view === 0) {
+ return (
+ <div>
<Slider {...settings}>
{
this.props.images.map(image => (
<div key={image}>
- <img src={image.image} width='100%' alt='' />
+ <img src={image.image} width={imageWidth} alt='' />
</div>
))
}
@@ -55,10 +55,9 @@ class Home extends Component {
content='Üdvözlünk a'
inverted
style={{
- fontSize: '3.5vw',
+ fontSize: '3vw',
fontWeight: 'normal',
marginBottom: 0,
- marginTop: '0.5vw',
}}
/>
<Header
@@ -66,7 +65,7 @@ class Home extends Component {
content='Kollégiumi Számítástechnikai Kör'
inverted
style={{
- fontSize: '4.5vw',
+ fontSize: '3.5vw',
fontWeight: 'bold',
marginBottom: '0.5vw',
marginTop: '0.5vw',
@@ -86,7 +85,7 @@ class Home extends Component {
<Image
verticalAlign='middle'
src={KSZKbiglogo}
- style={{ marginTop: '4vw', width: '15%' }}
+ style={{ marginTop: '1vw', width: '17%' }}
/>
<Header
as='h1'
@@ -111,6 +110,8 @@ class Home extends Component {
fontSize: '2vw',
marginTop: '1vw',
marginBottom: '1vw',
+ fontWeight: 'bold',
+ letterSpacing: '0.13vw'
}}
>
Jelentkezés
@@ -125,6 +126,8 @@ class Home extends Component {
fontSize: '2vw',
marginTop: '1vw',
marginBottom: '1vw',
+ fontWeight: 'bold',
+ letterSpacing: '0.13vw'
}}
>
Bejelentkezés
@@ -135,71 +138,201 @@ class Home extends Component {
</Segment>
</div>
</div>
- <Segment style={{ padding: '8em 0em', fontFamily: 'Arial' }} vertical>
- <Container text>
- <Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
- Kik is vagyunk mi?
- </Header>
- <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
- A Kollégiumi Számítástechnikai Kör az Egyetem legrégebben működő
- és legnagyobb aktív, informatikával foglalkozó öntevékeny
- csoportosulása, idén ünnepeljük {kszk_age}. születésnapunkat. A patinás
- név mögött vidám hangulatú, alkotó kedvű csapat rejlik, mely a Kar
- jó szakmai képességű, számítástechnika iránt kiemelten érdeklődő
- tagjaiból verbuválódott, és bővül évente új tehetségekkel, lelkes
- informatikusokkal, villamosmérnökökkel.
- </p>
- <Button as={Link} size='large' to='/groups'>
- 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', fontFamily: 'Arial' }}>
- Lehetőségek
+ )
+ } else if (view === 1) {
+ return (
+ <div>
+ <Slider {...settings}>
+ {
+ this.props.images.map(image => (
+ <div key={image}>
+ <img src={image.image} width={imageWidth} alt='' />
+ </div>
+ ))
+ }
+ </Slider>
+ <div className='car-text-kszk'>
+ <Segment textAlign='center' vertical>
+ <Header
+ as='h1'
+ content='Üdvözlünk a'
+ inverted
+ style={{
+ fontSize: '5vw',
+ fontWeight: 'bold',
+ marginBottom: 0,
+ }}
+ />
+ <Header
+ as='h1'
+ content='Kollégiumi Számítástechnikai Kör'
+ inverted
+ style={{
+ fontSize: '6vw',
+ fontWeight: 'bold',
+ marginBottom: '0.5vw',
+ marginTop: '0.5vw',
+ }}
+ />
+ <Header
+ as='h1'
+ content='újoncképzésének weboldalán!'
+ inverted
+ style={{
+ fontSize: '5vw',
+ fontWeight: 'bold',
+ marginBottom: 0,
+ marginTop: '0.5vw',
+ }}
+ />
+ <Image
+ className='kszklogo'
+ verticalAlign='middle'
+ src={KSZKbiglogo}
+ style={{ marginTop: '1vw', width: '20%' }}
+ />
+ <Header
+ as='h1'
+ content='Szeretettel várunk a KSZKépzésre!'
+ inverted
+ style={{
+ fontSize: '5vw',
+ fontWeight: 'bold',
+ marginBottom: 0,
+ marginTop: '1vw',
+ }}
+ />
+ <Container>
+ {
+ this.props.user.id ?
+ <Button
+ as={Link}
+ to='/profile'
+ primary
+ size='massive'
+ style={{
+ fontSize: '4vw',
+ marginTop: '1.5vw',
+ marginBottom: '1vw',
+ fontWeight: 'bold',
+ letterSpacing: '0.15vw'
+ }}
+ >
+ Jelentkezés
+ <Icon name='right arrow' />
+ </Button>
+ :
+ <Button
+ href='/api/v1/login/authsch/'
+ primary
+ size='massive'
+ style={{
+ fontSize: '4vw',
+ marginTop: '1vw',
+ marginBottom: '1vw',
+ fontWeight: 'bold',
+ letterSpacing: '0.15vw'
+ }}
+ >
+ Bejelentkezés
+ <Icon name='right arrow' />
+ </Button>
+ }
+ </Container>
+ </Segment>
+ </div>
+ </div>
+ )
+ }
+ }
+
+ renderText(){
+ const kszk_age = new Date().getFullYear() - 1976
+ return (
+ <Segment style={{ padding: '2em 0em 6em' }} vertical>
+ <Container text>
+ <Header as='h3' style={{ fontSize: '2em' }}>
+ Kik is vagyunk mi?
+ </Header>
+ <p style={{ fontSize: '1.33em' }}>
+ A Kollégiumi Számítástechnikai Kör az Egyetem legrégebben működő
+ és legnagyobb aktív, informatikával foglalkozó öntevékeny
+ csoportosulása, idén ünnepeljük {kszk_age}. születésnapunkat. A patinás
+ név mögött vidám hangulatú, alkotó kedvű csapat rejlik, mely a Kar
+ jó szakmai képességű, számítástechnika iránt kiemelten érdeklődő
+ tagjaiból verbuválódott, és bővül évente új tehetségekkel, lelkes
+ informatikusokkal, villamosmérnökökkel.
+ </p>
+ <Button as={Link} size='large' to='/groups'>
+ 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 lehetőségek tárháza, a hely ahol Te – leendő mérnök –
+ minden területen kipróbálhatod, továbbképezheted magad. Nálunk
+ kibontakoztathatod kreativitásod, tapasztalatot, mérnöki
+ szemléletet szerezhetsz, miközben az ún. soft skill-jeidet is
+ fejlesztheted. Ha számodra a szakma hivatás, ha szeretsz új
+ dolgokat alkotni vagy csak jó társaságra vágysz, a legjobb helyre
+ kerültél. A reszort körei a szakma egy-egy meghatározó területével
+ foglalkoznak a fejlesztés és üzemeltetés területén.
+ </p>
+ <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
+ <Header as='h3' style={{ fontSize: '2em' }}>
+ Képzésünk
+ </Header>
+ <p style={{ fontSize: '1.33em' }}>
+ Kilenc alkalmas képzésünk végén Te is igazi KSZK-ssá válhatsz,
+ hiszen rengeteg szakmai tudást igyekszünk átadni nektek. A
+ képzésalkalmak rendkívül jó hangulatban telnek, és a szociális
+ irányultságú foglalkozások alatt egy nagyon jó csapat kovácsolódik
+ az érdeklődőkből. Az első képzés időpontja február 16. vasárnap
+ 18:00, ettől kezdve pedig minden héten találkozunk ugyanabban az
+ időpontban. A képzés ideje alatt április 17-19 között rendezünk
+ tábort. Az alkalmakon és a táborban kötelező a részvétel.
+ </p>
+ <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
+ <Segment inverted color='red' tertiary>
+ <Header as='h3' style={{ fontSize: '2em' }}>
+ Korlátos férőhely
</Header>
- <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
- A KSZK a lehetőségek tárháza, a hely ahol Te – leendő mérnök –
- minden területen kipróbálhatod, továbbképezheted magad. Nálunk
- kibontakoztathatod kreativitásod, tapasztalatot, mérnöki
- szemléletet szerezhetsz, miközben az ún. soft skill-jeidet is
- fejlesztheted. Ha számodra a szakma hivatás, ha szeretsz új
- dolgokat alkotni vagy csak jó társaságra vágysz, a legjobb helyre
- kerültél. A reszort körei a szakma egy-egy meghatározó területével
- foglalkoznak a fejlesztés és üzemeltetés területén.
+ <p style={{ fontSize: '1.33em' }}>
+ Általánosságban elmondható, hogy a KSZK tagjai rengeteg dologgal foglalkoznak
+ a hétköznapjaik során, hogy minden informatikai rendszer úgy működjön
+ a kollégiumban, ahogy kell. Így van ez velünk képzőkkel is, emiatt
+ hetente csak egy képzésalkalmat tudunk tartani. Mivel az oktatóterem
+ férőhelyében korlátozott, ezért a képzésre maximum 35 embert tudunk befogadni.
</p>
- <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
- <Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
- Képzésünk
- </Header>
- <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
- Kilenc alkalmas képzésünk végén Te is igazi KSZK-ssá válhatsz,
- hiszen rengeteg szakmai tudást igyekszünk átadni nektek. A
- képzésalkalmak rendkívül jó hangulatban telnek, és a szociális
- irányultságú foglalkozások alatt egy nagyon jó csapat kovácsolódik
- az érdeklődőkből. Az első képzés időpontja február 19. hétfő
- 20:00, ettől kezdve pedig minden héten találkozunk ugyanabban az
- időpontban. A képzés ideje alatt április 6-8 között rendezünk
- tábort. Az alkalmakon és a táborban kötelező a részvétel.
+ <p style={{ fontSize: '1.33em' }}>
+ Sajnos előfordulhat olyan eset, hogy valaki már nem fér be a képzésre,
+ ezért kérünk titeket, hogy ennek tudatában jelentkezzetek majd.
+ Ilyen esetben reméljük ez nem szegi kedveteket és jövőre újra próbálkoztok majd!
</p>
- <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
- <Segment inverted color='red' tertiary>
- <Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
- Korlátos férőhely
- </Header>
- <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
- Általánosságban elmondható, hogy a KSZK tagjai rengeteg dologgal foglalkoznak
- a hétköznapjaik során, hogy minden informatikai rendszer úgy működjön
- a kollégiumban, ahogy kell. Így van ez velünk képzőkkel is, emiatt
- hetente csak egy képzésalkalmat tudunk tartani. Mivel az oktatóterem
- férőhelyében korlátozott, ezért a képzésre maximum 35 embert tudunk befogadni.
- </p>
- <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
- Sajnos előfordulhat olyan eset, hogy valaki már nem fér be a képzésre,
- ezért kérünk titeket, hogy ennek tudatában jelentkezzetek majd.
- Ilyen esetben reméljük ez nem szegi kedveteket és jövőre újra próbálkoztok majd!
- </p>
- </Segment>
- </Container>
- </Segment>
+ </Segment>
+ </Container>
+ </Segment>
+ )
+ }
+
+ render() {
+ return (
+ <div>
+ <Responsive minWidth={600} >
+ <div className='car-image-kszk'>
+ <div></div>
+ { this.renderSlider(0, '120%') }
+ </div>
+ { this.renderText() }
+ </Responsive>
+ <Responsive maxWidth={600} >
+ <div className='car-image-kszk'>
+ { this.renderSlider(1, '200%') }
+ </div>
+ { this.renderText() }
+ </Responsive>
</div>
);
}
diff --git a/src/setupProxy.js.disabled b/src/setupProxy.js.disabled
new file mode 100644
index 0000000000000000000000000000000000000000..1ffb50a03ddbabb9b3c6a36aa26a426aaa3b004f
--- /dev/null
+++ b/src/setupProxy.js.disabled
@@ -0,0 +1,7 @@
+const proxy = require('http-proxy-middleware');
+
+module.exports = function(app) {
+ app.use(proxy('/api', { target: 'http://127.0.0.1:8000/' }))
+ app.use(proxy('/media', { target: 'http://127.0.0.1:8000/' }))
+ app.use(proxy('/admin', { target: 'http://127.0.0.1:8000/' }))
+};
\ No newline at end of file