web2.0-frontend/src/views/GuildPage/GuildPageView.tsx

import React from "react";
import styled from "styled-components";
import {
  CTASection, TextSection, PageLink, Link,
} from "@components/index";
import FullWidthSection from "@components/Sections/FullWidthSection";
import colors from "@theme/colors";
import breakpoints from "@theme/breakpoints";
import GuildPageHero from "./GuildPageHero";

const Column = styled.div`
  display: flex;
  flex-flow: row nowrap;

  a {
    color: inherit;
  }

  & > section {
    flex: 1 1 0%;
  }

  @media screen and (max-width: ${breakpoints.mobile}) {
    flex-flow: column nowrap;
  }

  section:first-of-type {
    background-color: ${colors.lightTurquoise};
  }

  section:last-of-type {
    background-color: ${colors.lightBlue};

    p {
      a {
        font-weight: normal;
      }
    }
  }

  ul {
    list-style: none;

    li::before {
      content: attr(data-icon);
      margin-right: 4px;
    }
  }
`;

const GuildPageView: React.FC = () => (
  <>
    <GuildPageHero />

    <TextSection>
      <div>
        <h6>Aalto-yliopiston Sähköinsinöörikilta ry</h6>
        <p>
          on opiskelijajärjestö, joka kokoaa yhteen laaja-alaisesti sähkötekniikan osaajia elektroniikasta nanoteknologiaan ja akustiikkaan.
          Sähköinsinöörikilta, tuttavallisemmin SIK, on perustettu vuonna 1921, ja sillä on nykyään yli 500 sähkötekniikkaa opiskelevaa tai yhdistyksestä muuten kiinnostunutta jäsentä.
          Killan tarkoitus on ajaa jäsentensä etua Aalto-yliopistossa ja <Link to="https://www.aalto.fi/fi/sahkotekniikan-korkeakoulu">Sähkötekniikan korkeakoulussa ELEC:ssä</Link>,
          huolehtia jäsenten hyvinvoinnista, edistää jäsenten ammatillista osaamista ja ylläpitää teekkarihenkeä.
        </p>
        <p>
          Jäsenten hyvinvoinnista kilta huolehtii järjestämällä vastapainoa opiskelulle erilaisten tapahtumien, kuten juhlien, saunailtojen ja urheilun muodossa.
          Kiltalaisten kokoontumispaikkana toimiva <Link to="#palvelut">kiltahuone</Link> sijaitsee osoitteessa Maarintie 8. Kiltahuoneella jäsenet voivat opiskella, rentoutua opiskelun ohessa ja tavata muita kiltalaisia.
        </p>
        <p>
          Kilta järjestää vierailuja monipuolisesti alan yrityksiin ja järjestää yritystapahtumia.
          Kiltatoiminnassa käytetään samoja työkaluja, kuin yritysmaailmassa, ja kiltatoiminta pyrkii myös valmentamaan opiskelijoita työelämään.
          Ammatillista osaamista ja sähkötekniikan harrastamista tuetaan ylläpitämällä <Link to="#palvelut">SIK-pajaa</Link>, jossa kiltalaiset voivat tehdä omia projektejaan.
          Kiltalaisten voimin julkaistaan myös kiltalehti <Link to="https://sosso.fi">Sössöä</Link>, jossa on artikkeleita koskien niin kiltatoimintaa, opiskelua kuin vapaa-ajan harrastuksiakin.
        </p>
      </div>

      <aside>
        <div>
          <PageLink to="https://api.sahkoinsinoorikilta.fi/members/application/" desc="ja tule mukaan toimintaamme&nbsp;›">
            Liity jäseneksi
          </PageLink>
        </div>
      </aside>
    </TextSection>

    <CTASection bgColor="lightBlue">
      Kiltatoimintaa järjestää ja ylläpitää hallitus, toimihenkilöt ja jaokset
    </CTASection>

    <TextSection>
      <div id="organisaatio">
        <p>
          Killan jokapäiväisestä toiminnasta on vastuussa 3-13 kiltalaisen muodostama hallitus.
          Hallituksen jäseniä ovat 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>
      </div>
      <aside>
        <div>
          <PageLink to="/kilta/hallitus" desc="löydät täältä&nbsp;›">
            Hallituksen jäsenten yhteystiedot
          </PageLink>
          <PageLink to="https://static.sahkoinsinoorikilta.fi/Poytakirjat/" desc="löydät täältä&nbsp;›">
            Hallituksen kuulumiset
          </PageLink>
          <PageLink to="https://static.sahkoinsinoorikilta.fi/saannot/killansaannot.pdf" desc="löydät täältä&nbsp;›">
            Killan säännöt
          </PageLink>
        </div>
      </aside>
    </TextSection>

    <CTASection bgColor="darkBlue" id="toimintaan">
      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ä <Link to="/kilta/toimihenkilot">nykyisiin toimijoihin!</Link>
        </p>
      </FullWidthSection>
      <FullWidthSection>
        <h6>Runsaasti erilaisia tehtäviä</h6>
        <div>
          <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
            <ul>
              <li data-icon="»">Edistämään opintoja ja abimarkkinointia</li>
              <li data-icon="»">Luomaan ja ylläpitämään yrityssuhteita</li>
              <li data-icon="»">Järjestämään juhlia ja saunailtoja</li>
              <li data-icon="»">Luomaan suhteita muiden yliopistojen opiskelijoihin</li>
            </ul>
          </p>
        </div>
      </FullWidthSection>
    </Column>

    <TextSection id="palvelut">
      <h3>Kilta tarjoaa palveluita</h3>
      <div>
        <p>
          Tapahtumien, edunvalvonnan ja yrityskontaktien lisäksi kilta ylläpitää Maarintie 8:ssa sijaitsevaa kiltahuonetta, jossa kiltalaiset voivat viettää vapaasti aikaa opiskellen tai vapaa-ajan merkeissä.
          Kiltahuone on kaikille avoin tila, johon voi kuka tahansa vapaasti tulla rakennuksen aukioloaikojen puitteissa.
          Kiltahuoneella voi pelailla, lukea lehtiä ja nauttia kiltahuoneen myyntituotteista.
          Kiltahuoneella pidetään monesti kokouksia, peli-iltoja ja käytetään sitä myös opiskeluunkin.
          Tilavaan huoneeseen mahtuu tekemään monenlaista samaan aikaan!
        </p>
        <p>
          Kilta toimittaa myös <Link to="https://sosso.fi">Sössöä</Link>, joka on Sähköinsinöörikillan oma kiltalehti.
          Lehti ilmestyy fyysisenä lehtenä pari kertaa vuodessa, ja lisäksi artikkeleita ilmestyy sähköisessä muodossa painettujen lehtien välillä.
        </p>
        <p>
          Kiltalaisten omia projekteja varten kilta ylläpitää Otakaari 1:ssä sijaitsevaa SIK-pajaa, josta löytyy tarvikkeita, työkaluja ja tilat monenlaisia töitä varten.
          Jos haluat tutustua tiloihin, ota yhteyttä <Link to="/kilta/toimihenkilot#ptmk">pajamestariin</Link>!
        </p>
      </div>
      <aside>
        <div />
      </aside>
    </TextSection>
  </>
);

export default GuildPageView;