TTMK/web2.0-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Few layout changes on GuildPage

Browse Source
This commit is contained in:
Aarni Halinen
2020-11-23 19:40:57 +02:00
parent a046154a55
commit 018ad44ec2
1 changed files with 24 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/GuildPage/GuildPageView.tsx
+24 -77
View File
@@ -15,6 +15,10 @@ const Column = styled.div`
color: inherit;
}
& > section {
flex: 1;
}
section:first-of-type {
background-color: ${colors.lightTurquoise};
}
@@ -68,9 +72,11 @@ const GuildPageView: React.FC = () => (
</aside>
</TextSection>
<CTASection bgColor="lightBlue">
Kiltatoimintaa järjestää ja ylläpitää hallitus, toimihenkilöt ja jaokset
</CTASection>
<TextSection>
<h3>Kiltatoimintaa järjestää ja ylläpitää hallitus, toimihenkilöt ja jaokset</h3>
<div>
<p>Killan jokapäiväisestä toiminnasta on vastuussa 3-13 kiltalaisen muodostama hallitus. Hallituksen jäseniä on esimerkiksi puheenjohtaja, rahastonhoitaja ja sihteeri. Lisäksi hallituksessa saattaa olla killan erilaisten toimikuntien puheenjohtajia, joilla jokaisella on oma vastuualueensa. Hallitus kokoontuu normaalitilanteessa kerran viikossa tekemään päätöksiä ja keskustelemaan kiltaan liittyvistä aiheista. Jos jokin asia vaivaa mieltäsi tai sinulla on parannusehdotus, hallitus on yleensä oikea taho lähestyä.</p>
<p>Hallituksen lisäksi killan arkea pyörittää lukuisa määrä toimihenkilöitä, joiden tehtävät ja vastuu riippuvat virasta. Hallitus ja toimihenkilöt valitaan aina vuodeksi jokasykysyisessä vaalikokouksessa, jota edeltää kaikille avoin haku tehtäviin. Vuoden kestävien tehtävien lisäksi killassa on useita jaoksia, joissa voi vapaamuotoisemmin toteuttaa ideoitaan ilman sitoutumista tiettyyn virkaan.</p>
@@ -87,31 +93,28 @@ const GuildPageView: React.FC = () => (
</aside>
</TextSection>
<TextSection>
<h3>Kilta on toimijoidensa näköinen</h3>
<div>
<CTASection bgColor="darkBlue">
Kilta on toimijoidensa näköinen
</CTASection>
<Column>
<FullWidthSection>
<h6>Miksi lähteä kiltatoimintaan?</h6>
<p>Kiltatoiminnassa tutustut uusiin ihmisiin ja opit monia työelämässä tarpeellisia taitoja. Kiltatoiminta on hyvä tilaisuus kokeilla ja opetella aivan uusia asioita, sillä missään tehtävässä ei vaadita pitkää listaa esitietoja. Tehtävien työmäärä riippuu tehtävästä ja toimikunnasta, mutta yleisesti toiminta on hyvin joustavaa. Jos sinulla on kysymyksiä koskien kiltatoimintaa tai jotain tiettyä tehtävää, ota yhteyttä nykyisiin toimijoihin!</p>
</FullWidthSection>
<FullWidthSection>
<h6>Runsaasti erilaisia tehtäviä</h6>
<p>Killassa löytyy tehtäviä moneen lähtöön. Olitpa koodaaja, urheilija, kulttuurin ystävä tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. Toimihenkilönä pääset esimerkiksi</p>
<ul>
<li>» Edistämään opintoja ja abimarkkinointia</li>
<li>» Luomaan ja ylläpitämään yrityssuhteita</li>
<li>» Järjestämään juhlia ja saunailtoja</li>
<li>» Luomaan suhteita muiden yliopistojen opiskelijoihin</li>
</ul>
</div>
<aside>
<div>
<PageLink to="#jasenedut" desc="vuonna 2018&nbsp;›">
Yliopiston jäsenedut
</PageLink>
<PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme&nbsp;›">
Liity jäseneksi
</PageLink>
<p>Killassa löytyy tehtäviä moneen lähtöön. Olitpa koodaaja, urheilija, kulttuurin ystävä tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. Toimihenkilönä pääset esimerkiksi</p>
<ul>
<li>» Edistämään opintoja ja abimarkkinointia</li>
<li>» Luomaan ja ylläpitämään yrityssuhteita</li>
<li>» Järjestämään juhlia ja saunailtoja</li>
<li>» Luomaan suhteita muiden yliopistojen opiskelijoihin</li>
</ul>
</div>
</aside>
</TextSection>
</FullWidthSection>
</Column>
<TextSection>
<h3 id="organisaatio" className="large">Kilta tarjoaa palveluita</h3>
@@ -125,62 +128,6 @@ const GuildPageView: React.FC = () => (
</div>
</aside>
</TextSection>
<CTASection bgColor="lightBlue">
Killan hallinto koostuu XXX henkilöstä.
</CTASection>
<CTASection bgColor="darkBlue">
Kiltatoimintaa järjestää ja ylläpitää kilta-aktiivit, <Anchor to="/toimikunnat">toimikunnat</Anchor> ja <Anchor to="/jaokset">jaokset</Anchor>.
</CTASection>
<Column>
<FullWidthSection>
<div>
<h6>Miksi alkaa kilta-aktiiviksi?</h6>
<p>Näitä töitä tehdessä saa väkisinkin paljon uusia kavereita ja oppii monia palkallisessa työelämässä tarpeellisia taitoja. Eikä laajasta tuttavapiiristä ja monista kontakteista varmasti haittaa ole tulevaa työuraakaan ajatellen. Rahallista tai materiaalista hyötyä kiltatoiminnasta ei saa, eikä kukaan killan toimintaan mukaan tuleva sitä pyrikään tavoittelemaan. Mikä tärkeintä, kiltatoiminta on kivaa!</p>
<ul>
<li>» Uusia ystäviä, samanhenkistä seuraa</li>
<li>» Loistava mahdollisuus kokeilla omia kykyjään</li>
<li>» Voit kokeilla ja oppia jotain sellaista, mitä et ikinä aikaisemmin ole tehnyt</li>
</ul>
</div>
</FullWidthSection>
<FullWidthSection>
<div>
<h6>Runsaasti erilaisia tehtäviä</h6>
<p>Killassa on todella monenlaisia tehtäviä. Olitpa koodaaja, urheilija tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to="/toimikunnat">Toimikunnissa</TextAnchor> sitoudut toimintaan vuodeksi kerrallaan. <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to="/jaostot">Jaostoiminta</TextAnchor> mahdollistaa kiltatoiminnan kokeilun pienemmässä mittakaavassa. Tehtäväkuvaukset lorem ipsum dolor sit amet alla. Jos ei löydy sopivaa lorem ipsum dolor sit amet, voit perustaa myös oman.</p>
<ul>
<li>» Haluatko <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>valtuustoon</TextAnchor>, <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>hallitukseen</TextAnchor> tai <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>toimariksi</TextAnchor>?</li>
<li>» <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>Toimihenkilönä</TextAnchor> pääset edistämään opintoja</li>
<li>» Lorem ipsum</li>
</ul>
</div>
</FullWidthSection>
</Column>
<TextSection>
<h3 className="large">Jaokset—kokeile kiltatoimintaa vapaammin</h3>
<p>
Kiinnostaako kiltatoiminta, mutta vuoden kestävä sitoutuminen pelottaa? Jaokset mahdollistavat kiltatoiminnan kokeilemisen pienemmässä mittakaavassa. Jaokset toimivat varsin vapaamuotoisesti, mutta siltikin hyvässä hengessä. Mikäli Sinulla olisi hyvä idea, mitä kilta voisi jaosmaisesti toteuttaa, voit myös perustaa oman jaoksen.
</p>
</TextSection>
<CTASection bgColor="orange1">Jäsenedut vuonna 2019</CTASection>
<TextSection>
<h3 className="large">Aalto-yliopiston tarjoamat monenlaiset edut</h3>
<div>
<p>Sen lisäksi että kilta tarjoaa jäsenilleen palveluja ja aktiviteetteja, Aalto-yliopisto tarjoaa lorem ipsum dolor sit amet.</p>
<p>» <Anchor to={"https://download.aalto.fi"}>Download.aalto.fi</Anchor> Täältä voit ladata yliopiston tarjoamia ohjelmia ilmaiseksi.</p>
</div>
<aside>
<InfoBox>
<Anchor to={""}>Jäseneksi liittyminen</Anchor> on helppoa, hauskaa ja hyödyllistä 8 € jäsenmaksulla pääset nauttimaan kaikista jäseneduista.
</InfoBox>
</aside>
</TextSection>
</>
);