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 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, idĂŠn ĂźnnepeljĂźk {kszk_age}. 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 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 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, idĂŠn ĂźnnepeljĂźk {kszk_age}. 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 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 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 16. vasĂĄrnap
+ 18:00, ettoĚl kezdve pedig minden heĚten talaĚlkozunk ugyanabban az
+ idoĚpontban. A keĚpzeĚs ideje alatt ĂĄprilis 17-19 koĚzoĚtt rendezuĚnk
+ taĚbort. Az alkalmakon eĚs a taĚborban koĚtelezoĚ a reĚszveĚ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 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 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' }}>
- KeĚpzeĚsuĚnk
- </Header>
- <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
- 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 19. heĚtfoĚ
- 20:00, ettoĚl kezdve pedig minden heĚten talaĚlkozunk ugyanabban az
- idoĚpontban. A keĚpzeĚs ideje alatt ĂĄprilis 6-8 koĚzoĚtt rendezuĚnk
- taĚbort. Az alkalmakon eĚs a taĚborban koĚtelezoĚ a reĚszveĚ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