From b67696b01333ed4f37ced210eccd4fddce90dfcb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tam=C3=A1s=20Szab=C3=B3?= <tamas@szaboo.com>
Date: Mon, 5 Feb 2018 20:51:53 +0100
Subject: [PATCH] last fixes

---
 src/components/Header.js        | 22 +++++++++---------
 src/components/pages/Groups.css |  3 +++
 src/components/pages/Groups.js  | 40 ++++++++++++++++++++++++---------
 src/components/pages/Home.js    | 12 ++++++++++
 4 files changed, 56 insertions(+), 21 deletions(-)
 create mode 100644 src/components/pages/Groups.css

diff --git a/src/components/Header.js b/src/components/Header.js
index 930fafa..222b929 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { NavLink, Link } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import {
   Menu,
   Container,
@@ -15,11 +15,11 @@ import KSZKlogo from './images/kszk_logo.svg';
 const FixedMenu = ({ user }) => (
   <Menu fixed='top' size='large' pointing>
     <Container>
-      <Menu.Item as={NavLink} to='/home'>Főoldal</Menu.Item>
-      <Menu.Item as={NavLink} to='/news'>HĂ­rek</Menu.Item>
-      <Menu.Item as={NavLink} to='/groups'>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 as={Link} to='/home'>Főoldal</Menu.Item>
+      <Menu.Item as={Link} to='/news'>HĂ­rek</Menu.Item>
+      <Menu.Item as={Link} to='/groups'>KĂśreink</Menu.Item>
+      {/* <Menu.Item as={Link} to='/trainers'>Képzők</Menu.Item> */}
+      <Menu.Item as={Link} to='/schedule'>Ütemterv</Menu.Item>
 
       <Menu.Menu position='right'>
         <Menu.Item className='item'>
@@ -71,7 +71,7 @@ class Header extends Component {
           <Segment inverted textAlign='center' vertical>
             <Container>
               <Menu inverted secondary size='large'>
-                <Menu.Item as={NavLink} to='/home'>
+                <Menu.Item as={Link} to='/home'>
                   <Image
                     size='mini'
                     src={KSZKlogo}
@@ -79,10 +79,10 @@ class Header extends Component {
                   />
                   Főoldal
                 </Menu.Item>
-                <Menu.Item as={NavLink} to='/news'>HĂ­rek</Menu.Item>
-                <Menu.Item as={NavLink} to='/groups'>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 as={Link} to='/news'>HĂ­rek</Menu.Item>
+                <Menu.Item as={Link} to='/groups'>KĂśreink</Menu.Item>
+                {/* <Menu.Item as={Link} to='/trainers'>Képzők</Menu.Item> */}
+                <Menu.Item as={Link} to='/schedule'>Ütemterv</Menu.Item>
 
                 <Menu.Item position='right'>
                   {
diff --git a/src/components/pages/Groups.css b/src/components/pages/Groups.css
new file mode 100644
index 0000000..592a813
--- /dev/null
+++ b/src/components/pages/Groups.css
@@ -0,0 +1,3 @@
+.paragraph {
+  font-size: 1.33em;
+}
diff --git a/src/components/pages/Groups.js b/src/components/pages/Groups.js
index c8468e0..27518db 100644
--- a/src/components/pages/Groups.js
+++ b/src/components/pages/Groups.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { Container, Header, Segment, Divider } from 'semantic-ui-react';
+import './Groups.css';
 
 export default class Groups extends Component {
   render() {
@@ -24,43 +25,62 @@ export default class Groups extends Component {
         <Segment style={{ padding: '8em 0em' }} vertical>
           <Container text>
             <Header as='h3' style={{ fontSize: '2em' }}>DevTeam</Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p className='paragraph'>
               A DevTeam a KSZK fejlesztő köre. Az informatika számos területével foglalkoznak, többek között például alkalmazás- és mobilszoftver fejlesztéssel, weblapkészítéssel. Ezen felül találkozhatsz mikrokontrollerek programozásával, legyen az akár Raspberry Pi vagy Arduino. Saját ötleteid megvalósításában is szívesen nyújtanak segítő kezet, illetve egyes gyűléseiken gyorstalpalókat tartanak, hogy az érdeklődők mielőbb be tudjanak csatlakozni a munkába.
+            </p>
+            <p className='paragraph'>
               Jelenlegi projektjeik közé tartozik egy Schönherz szintű kölcsönzési rendszer kialakítása, egy gyakorlóoldal készítése, melyen egyetemi tárgyak ZH-ira, vizsgáira lehet készülni, a tanuló helyiségek foglaltságát vizsgáló rendszer bevezetése, de szívesen viszik érdeklődő, lelkes tagjaik új projektötleteit is.
+            </p>
+            <p className='paragraph'>
               A kör szeretettel vár mindenkit, legyen akár profi fejlesztő, vagy olyan, aki csak most ismerkedik a fejlesztés szépségeivel – náluk mindenki talál a képességeinek megfelelő elfoglaltságot.
             </p>
 
             <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
             <Header as='h3' style={{ fontSize: '2em' }}>HallgatĂłi TudĂĄsbĂĄzis</Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p className='paragraph'>
               A HaT (Hallgatói Tudásbázis) a VIK Wiki adminisztrációjáért, illetve üzemeltetéséért, fejlesztéséért felelős kör. Nekik köszönhető a Wiki rendezett állapota. Odafigyelnek rá, hogy kövessék a szerkesztői szokásokat, és rendszeresen felmérik, milyen újításra van kereslet. Azoknak a jelentkezését várják, akik nem riadnak vissza egy (rosszabb napjain) napi ötezer oldalmegtekintést produkáló rendszer ápolgatásától.
             </p>
 
             <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
             <Header as='h3' style={{ fontSize: '2em' }}>NETeam</Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p className='paragraph'>
               A NETeam foglalkozik a kollégiumi hálózati infrastruktúra üzemeltetésével és fejlesztésével. Biztosítják a hálózat folyamatos működését, követik az új hálózati technológiák alakulását, igyekeznek gyakorlatban is kipróbálni őket, alkalomadtán pedig cégekkel kapcsolatot tartva vesznek részt új megoldások tesztelésében is.
-
+            </p>
+            <p className='paragraph'>
               A Schönherzben a 90-es évek óta üzemelteti a Házat lefedő hálózatot a KSZK, mely azóta többször teljes cserén esett át. A KSZK reszorttá válása előtt a NETeam egy erre szakosodott csoportja volt, 2014 óta pedig önálló körként folytatja tevékenységét. A kör tagjai hagyományosan a NetAdmin és segéd-NetAdminok, akik a kollégiumi hálózat fenntartásáért felelősek, illetve a Netikai Bizottság elnöke és tagjai, akik a hálózathasználati szabályzatot tartatják be, illetve a hálózathasználati szabályzattal szemben elkövetett kihágásokat felügyelik és szankcionálják.
+            </p>
+            <p className='paragraph'>
               Az ide kerülőknek lehetőségük van bekapcsolódni az ISO/OSI modell majdnem minden rétegében működő szolgáltatások üzemeltetésébe és fejlesztésébe, amit szolgáltatástól függően akár az egész karon használnak. Ilyen például a Cisco eszközök konfigurációja, WiFi hálózat, VoIP, VPN, DNS/Dinamikus DNS üzemeltetése, fejlesztése, felhasználói adatbázis kezelése, forgalommonitorozás. Ezek széleskörű rálátást engednek egy komplex hálózatra és a használt technológiák működésére. A használt hálózattól függetlenül kialakított router laborban pedig lehetőség van szinte bármilyen, az iparban használt switching/routing megoldás próba szintű felépítésére.
+            </p>
+            <p className='paragraph'>
               Jelenleg várható legnagyobb projektjük a Házat teljes egészében lefedő WiFi hálózat kiépítése lesz, de a következő évben kilátásban van a Software Defined Networking megoldásokkal való ismerkedés, illetve a router labor továbbfejlesztése is.
+            </p>
+            <p className='paragraph'>
               Aki csatlakozik a körbe és hálózatot vagy szolgáltatásokat üzemeltet, fejleszt, felelősséggel fog tartozni az általa irányított rendszerért, ezzel pedig fontos része lesz a Schönherzes közéletnek. Ez a felelősség, az ezzel járó nem kizárólag szakmai tapasztalat és technikai tudás pedig egy későbbi önéletrajzban is olyan tényező tud lenni, amivel kevés frissen végzett hálózati szakember rendelkezik.
             </p>
 
             <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
             <Header as='h3' style={{ fontSize: '2em' }}>SecurITeam</Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p className='paragraph'>
               A SecurITeam-ben te is megismerkedhetsz az IT biztonsĂĄgban hasznĂĄlt technikĂĄkkal: weboldalakat, szervereket, zĂĄrakat ĂŠs mĂŠg hardvereket is tĂśrnek.
-  Csináltál egy weboldalt vagy appot, de nem vagy meggyőződve arról, hogy biztonságos? Náluk mind a támadó, mind a védekező oldal technikáiról tanulhatsz, és ki is próbálhatod a tudásodat élőben. Az SQL injection, programok visszafejtése és exploitálása, webes alkalmazások biztonságának vizsgálata, ismert támadások (pl. Shellshock, Meltdown) kipróbálása, gyenge titkosítások megkerülése, valamint a privacy védelme mind olyan dolgok, amivel ez a kör foglalkozik. A szoftveres témák mellett a fizikai biztonságra is hangsúlyt fektetnek, legyen az Bluetooth sniffing, rádiós lehallgatás, RFID klónozás vagy lockpicking, náluk megtalálod ez ehhez szükséges eszközöket és szaktudást!
-  A kör előadásokat, tanfolyamokat és workshopokattart, illetve a Schönherzes infrastruktúra biztonságát rendszeresen pentestekkel ellenőrzik.
-  A körben lehetőséged adódik arra, hogy a korábban felsorolt tevékenységek bármelyikével foglalkozz, tanulj, versenyezz IT biztonsági versenyeken (CTF), illetve a Wargame fejlesztésébe is be tudsz csatlakozni.
+            </p>
+            <p className='paragraph'>
+              Csináltál egy weboldalt vagy appot, de nem vagy meggyőződve arról, hogy biztonságos? Náluk mind a támadó, mind a védekező oldal technikáiról tanulhatsz, és ki is próbálhatod a tudásodat élőben. Az SQL injection, programok visszafejtése és exploitálása, webes alkalmazások biztonságának vizsgálata, ismert támadások (pl. Shellshock, Meltdown) kipróbálása, gyenge titkosítások megkerülése, valamint a privacy védelme mind olyan dolgok, amivel ez a kör foglalkozik. A szoftveres témák mellett a fizikai biztonságra is hangsúlyt fektetnek, legyen az Bluetooth sniffing, rádiós lehallgatás, RFID klónozás vagy lockpicking, náluk megtalálod ez ehhez szükséges eszközöket és szaktudást!
+            </p>
+            <p className='paragraph'>
+              A kör előadásokat, tanfolyamokat és workshopokattart, illetve a Schönherzes infrastruktúra biztonságát rendszeresen pentestekkel ellenőrzik.
+            </p>
+            <p className='paragraph'>
+              A körben lehetőséged adódik arra, hogy a korábban felsorolt tevékenységek bármelyikével foglalkozz, tanulj, versenyezz IT biztonsági versenyeken (CTF), illetve a Wargame fejlesztésébe is be tudsz csatlakozni.
             </p>
 
             <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
             <Header as='h3' style={{ fontSize: '2em' }}>Sysadmin</Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p className='paragraph'>
               A Sysadmin a Schönherz szerverüzemeltetésével foglalkozó öntevékeny köre. A kollégiumban működő IT szolgáltatásokat nyújtó infrastruktúrát ők felügyelik, fejlesztik. Az általuk használt szoftverek között megtalálhatóak Linux, BSD, Solaris valamint Windows alapú megoldások is. Az infrastruktúra VPN szerverének segítségével akár otthonról is hozzáférhetsz azokhoz az erőforrásokhoz, amelyek csak az egyetemi hálózatból elérhetők. 2014 végén indult a legfiatalabb, RemoteApp névre hallgató szolgáltatásuk, mellyel úgy értheted el az oktatásban is használt (és egyéb) szoftvereket, hogy nem szükséges azokat telepítened a gépedre. A felhasználói igények alapján folyamatosan bővítik szolgáltatásaik palettáját.
-Minden félévben indítanak új projekteket. Jelenleg és a következő félévekben egy Docker (Kubernetes) alapú container cluster fejlesztésén és üzembe helyezésén, illetve konfiguráció menedzsment bevezetésén dolgoznak. Az új dolgok mellett persze komoly hangsúlyt fektetnek a jelenleg üzemelő szerverek folyamatos karbantartására is. Náluk megtanulhatod, hogyan kell egy több fizikai hosztból álló, körülbelül 150 virtuális szervert kiszolgáló virtualizációs clustert üzemeltetni, de akár a webhosting területén is fejlesztheted tudásod a Ház legnagyobb (~200 weboldat kiszolgáló) szerverének felügyelete során. Ha szeretnél a felszín mögé látni, és releváns szakmai tapasztalatot szerezni a területen, akkor köztük a helyed. Az előismeret nem követelmény, a lelkesedés igen.
+            </p>
+            <p className='paragraph'>
+              Minden félévben indítanak új projekteket. Jelenleg és a következő félévekben egy Docker (Kubernetes) alapú container cluster fejlesztésén és üzembe helyezésén, illetve konfiguráció menedzsment bevezetésén dolgoznak. Az új dolgok mellett persze komoly hangsúlyt fektetnek a jelenleg üzemelő szerverek folyamatos karbantartására is. Náluk megtanulhatod, hogyan kell egy több fizikai hosztból álló, körülbelül 150 virtuális szervert kiszolgáló virtualizációs clustert üzemeltetni, de akár a webhosting területén is fejlesztheted tudásod a Ház legnagyobb (~200 weboldat kiszolgáló) szerverének felügyelete során. Ha szeretnél a felszín mögé látni, és releváns szakmai tapasztalatot szerezni a területen, akkor köztük a helyed. Az előismeret nem követelmény, a lelkesedés igen.
             </p>
 
           </Container>
diff --git a/src/components/pages/Home.js b/src/components/pages/Home.js
index 8a78501..2558be8 100644
--- a/src/components/pages/Home.js
+++ b/src/components/pages/Home.js
@@ -182,6 +182,18 @@ class Home extends Component {
               időpontban. A képzés ideje alatt március 9-11 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' }}>
+                Á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' }}>
+                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>
       </div>
-- 
GitLab