diff --git a/src/components/pages/Home.js b/src/components/pages/Home.js index b1c77f20c9dd21cda5fc2c6f9e070b72e45021e4..b76f79674119a2636c16666135247c447df72d51 100644 --- a/src/components/pages/Home.js +++ b/src/components/pages/Home.js @@ -1,4 +1,4 @@ -import './Home.css'; +import "./Home.css"; import { Button, @@ -9,15 +9,15 @@ import { Image, Responsive, Segment, -} from 'semantic-ui-react'; +} from "semantic-ui-react"; /* eslint-disable react/jsx-props-no-spreading */ -import React, { Component } from 'react'; +import React, { Component } from "react"; -import KSZKbiglogo from '../images/kszk_with_shadow.png'; -import { Link } from 'react-router-dom'; -import Slider from 'react-slick'; -import { connect } from 'react-redux'; -import { getImages } from '../../actions/home'; +import KSZKbiglogo from "../images/kszk_with_shadow.png"; +import { Link } from "react-router-dom"; +import Slider from "react-slick"; +import { connect } from "react-redux"; +import { getImages } from "../../actions/home"; const settings = { dots: false, @@ -58,8 +58,8 @@ class Home extends Component { content="ĂdvĂśzlĂźnk a" inverted style={{ - fontSize: '3vw', - fontWeight: 'normal', + fontSize: "3vw", + fontWeight: "normal", marginBottom: 0, }} /> @@ -68,10 +68,10 @@ class Home extends Component { content="KollĂŠgiumi SzĂĄmĂtĂĄstechnikai KĂśr" inverted style={{ - fontSize: '3.5vw', - fontWeight: 'bold', - marginBottom: '0.5vw', - marginTop: '0.5vw', + fontSize: "3.5vw", + fontWeight: "bold", + marginBottom: "0.5vw", + marginTop: "0.5vw", }} /> <Header @@ -79,26 +79,26 @@ class Home extends Component { content="ĂşjonckĂŠpzĂŠsĂŠnek weboldalĂĄn!" inverted style={{ - fontSize: '3vw', - fontWeight: 'normal', + fontSize: "3vw", + fontWeight: "normal", marginBottom: 0, - marginTop: '0.5vw', + marginTop: "0.5vw", }} /> <Image verticalAlign="middle" src={KSZKbiglogo} - style={{ marginTop: '1vw', width: '17%' }} + style={{ marginTop: "1vw", width: "17%" }} /> <Header as="h1" content="Szeretettel vĂĄrunk a KSZKĂŠpzĂŠsre!" inverted style={{ - fontSize: '3vw', - fontWeight: 'normal', + fontSize: "3vw", + fontWeight: "normal", marginBottom: 0, - marginTop: '1vw', + marginTop: "1vw", }} /> <Container> @@ -109,11 +109,11 @@ class Home extends Component { primary size="huge" style={{ - fontSize: '2vw', - marginTop: '1vw', - marginBottom: '1vw', - fontWeight: 'bold', - letterSpacing: '0.13vw', + fontSize: "2vw", + marginTop: "1vw", + marginBottom: "1vw", + fontWeight: "bold", + letterSpacing: "0.13vw", }} > JelentkezĂŠs @@ -125,11 +125,11 @@ class Home extends Component { primary size="huge" style={{ - fontSize: '2vw', - marginTop: '1vw', - marginBottom: '1vw', - fontWeight: 'bold', - letterSpacing: '0.13vw', + fontSize: "2vw", + marginTop: "1vw", + marginBottom: "1vw", + fontWeight: "bold", + letterSpacing: "0.13vw", }} > BejelentkezĂŠs @@ -159,8 +159,8 @@ class Home extends Component { content="ĂdvĂśzlĂźnk a" inverted style={{ - fontSize: '5vw', - fontWeight: 'bold', + fontSize: "5vw", + fontWeight: "bold", marginBottom: 0, }} /> @@ -169,10 +169,10 @@ class Home extends Component { content="KollĂŠgiumi SzĂĄmĂtĂĄstechnikai KĂśr" inverted style={{ - fontSize: '6vw', - fontWeight: 'bold', - marginBottom: '0.5vw', - marginTop: '0.5vw', + fontSize: "6vw", + fontWeight: "bold", + marginBottom: "0.5vw", + marginTop: "0.5vw", }} /> <Header @@ -180,27 +180,27 @@ class Home extends Component { content="ĂşjonckĂŠpzĂŠsĂŠnek weboldalĂĄn!" inverted style={{ - fontSize: '5vw', - fontWeight: 'bold', + fontSize: "5vw", + fontWeight: "bold", marginBottom: 0, - marginTop: '0.5vw', + marginTop: "0.5vw", }} /> <Image className="kszklogo" verticalAlign="middle" src={KSZKbiglogo} - style={{ marginTop: '1vw', width: '20%' }} + style={{ marginTop: "1vw", width: "20%" }} /> <Header as="h1" content="Szeretettel vĂĄrunk a KSZKĂŠpzĂŠsre!" inverted style={{ - fontSize: '5vw', - fontWeight: 'bold', + fontSize: "5vw", + fontWeight: "bold", marginBottom: 0, - marginTop: '1vw', + marginTop: "1vw", }} /> <Container> @@ -211,11 +211,11 @@ class Home extends Component { primary size="massive" style={{ - fontSize: '4vw', - marginTop: '1.5vw', - marginBottom: '1vw', - fontWeight: 'bold', - letterSpacing: '0.15vw', + fontSize: "4vw", + marginTop: "1.5vw", + marginBottom: "1vw", + fontWeight: "bold", + letterSpacing: "0.15vw", }} > JelentkezĂŠs @@ -227,11 +227,11 @@ class Home extends Component { primary size="massive" style={{ - fontSize: '4vw', - marginTop: '1vw', - marginBottom: '1vw', - fontWeight: 'bold', - letterSpacing: '0.15vw', + fontSize: "4vw", + marginTop: "1vw", + marginBottom: "1vw", + fontWeight: "bold", + letterSpacing: "0.15vw", }} > BejelentkezĂŠs @@ -250,12 +250,12 @@ class Home extends Component { renderText() { const kszk_age = new Date().getFullYear() - 1976; return ( - <Segment style={{ padding: '8em 0em', fontFamily: 'Arial' }} vertical> + <Segment style={{ padding: "8em 0em", fontFamily: "Arial" }} vertical> <Container text> - <Header as="h3" style={{ fontSize: '2em', fontFamily: 'Arial' }}> + <Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}> Kik is vagyunk mi? </Header> - <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}> + <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 @@ -267,11 +267,11 @@ class Home extends Component { <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' }}> + <Divider as="h4" className="header" style={{ margin: "3em 0em" }} /> + <Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}> LehetĹsĂŠgek </Header> - <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}> + <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 @@ -281,13 +281,13 @@ class Home extends Component { 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', fontFamily: 'Arial' }}> + <Divider as="h4" className="header" style={{ margin: "3em 0em" }} /> + <Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}> MiĂŠrt jĂł KSZK-snak lenni? </Header> <div class="quote--container" - style={{ fontSize: '1.5em', fontFamily: 'Arial' }} + style={{ fontSize: "1.5em", fontFamily: "Arial" }} > <p class="quote"> Szerintem KSZK-snak jĂł lenni, mert rengeteget tanulok belĹle. @@ -303,7 +303,7 @@ class Home extends Component { </div> <div class="quote--container" - style={{ fontSize: '1.5em', fontFamily: 'Arial' }} + style={{ fontSize: "1.5em", fontFamily: "Arial" }} > <p class="quote"> A nullĂĄrĂłl kezdtem a kĂŠpzĂŠst ĂŠs az egyetemi tanulmĂĄnyaimat is, @@ -315,7 +315,7 @@ class Home extends Component { </div> <div class="quote--container" - style={{ fontSize: '1.5em', fontFamily: 'Arial' }} + style={{ fontSize: "1.5em", fontFamily: "Arial" }} > <p class="quote"> Amikor idejĂśttem egyetemre nem tudtam, hogy mennyire fogom @@ -331,7 +331,7 @@ class Home extends Component { </div> <div class="quote--container" - style={{ fontSize: '1.5em', fontFamily: 'Arial' }} + style={{ fontSize: "1.5em", fontFamily: "Arial" }} > <p class="quote"> SzĂĄmtalan dologgal foglalkozunk, ĂŠs tĂŠnyleg azt csinĂĄlhatom, ami @@ -341,11 +341,11 @@ class Home extends Component { </p> <p class="quote--author">– Blint</p> </div> - <Divider as="h4" className="header" style={{ margin: '3em 0em' }} /> - <Header as="h3" style={{ fontSize: '2em', fontFamily: 'Arial' }}> + <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' }}> + <p style={{ fontSize: "1.33em", fontFamily: "Arial" }}> Nyolc 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Ăş @@ -355,19 +355,19 @@ class Home extends Component { idĹpontban. VĂĄrhatĂłan a kĂŠpzĂŠs ideje alatt mĂĄjus elejĂŠn rendezĂźnk tĂĄbort. Az alkalmakon ĂŠs a tĂĄboron kĂśtelezĹ a rĂŠszvĂŠtel. </p> - <Divider as="h4" className="header" style={{ margin: '3em 0em' }} /> + <Divider as="h4" className="header" style={{ margin: "3em 0em" }} /> <Segment inverted color="red" tertiary> - <Header as="h3" style={{ fontSize: '2em', fontFamily: 'Arial' }}> + <Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}> KorlĂĄtos fĂŠrĹhely </Header> - <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}> + <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 - tartunk majd ĂŠs maximum 45 embert tudunk befogadni. + tartunk majd ĂŠs maximum 44 embert tudunk befogadni. </p> - <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}> + <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 @@ -385,12 +385,12 @@ class Home extends Component { <Responsive minWidth={600}> <div className="car-image-kszk"> <div /> - {this.renderSlider(0, '120%')} + {this.renderSlider(0, "120%")} </div> {this.renderText()} </Responsive> <Responsive maxWidth={600}> - <div className="car-image-kszk">{this.renderSlider(1, '200%')}</div> + <div className="car-image-kszk">{this.renderSlider(1, "200%")}</div> {this.renderText()} </Responsive> </div>