Skip to content
Snippets Groups Projects
Commit 7499c32a authored by Rafael László's avatar Rafael László :speech_balloon:
Browse files

fixed home site slider and dates

parent 96e4266d
Branches
Tags
No related merge requests found
Show whitespace changes
Inline Side-by-side
package-lock.json
+ 1
− 1
View file @ 7499c32a
{
"name": "kszkepzes-frontend",
"version": "0.2.0",
"version": "0.2.3",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
......
package.json
+ 1
− 1
View file @ 7499c32a
{
"name": "kszkepzes-frontend",
"version": "0.2.0",
"version": "0.2.3",
"private": false,
"dependencies": {
"axios": "^0.19.2",
......
public/index.html
+ 3
− 1
View file @ 7499c32a
......@@ -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>
......
src/components/images/kszk_with_shadow.png 0 → 100644
+ 0
− 0
View file @ 7499c32a
src/components/images/kszk_with_shadow.png

251 KiB

src/components/pages/Home.css
+ 5
− 2
View file @ 7499c32a
......@@ -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;
}
src/components/pages/Home.js
+ 206
− 73
View file @ 7499c32a
......@@ -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
renderSlider(view, imageWidth) {
if(view === 0) {
return (
<div>
<div className='car-image-kszk'>
<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,12 +138,123 @@ class Home extends Component {
</Segment>
</div>
</div>
<Segment style={{ padding: '8em 0em', fontFamily: 'Arial' }} vertical>
)
} 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', fontFamily: 'Arial' }}>
<Header as='h3' style={{ fontSize: '2em' }}>
Kik is vagyunk mi?
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<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
......@@ -153,10 +267,10 @@ class Home extends Component {
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' }}>
<Header as='h3' style={{ fontSize: '2em' }}>
Lehetőségek
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<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
......@@ -167,32 +281,32 @@ class Home extends Component {
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' }}>
<Header as='h3' style={{ fontSize: '2em' }}>
Képzésünk
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<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 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
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', fontFamily: 'Arial' }}>
<Header as='h3' style={{ fontSize: '2em' }}>
Korlátos férőhely
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<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>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<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!
......@@ -200,6 +314,25 @@ class Home extends Component {
</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>
);
}
......
src/setupProxy.js.disabled 0 → 100644
+ 7
− 0
View file @ 7499c32a
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
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Hosted with :heart: by KSZK