Update texts on numerous pages

src/views/ActualPage/ActualPageHero.tsx

@@ -10,12 +10,12 @@ const ActualPageHero: React.FC = () => (
         text="Teekkarielämä ei ole pelkkää saunomista, juhlimista ja muita huvituksia—tai no, on se sitäkin."
       >
         <HeroPrimaryButtons row>
-          <Anchor to="/kilta">
+          <Anchor to="#tapahtumat">
             <button onClick={() => { }}>
               <span>Tapahtumat&nbsp;›</span>
             </button>
           </Anchor>
-          <Anchor to="/kilta">
+          <Anchor to="#uutiset">
             <button onClick={() => { }}>
               <span>Uutiset&nbsp;›</span>
             </button>

src/views/ActualPage/EventCalendar.tsx

@@ -15,7 +15,7 @@ const EventCalendar: React.FC<EventCalendarProps> = ({events}) => {
   const filteredEvents = events.slice(0, numberShown);
   return (
     <FullWidthSection>
-      <h1>
+      <h1 id="tapahtumat">
         Tapahtumat
         <FilterContainer>
           <Button type="filter" onClick={() => { setFilter(0) }} selected={filterSelected === 0}>

src/views/ActualPage/News.tsx

@@ -15,7 +15,7 @@ const News: React.FC<NewsProps> = ({feed}) => {
   const filteredFeed = feed.slice(0, numberShown);
   return (
     <FullWidthSection>
-      <h1>
+      <h1 id="uutiset">
         Uutiset
         <FilterContainer>
           <Button type="filter" onClick={() => { setFilter(0) }} selected={filterSelected === 0}>

src/views/CorporatePage/CorporatePageView.tsx

@@ -4,6 +4,9 @@ import { CTASection, TextSection, PageLink } from "@components/index";
 import { JobAd } from "@models/JobAd";
 import JobAdList from "./JobAdList";
 
+const EXCURSION_RULES = "https:https://static.sika.sik.party/saannot/excursiosaannot.pdf";
+const YTMK_MAIL = "sik-yritys@list.ayy.fi"
+
 interface CorporatePageViewProps {
   jobAds: JobAd[];
 }
@@ -16,11 +19,11 @@ const CorporatePageView: React.FC<CorporatePageViewProps> = ({ jobAds }) => (
       <p><strong>Aalto-yliopiston Sähköinsinöörikillan</strong> jäsenistöstä valmistuvat maan parhaimmat matematiikkaa ja fysiikkaa soveltavat huippuosaajat. Killan tehtävänä on pitää jäsenistään huolta ja edistää aktiivisesti jäsenten ja toimijoiden jaksamista. Killassa opitaan myös tärkeitä työelämätaitoja ammattimaisen killan johtamisen kautta.</p>
       <aside>
         <div>
-          <PageLink to="https:https://static.sika.sik.party/saannot/excursiosaannot.pdf" desc="Lue täältä›">
-                  Excursiosäännöt
+          <PageLink to={EXCURSION_RULES} desc="Lue täältä›">
+            Excursiosäännöt
           </PageLink>
           <PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme&nbsp;›">
-                  Liity jäseneksi
+            Liity jäseneksi
           </PageLink>
         </div>
       </aside>
@@ -41,13 +44,13 @@ const CorporatePageView: React.FC<CorporatePageViewProps> = ({ jobAds }) => (
         <p>Excursioiden tarkoituksena on tarjota opiskelijoille mahdollisuus tutustua yritysmaailmaan. Excursioita, tai tuttavallisemmin excuja, järjestetään niin lähelle kuin kauaskin ja niillä tarkoituksena on päästä vierailemaan yrityksen tiloihin ja tutustumaan yrityksen kiinnostaviin työntekijöihin ja työtehtäviin. Hauskanpito ja teekkariperinteiden vaaliminen ovat tärkeä osa jokaista excua.</p>
 
         <h6>Potentiaalin Tasaus</h6>
-        <p>Kiltamme viettää perinteikkäitä vuosijuhliaan helmikuun kolmantena lauantaina. Potentiaalin Tasaus on kiltamme juhlavin ja rakkain tapahtuma. Yrityksillä on mahdollisuus osallistua vuosijuhliin niin pienellä kuin suurellakin panoksella. Killan 100-vuotisjuhla PoTa100 lähestyy myös kovaa vauhtia. Jos yrityksesi on kiinnostunut 100-vuotisjuhlasta, kannattaa ohjautua osoitteeseen sik100.fi.</p>
+        <p>Kiltamme viettää perinteikkäitä vuosijuhliaan helmikuun kolmantena lauantaina. Potentiaalin Tasaus on kiltamme juhlavin ja rakkain tapahtuma. Yrityksillä on mahdollisuus osallistua vuosijuhliin niin pienellä kuin suurellakin panoksella. Killan 100-vuotisjuhla PoTa100 lähestyy myös kovaa vauhtia. Jos yrityksesi on kiinnostunut 100-vuotisjuhlasta, kannattaa ohjautua osoitteeseen <a href="https://sik100.fi">sik100.fi</a>.</p>
 
         <h6>Killan nettisivut ja työpaikkamainokset</h6>
         <p>Killan nettisivuilla on listattu killan yritysyhteistyökumppanit. Killan sivuilta löytyvät myös yritysyhteistyökumppaneiden avoimet työpaikkamainokset. Nämä mainokset ohjataan killan jäsenistölle eteenpäin myös viikottaisin kiltamailin kautta, jotta kaikki mainokset saavat parhaan mahdollisen näkyvyyden kiltalaisten arjessa.</p>
 
         <h6>Sössö</h6>
-        <p>Sössö on Sähköinsinöörikillan hauska ja rakas opiskelijalehti. Sössö on kerännyt suosiota ja kartuttanut lukijamäärää jo vuodesta 1969 asti. Sössö ilmestyy perinteisesti paperisena, mutta myös Netti-Sössössä julkaistaan jatkuvasti uusia artikkeleja. Sössö tavoittaa noin tuhat elektroniikan, sähkötekniikan ja tietoliikennetekniikan opiskelijaa sekä koko tiedekunnan henkilökunnan. Lisäksi lehti lähetetään muille opiskelijajärjestöille. Yritysten on mahdollista saada mainostilaa Sössön sivuilta.</p>
+        <p><a href="https://sosso.fi">Sössö</a> on Sähköinsinöörikillan hauska ja rakas opiskelijalehti. Sössö on kerännyt suosiota ja kartuttanut lukijamäärää jo vuodesta 1969 asti. Sössö ilmestyy perinteisesti paperisena, mutta myös Netti-Sössössä julkaistaan jatkuvasti uusia artikkeleja. Sössö tavoittaa noin tuhat elektroniikan, sähkötekniikan ja tietoliikennetekniikan opiskelijaa sekä koko tiedekunnan henkilökunnan. Lisäksi lehti lähetetään muille opiskelijajärjestöille. Yritysten on mahdollista saada mainostilaa Sössön sivuilta.</p>
       </div>
 
     </TextSection>
@@ -57,13 +60,13 @@ const CorporatePageView: React.FC<CorporatePageViewProps> = ({ jobAds }) => (
       <div>
         <p>Yllämainituista mahdollisuuksista, sekä muista ideoista kiinnostuneena, voit olla yhteydessä Yrityssuhdemestariimme Jarnoon.</p>
         <h6>Yrityssuhdemestari</h6>
-        <p>Jarno Mustonen <br/>050 123 4567<br/> Jarno.mustonen (ät) aalto.fi</p>
+        <p>Jarno Mustonen <br/>050 123 4567<br/> <a href="mailto:jarno.mustonen@aalto.fi">jarno.mustonen@aalto.fi</a></p>
       </div>
     </TextSection>
 
     <CTASection
       bgColor="orange1"
-      link="https://sosso.fi"
+      link="https://sosso.fi/wp-content/uploads/2020/02/Sossomediakortti_2020.pdf"
       linkText="Killan lehden mediakortin löydät täältä&nbsp;›"
     >
       Mainos Sössöön?
@@ -73,7 +76,7 @@ const CorporatePageView: React.FC<CorporatePageViewProps> = ({ jobAds }) => (
       <h3 id="tyopaikat">Työpaikkailmoitukset</h3>
       <div>
         <JobAdList jobAds={jobAds} />
-        <p>Voit saada yrityksesi työpaikkailmoituksen listalle lähettämällä sen osoitteeseen <a style={{color: "black"}} href="mailto:sik-yritys@list.ayy.fi">sik-yritys@list.ayy.fi</a> </p>
+        <p>Voit saada yrityksesi työpaikkailmoituksen listalle lähettämällä sen osoitteeseen <a href={`mailto:${YTMK_MAIL}`}>{YTMK_MAIL}</a></p>
       </div>
 
     </TextSection>

src/views/CorporatePage/JobAdList.tsx

@@ -1,7 +1,9 @@
 import React from "react";
 import styled from "styled-components";
 import { JobAd } from "@models/JobAd";
-import Anchor from "@components/Anchor";
+// import Anchor from "@components/Anchor";
+import { Accordion } from "@components/index";
+import ReactMarkdown from "react-markdown";
 
 interface JobAdListProps {
   jobAds: JobAd[];
@@ -10,6 +12,7 @@ interface JobAdListProps {
 const List = styled.ul`
   li {
     margin: 1rem 0;
+    list-style: none;
   }
 `;
 
@@ -17,9 +20,14 @@ const JobAdList: React.FC<JobAdListProps> = ({ jobAds }) => (
   <List>
     {jobAds.map((ad) => (
       <li key={ad.id}>
-        <Anchor to={`/jobads/${ad.id}`}>
-          {ad.title_fi}
-        </Anchor>
+        <Accordion title={ad.title_fi}>
+          <div>
+            <p>
+              {ad.description_fi}
+            </p>
+            <ReactMarkdown source={ad.content_fi} escapeHtml={false} />
+          </div>
+        </Accordion>
       </li>
     ))}
   </List>

src/views/FreshmenPage/FreshmenPageView.tsx

@@ -1,13 +1,19 @@
 import React from "react";
 import styled from "styled-components";
 import FreshmenPageHero from "./FreshmenPageHero";
-import Anchor from "@components/Anchor";
 import { CTASection, TextSection, InfoBox, PageLink } from "@components/index";
 
 const KippariImage = styled.img`
   max-width:100%;
 `
 
+const FOPAS_LINK = "";
+const FUKSI_POINTS_LINK = "";
+const TG_GROUP_CHAT_LINK = "https://t.me/joinchat/GsmJjhst3-BYIHQSefVhHg";
+const TG_NOTIFICATIONS_LINK = "";
+const EMAIL_LINK = "sik-ftmk@list.ayy.fi";
+const EMAIL_LINK_MAILTO = `mailto:${EMAIL_LINK}`;
+
 const FreshmenPageView: React.FC = () => (
   <>
     <FreshmenPageHero />
@@ -15,17 +21,17 @@ const FreshmenPageView: React.FC = () => (
       <h3 id="abeille">Onnittelut hyvästä opiskeluvalinnasta</h3>
       <div>
         <p>Olet tehnyt upean valinnan ottamalla askeleen matkalla, jossa sinusta ensin kehkeytyy teekkari ja myöhemmin diplomi-insinööri. Sinusta on juuri tullut tekniikan ylioppilas ja fuksi. Hieno saavutus, jota tietysti on syytä juhlia, ja tähän juhlaan paras sijainti on ehdottomasti Otaniemi. Tervetuloa!</p>
-        <p>Ensi askeleina suosittelen, että liityt teille fukseille tehdyille Telegram-kanaville. Tästä pääset tiedotuskanavalle ja <Anchor to="https://t.me/joinchat/GsmJjhst3-BYIHQSefVhHg">tästä</Anchor> tutustumaan fuksikavereihin ja ISOihisi.</p>
+        <p>Ensi askeleina suosittelen, että liityt teille fukseille tehdyille Telegram-kanaville. <a href={TG_NOTIFICATIONS_LINK}>Tästä</a> pääset tiedotuskanavalle ja <a href={TG_GROUP_CHAT_LINK}>tästä</a> tutustumaan fuksikavereihin ja ISOihisi.</p>
 
         <h6>Matka nimeltä Teekkarius</h6>
-        <p>Teekkarin matka on jokaiselle oman näköisensä. Kilta, ylioppilaskunta ja Otaniemen muut järjestöt tarjoavat varmasti jokaiselle omanlaista tekemistä ja harrastusta. Olet nyt osa Aalto-yliopiston Sähköinsinöörikiltaa ja me tulemme tukemaan sinua teekkariuden matkalla, jotta löydät juuri sinulle sopivat paikat, joissa vaikuttaa ja harrastaa. Jotta tämä onnistuisi, olemme esimerkiksi sijoittaneet sinut fuksiryhmään, johon tulet Orientaatioviikolla tutustumaan ja josta saat oman tukiryhmän uusiin seikkailuihin. Fuksiryhmääsi kuuluu myös muutama ISO. Heistä löydät lisää tietoa alempaa.</p>
+        <p>Teekkarin matka on jokaiselle oman näköisensä. Kilta, ylioppilaskunta ja Otaniemen muut järjestöt tarjoavat varmasti jokaiselle omanlaista tekemistä ja harrastusta. Olet nyt osa Aalto-yliopiston Sähköinsinöörikiltaa ja me tulemme tukemaan sinua teekkariuden matkalla, jotta löydät juuri sinulle sopivat paikat, joissa vaikuttaa ja harrastaa. Jotta tämä onnistuisi, olemme esimerkiksi sijoittaneet sinut fuksiryhmään, johon tulet Orientaatioviikolla tutustumaan ja josta saat oman tukiryhmän uusiin seikkailuihin. Fuksiryhmääsi kuuluu myös muutama ISO. Heistä löydät lisää tietoa <a href="#isot">alempaa</a>.</p>
 
         <h6>Fuksikapteenit</h6>
-        <p>Me olemme fuksikapteenisi Emmaleena ja Jonna ja tulemme olemaan tukenasi sekä valvomassa suorituksiasi fuksivuoden seikkailuissa kohti teekkarilakkia, jonka voit ansaita mahdollisesti järjestettävänä Wappuna ensi keväällä. Jos sinulla on mitään kysymyksiä, ota ihmeessä meihin yhteyttä esimerkiksi Telegramissa tai sähköpostitse.</p>
+        <p>Me olemme fuksikapteenisi <strong>Emmaleena</strong> ja <strong>Jonna</strong> ja tulemme olemaan tukenasi sekä valvomassa suorituksiasi fuksivuoden seikkailuissa kohti teekkarilakkia, jonka voit ansaita mahdollisesti järjestettävänä Wappuna ensi keväällä. Jos sinulla on mitään kysymyksiä, ota ihmeessä meihin yhteyttä esimerkiksi <a href={TG_GROUP_CHAT_LINK}>Telegramissa</a> tai <a href={EMAIL_LINK_MAILTO}>sähköpostitse</a>.</p>
 
         <h6>Hymyillään, kun tavataan!</h6>
         <p>Vaikka ensimmäiset päivät Otaniemessä saattavatkin tuoda tullessaan hupsuja ja kummallisia kokemuksia, älä säikähdä niitä! Ajan myötä palapelin palat muodostavat sinun näköisesi kuvan ja pääset itse vaikuttamaan siihen, miltä lopputulos näyttää.</p>
-        <p>Orientaatioviikko järjestetään 31.8-4.9, mutta jo ennen sitä sinulla on mahdollisuus tulla tutustumaan meihin, muihin fuksiehin ja ISOihin Varaslähtöön. Varaslähtö fuksivuoteen järjestetään 22.8. Siitä lisää Telegram-ryhmissä ja fuksioppaassa!</p>
+        <p>Orientaatioviikko järjestetään 31.8-4.9, mutta jo ennen sitä sinulla on mahdollisuus tulla tutustumaan meihin, muihin fuksiehin ja ISOihin Varaslähtöön. Varaslähtö fuksivuoteen järjestetään 22.8. Siitä lisää Telegram-ryhmissä ja <a href={FOPAS_LINK}>fuksioppaassa</a>!</p>
 
         <h6>Emmaleena</h6>
         <p>0504392855 <br/>emmaleena.ahonen (ät) aalto.fi</p>
@@ -35,13 +41,13 @@ const FreshmenPageView: React.FC = () => (
       </div>
       <aside>
         <div>
-          <PageLink to="mailto:sik-ftmk@list.ayy.fi" desc="sik-ftmk@list.ayy.fi">
+          <PageLink to={EMAIL_LINK_MAILTO} desc={EMAIL_LINK}>
             Fuksikipparit tavoitat
           </PageLink>
           <PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme&nbsp;›">
             Liity jäseneksi
           </PageLink>
-          <PageLink to="fuksipisteohje.pdf/" desc="Katso fuksipisteitä&nbsp;›">
+          <PageLink to={FUKSI_POINTS_LINK} desc="Katso fuksipisteitä&nbsp;›">
             Fuksipisteohje
           </PageLink>
         </div>
@@ -49,8 +55,8 @@ const FreshmenPageView: React.FC = () => (
         <div>
           <InfoBox>
             <h6>Telegram?</h6>
-            <p>Telegram on pikaviestinpalvelu, jota käytetään otaniemessä paljon. Hieman samanlainen kuin Whatsapp, mutta ominaisuuksiltaan paremmaksi todettu. Lisätietoja: https://telegram.org/faq</p>
-            <p>SIK:n fukseilla on oma Telegram-ryhmä, jonne pääset liitymään tästä.</p>
+            <p>Telegram on pikaviestinpalvelu, jota käytetään otaniemessä paljon. Hieman samanlainen kuin Whatsapp, mutta ominaisuuksiltaan paremmaksi todettu. Lisätietoja: <a href="https://telegram.org/faq">https://telegram.org/faq</a>.</p>
+            <p>SIK:n fukseilla on oma Telegram-ryhmä, jonne pääset liitymään <a href={TG_GROUP_CHAT_LINK}>tästä</a>.</p>
           </InfoBox>
         </div>
       </aside>

src/views/FrontPage/FrontPageHero.tsx

@@ -7,15 +7,15 @@ const FrontPageHero: React.FC = () => (
     <div>
       <HeroPrimarySection
         header="Aalto-yliopiston Sähköinsinöörikilta"
-        text="on elektroniikan ja sähkötekniikan opiskelijoiden järjestö. Kilta kasaa yhteen yli 600 alansa huippua, jotka ovat avainasemassa vauhdilla sähköistyvän maailmamme kehityksessä."
+        text="on opiskelijajärjestö, joka kokoaa yhteen laaja-alaisesti sähkötekniikan osaajia elektroniikasta nanoteknologiaan ja akustiikkaan. Kiltalaisista valmistuu alansa huippuja, jotka ovat avainasemassa vauhdilla sähköistyvän maailmamme kehityksessä."
       >
         <HeroPrimaryButtons>
           <Anchor to="/kilta">
             <button onClick={() => { }}>
-              <span>Killan tehtävät&nbsp;›</span>
+              <span>Tietoa killasta&nbsp;›</span>
             </button>
           </Anchor>
-          <Anchor to="/kilta">
+          <Anchor to="/kilta/toiminta">
             <button onClick={() => { }}>
               <span>Vastapainoa opiskelulle&nbsp;›</span>
             </button>
@@ -26,8 +26,8 @@ const FrontPageHero: React.FC = () => (
 
     <HeroAside bgColor="darkBlue">
       <HeroAsideItem
-        header="Vasta-aloittanut opiskelija"
-        text="Fuksikasvatusta, ISO-toimintaa, lorem ipsum dolor sit ja amet."
+        header="Vasta-aloittaneelle opiskelijalle"
+        text="Fuksikasvatusta ja ISOtoimintaa"
         link="/kilta/fuksi"
         linkText="Fuksit&nbsp; ›"
       />
@@ -39,7 +39,7 @@ const FrontPageHero: React.FC = () => (
       />
       <HeroAsideItem
         header="Yhteistyö yritysten kanssa"
-        text="Avoimet työpaikat ja excursiot. Infoa yritysten edustajille ja sponsseille."
+        text="Avoimet työpaikat ja tietoa yrityksille yhteistyöstä"
         link="/yritysyhteistyo"
         linkText="Yritysyhteistyö&nbsp; ›"
       />

src/views/FrontPage/FrontPageView.tsx

@@ -55,7 +55,7 @@ const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (
           />
         ))}
         <aside>
-          <PageLink to="/events/" desc="löydät tapahtumakalenterista&nbsp;›">
+          <PageLink to="/kilta/toiminta#tapahtumat" desc="löydät tapahtumakalenterista&nbsp;›">
             Kaikki tapahtumat
           </PageLink>
         </aside>
@@ -82,7 +82,7 @@ const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (
           />
         ))}
         <aside>
-          <PageLink to="/feed/" desc="ja hallituksen kuulumiset&nbsp;›">
+          <PageLink to="/kilta/toiminta#uutiset" desc="ja hallituksen kuulumiset&nbsp;›">
             Lue tuoreimmat uutiset
           </PageLink>
           <PageLink to="https://sik.kuvat.fi" desc="kuvagalleriassa&nbsp;›">

src/views/GuildPage/GuildPageHero.tsx

@@ -1,36 +1,35 @@
 import React from "react";
-import Anchor from "@components/Anchor";
 import { Hero, HeroPrimarySection, HeroAside, HeroAsideItem } from "@components/Hero";
 
 const GuildPageHero: React.FC = () => (
   <Hero>
     <div>
-      <HeroPrimarySection
-        header="Kilta koostuu sähkötekniikan ja elektroniikan (ELEC) tutkinto-ohjelmissa opiskelevista opiskelijoista"
-      >
-        <p>Vapaa-ajan <Anchor to="/">jäsenpalvelujen</Anchor> lisäksi killan tehtävänä on edistää jäsentensä <Anchor to="/">opintoja</Anchor>, tarjota uraohjausta ja <Anchor to="/">fuksikasvatusta</Anchor>. Jokaiselle jäsenelle löytyy varmasti jotakin—kaukomaita, opiskelijalehti <Anchor to="https://sosso.fi">Sössöä</Anchor>, ja kiltaaktiivina pääset kartuttamaan kokemusta, josta on hyötyä myös työelämässä.</p>
-        <p>Arvot estrumquias doluptatur aut quam fugiti cus debit landisciis eatemperes eumquibus di blat que sim etus idis dolut labor ad magnat.</p>
+      <HeroPrimarySection header="Kilta koostuu Aalto-yliopiston opiskelijoista, joita yhdistää erilaiset sähkötekniikkaan liittyvät alat">
+        <p>
+          Killan tehtäviin kuuluu varmistaa, että sen jäsenet saavat laadukasta <a href="/opinnot_ja_ura">opetusta</a>, ja että heistä valmistuu alansa huippuosaajia. Uusille opiskelijoille kilta järjestää <a href="/kilta/fuksit">fuksikasvatusta</a>, joka tutustuttaa teekkarikulttuuriin ja opiskeluun yliopistossa. Kilta tarjoaa vastapainoa opiskelulle erilaisten <a href="/kilta/toiminta">tapahtumien</a> muodossa ja välittää jäsenilleen tietoa alan <a href="/yritysyhteistyo">työpaikoista ja yrityksistä</a>.
+        </p>
+        <p>Kilta toimii opiskelijoiden voimin. Killan <a href="#">vapaaehtoisena</a> pääset kartuttamaan kokemusta, josta on valtavasti hyötyä myös myöhemmin työelämässä.</p>
       </HeroPrimarySection>
     </div>
 
     <HeroAside bgColor="lightTurquoise">
       <HeroAsideItem
-        header="Toverielämää ja sähkötekniikkaa"
+        header="Kuka vastaa killan toiminnasta?"
         link="#tehtavat"
         linkText="Killan tehtavat ja tarina&nbsp;›">
       </HeroAsideItem>
       <HeroAsideItem
-        header="Aktiivinen hallinto"
+        header="Miksi lähteä kiltatoimintaan?"
         link="#organisaatio"
         linkText="Organisaatio&nbsp;›">
       </HeroAsideItem>
       <HeroAsideItem
-        header="Kilta-aktiivit järjestävät monipuolista toimintaa"
+        header="Kilta tarjoaa erilaisia palveluita"
         link="#organisaatio"
         linkText="Toimikunnat ja jaokset&nbsp;›">
       </HeroAsideItem>
       <HeroAsideItem
-        header="Edut jäsenille"
+        header="Yliopiston tarjoamat palvelut"
         link="#jasenedut"
         linkText="Yliopiston jäsenedut&nbsp;›">
       </HeroAsideItem>

src/views/GuildPage/GuildPageView.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import TextAnchor from "@components/TextAnchor";
 import Anchor from "@components/Anchor";
-import { CTASection, TextSection, InfoBox, Accordion, PageLink } from "@components/index";
+import { CTASection, TextSection, InfoBox, PageLink } from "@components/index";
 import GuildPageHero from "./GuildPageHero";
 import FullWidthSection from "@components/Sections/FullWidthSection";
 import { colors } from "@theme/colors";
@@ -37,85 +37,100 @@ const GuildPageView: React.FC = () => (
     <GuildPageHero />
 
     <TextSection>
-      <h3 id="tehtavat" className="large">Killan tehtävät ja tarina</h3>
       <div>
-        <p>Kilta tukee jäsentensä hyvinvointia ja tarjoaa vastapainoa opiskelulle. Kilta järjestää esimerkiksi urheilutapahtumia, kulttuurielämyksiä ja näiden lisäksi sitsejä ja saunailtoja. Valinnanvaraa on, joten <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/kalenteri">tapahtumakalenterin</TextAnchor> aktiivisella seuraamisella saattaa olla hyvinkin miellyttäviä seuraamuksia. Voit myös itse järjestää mieleisesi tapahtuman killan tukemana, tai ehdottaa sitä killan toimitsijoille.</p>
+        <p>
+          Aalto-yliopiston Sähköinsinöörikilta ry 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 Sähkötekniikan korkeakoulussa ELEC:ssä (linkki ELECin sivuille?), huolehtia jäsenten hyvinvoinnista, edistää jäsenten ammatillista osaamista ja ylläpitää teekkarihenkeä.
+        </p>
 
-        <p>Yhteistyössä korkeakoulun kanssa, kilta kehittää <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/opinnot">opetusta</TextAnchor>. Kilta on mukana kurssien kehittämisessä, valvoo kiltalaisten etua korkeakoulussa ja tuo korkeakoulun henkilöstöä lähemmäs kiltalaisia. Kilta avaa oven <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/yritysyhteistyo">yritysmaailmaan</TextAnchor> järjestämällä yritysten kanssa excursioita, saunailtoja ja yritystapahtumia. Lisäksi killan kautta kuulee ensimmäisten joukossa uusista avoimista työpaikoista. Killalla on Otaniemen mukavin <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/kiltahuone">kiltahuone</TextAnchor>, jossa voi käydä hengähtämässä luentojen välillä, hakea apua vaikeisiin tehtäviin tai järjestää vaikka leffailtoja. Tämän lisäksi killalla on myös haastavampaan elektroniikkaharrasteluun sopivat tilat.</p>
+        <p>
+          Jäsenten hyvinvoinnista kilta huolehtii järjestämällä vastapainoa opiskelulle erilaisten tapahtumien, kuten juhlien, saunailtojen ja urheilun muodossa. Kiltalaisten kokoontumispaikkana toimiva kiltahuone (linkki sivulla alaspäin) sijaitsee osoitteessa Maarintie 8. Kiltahuoneella jäsenet voivat opiskella, rentoutua opiskelun ohessa ja tavata muita kiltalaisia.
+        </p>
 
-        <h6>Takana lähes satavuotinen historia</h6>
-
-        <p>Vaikka kilta onkin ajan hermolla, on sillä takana lähes satavuotinen historia.
-      Sähköinsinööriklubin tuore puheenjohtaja lausahti klubin ensimmäisessä
-      varsinaisessa kokouksessa 16. helmikuuta 1921: “Koska klubi nyt ensi kerran
-      kokoontuu, niin pyydän lausua toivomuksena, että klubin jäsenillä aina tulisi
-      olemaan hauskaa, että toverielämä kukoistaisi ja että myös sähkötekniikkaa
-      klubissa harrastettaisiin.”.</p>
-
-        <p>Vaikka ajat ovat muuttuneet, klubi on muuttunut killaksi ja jäsenmäärä kasvanut
-      alkuajoista valtavasti, ohjaavat nämä kolme asiaa edelleen killan toimintaa. Vaikka
-      pitkästä historiasta kannattaa olla ylpeä, ei sitä tarvitse kokea taakkana. Uutta
-      historiaa luodaan koko ajan ja tässä on meillä kaikilla mahdollista olla mukana. Ole
-      aktiivinen, ota asioista selvää ja osallistu kaikkeen mahdolliseen. Tulet varmasti
-      yllättymään kaikesta siitä mitä täältä keskuudestamme löytyy.</p>
-
-        <h6>Meitä teekkareita on todella moneen lähtöön</h6>
-
-        <p>Minkäänlaista perus- tai ihanneteekkaria ei ole olemassa, vaan paras teekkariuden
-      määritelmä kuuluukin: “teekkarius on kaikkea sitä, mitä teekkarit tekevät”. Yksi asia
-      meitä kaikkia kuitenkin yhdistää. Opiskelemme jotain tekniikkaan liittyvää täällä
-      Aalto-yliopistossa.
-      Teekkariutta on vaikkapa toimiminen killoissa tai jossain <TextAnchor textColor="blue1" hoverColor="dark-blue" to="https://ayy.fi/yhdistykset/yhdistyslistaus/">AYY:n lukuisista
-      yhdistyksistä</TextAnchor>. Teekkariutta on yhtä lailla SIK:n tapahtumien järjestäminen tai niihin osallistuminen kuin vaikkapa laulaminen Polyteknikkojen Kuorossa tai sukeltaminen Polyteknikkojen sukelluskerho Kuplassa. Kaikille varmasti löytyy jotain itseä kiinnostavaa.</p>
-
-        <p>Teekkareilla, varsinkin otaniemeläisillä, on pitkä ja vahva historia. Siihen kannattaa
-      tutustua, jotta saa jonkinlaisen kuvan siitä vahvasta teekkarihengestä, joka
-      meillä täällä opinahjossamme vallitsee ja on vallinnut koko sen historian ajan.
-      Teekkariuteen kuuluu olennaisena osana mukautuminen ajan vaatimuksiin. Jos asiat
-      tehtäisiin aina vanhaa toistaen, ei voitaisi enää edes puhua teekkariudesta.</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ä Elektroniikkapajaa (linkki sivulla alaspäin), jossa kiltalaiset voivat tehdä omia projektejaan. Kiltalaisten voimin julkaistaan myös kiltalehti Sössöä (sosso.fi), jossa on artikkeleita koskien niin kiltatoimintaa, opiskelua kuin vapaa-ajan harrastuksiakin.
+        </p>
       </div>
 
       <aside>
         <div>
           <PageLink to="#jasenedut" desc="vuonna 2018&nbsp;›">
-                  Yliopiston jäsenedut
+            Yliopiston jäsenedut
           </PageLink>
           <PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme&nbsp;›">
-                  Liity jäseneksi
+            Liity jäseneksi
           </PageLink>
         </div>
         <div>
           <InfoBox>
-                  Herrasmies- tai herrasnaisuus kuuluu olennaisena osana teekkariuteen. Hyvät <TextAnchor to="https://issuu.com/studentunionayy/docs/tavoistaan_teekkari_tunnetaan/25">käytöstavat</TextAnchor> on syytä aina pitää mielessä, liikuttiin sitten puku päällä excuilla tai sitseillä tai haalarit päällä Tukholman illassa.
+            Herrasmies- tai herrasnaisuus kuuluu olennaisena osana teekkariuteen. Hyvät <TextAnchor to="https://issuu.com/studentunionayy/docs/tavoistaan_teekkari_tunnetaan/25">käytöstavat</TextAnchor> on syytä aina pitää mielessä, liikuttiin sitten puku päällä excuilla tai sitseillä tai haalarit päällä Tukholman illassa.
           </InfoBox>
         </div>
       </aside>
     </TextSection>
 
+
+    <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>
+      </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>
+        </div>
+      </aside>
+    </TextSection>
+
+    <TextSection>
+      <h3>Kilta on toimijoidensa näköinen</h3>
+      <div>
+        <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>
+        <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>
+        </div>
+      </aside>
+    </TextSection>
+
+    <TextSection>
+      <h3 id="organisaatio" className="large">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 opiskeluun. Tilavaan huoneeseen mahtuu tekemään monenlaista samaan aikaan!</p>
+        <p>Kilta toimittaa myös Sössöä, 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 Elektroniikkapajaa, josta löytyy tarvikkeita, työkaluja ja tilat monenlaisia töitä varten. Jos haluat tutustua tiloihin, ota yhteyttä pajavastaavaan (yhteystiedot)!</p>
+      </div>
+      <aside>
+        <div>
+        </div>
+      </aside>
+    </TextSection>
+
     <CTASection bgColor="lightBlue">
       Killan hallinto koostuu XXX henkilöstä.
     </CTASection>
 
-    <TextSection>
-      <h3 id="organisaatio" className="large">Organisaatio</h3>
-      <div>
-        <p>Sähköinsinöörikillassa toimeenpanovaltaa käyttää 3–13 kiltalaisen muodostama <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/hallitus">hallitus</TextAnchor> apunaan lukuisa määrä toimihenkilöitä. Hallituksen ja toimihenkilöt valitsee killan <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/valtuusto">valtuusto</TextAnchor>, joka myös valvoo näiden toimintaa. Käytännössä valtuusto valitsee vaalikokouksessaan ensin uuden puheenjohtajan ja jää 1–2 viikon mittaiselle kokoustauolle. Tauon jälkeen puheenjohtaja esittelee valtuustolle ehdotuksensa hallitukseksi ja toimihenkilöiksi, ja valtuusto joko hyväksyy tai hylkää ehdotuksen noin tunnin kestävän kysely- ja esittelytuokion jälkeen. <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/kuulumiset">Hallituksen kuulumiset</TextAnchor> lorem.</p>
 
-        <h6>Valtuuston toimintaa</h6>
-
-        <p>Killan valtuusto valitaan marraskuussa pidettävillä vaaleilla yhdeksi vuodeksi kerrallaan. Vaaleissa ovat vaalikelpoisia ja äänioikeutettuja kaikki SIK:n varsinaiset jäsenet. Uuden valtuuston toiminta alkaa varsin pian valitsemisen jälkeen vaalikokouksessa, jossa todetaan uusi kokoonpano, valitaan puhemiehistö, killan hallituksen puheenjohtaja ja muut hallituksen jäsenet, toimihenkilöt, toimikuntien puheenjohtajat sekä tilintarkastajat. Toinen sääntömääräinen valtuuston kokous on helmikuinen vuosikokous, jossa käsitellään mm. edellisen vuoden toimintakertomus ja tilinpäätös, sekä kuluvan vuoden toimintasuunnitelma ja budjetti. Lisäksi valtuusto pitää tarpeelliseksi katsomanssa määrän kokouksia pitkin vuotta. <TextAnchor textColor="blue1" hoverColor="dark-blue" to="https://static.sika.sik.party">Pöytäkirjat ja muut dokumentit</TextAnchor> lorem ipsum.</p>
-
-        <h6>Hallituksen toimintaa</h6>
-        <p>Jokaisella hallituksen jäsenellä on oma vastuualueensa, jota hän hoitaa yhdessä mahdollisen <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/toimikunnat">toimikuntansa</TextAnchor> kanssa. Puheenjohtajan tehtävä on pitää langat käsissään, ja olla perillä kaikesta, mitä killassa tapahtuu. Hallitus tekee päätökset ja sopii menettelytavat viikottaisessa kokouksessaan. Hallitus on vastuussa kaikesta killan näkyvästä ja näkymättömästä toiminnasta, ja se on myös oikea osoite, jos joku asia vaivaa mieltä, tai mielessä on <TextAnchor textColor="blue1" hoverColor="dark-blue" to="/palaute">parannusehdotus</TextAnchor> mihin tahansa asiaan.</p>
-      </div>
-
-      <aside>
-        <div>
-          <PageLink to="/yhteystiedot/" desc="yhteystiedot&nbsp;›">Vuoden 2019 hallinto</PageLink>
-          <PageLink to="/saannot/" desc="säännöt&nbsp;›">Dolor sit amet</PageLink>
-        </div>
-      </aside>
-    </TextSection>
 
     <CTASection bgColor="darkBlue">
       Kiltatoimintaa järjestää ja ylläpitää kilta-aktiivit, <Anchor to="/toimikunnat">toimikunnat</Anchor> ja <Anchor to="/jaokset">jaokset</Anchor>.
@@ -145,27 +160,6 @@ const GuildPageView: React.FC = () => (
         </div>
       </FullWidthSection>
     </Column>
-
-    <TextSection>
-      <h3 className="large">Sähkötekniikan korkeakoulun toimikunnat</h3>
-      <div>
-        <p>
-          Ylioppilaskunnalla on edustus suuressa osassa Aalto-yliopiston tiedekuntia. Elektroniikan, tietoliikenteen ja automaation tiedekunnan toimikuntiin eli hallopedeihin opiskelijavalinna EST- ja TLT-tutkinto-ohjelmien osalta tehdään osin ylioppilaskunnan edustajistossa Sähköinsinöörikillan esityksestä ja osin Sähköinsinöörikillassa.
-        </p>
-        <Accordion
-          title="Akateeminen komitea">
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus feugiat ante. Nam eget venenatis dui. Morbi purus dui, cursus at velit id, placerat scelerisque turpis. Nulla a mauris odio. Nulla at tempor mi. Maecenas et sapien eu lorem interdum luctus. Proin interdum, tortor eget tempor tristique, massa arcu suscipit ipsum, sit amet lacinia erat lorem sit amet ipsum. Praesent dictum odio auctor odio sodales pharetra. Quisque accumsan iaculis diam, a laoreet odio aliquet eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In hac habitasse platea dictumst. Pellentesque at hendrerit mi. Morbi at lacus finibus, pharetra urna sed, molestie tellus. Duis fermentum sodales leo. Nullam varius, massa in convallis sagittis, mi felis lacinia ipsum, viverra rhoncus nibh ipsum vel mi. Pellentesque ornare hendrerit malesuada.
-                  Suspendisse porta diam in massa suscipit congue. Nulla facilisi. Nulla egestas tempus arcu, vitae ultrices risus rhoncus ac. Ut porta orci neque, vel fermentum turpis fermentum in. Curabitur condimentum, mi in tristique pulvinar, mauris nibh bibendum neque, quis tincidunt purus eros quis dolor. Aliquam imperdiet nibh ac quam iaculis, at ullamcorper diam ultricies. Vestibulum egestas consequat justo non vehicula. Nam non egestas tellus.
-                  Praesent vel auctor ligula. Phasellus faucibus vulputate erat, non fringilla sem ultrices non. In vitae elit sit amet nisl interdum ultrices nec in ligula. Ut et turpis risus. Sed mattis varius nisl, in euismod diam fringilla ac. Nunc sed eros augue. Donec sit amet quam ex. Integer luctus nulla at est rutrum, a commodo est dapibus. Maecenas sagittis scelerisque blandit. Morbi congue tortor eros, sit amet vestibulum dolor tempor vitae. In pretium tellus at velit porttitor, vitae rutrum lacus suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam bibendum ultricies metus, nec placerat urna efficitur auctor. Morbi non purus magna. Ut at ex nec nunc dictum ultricies.
-                  Mauris volutpat nec sem sed malesuada. Sed eu scelerisque libero. Phasellus at mauris in ligula congue interdum et sit amet ante. Sed vestibulum, sem non congue molestie, quam massa euismod sem, non porta sem mauris vitae justo. Donec et fringilla tortor. Cras sed purus eget ante elementum mattis. Nunc elit nunc, volutpat sed congue ac, varius a ligula. Aenean sit amet laoreet dolor. Aenean finibus iaculis diam, quis lacinia nisi semper id. Phasellus eu nulla sed risus accumsan finibus. Nulla vel ante id mi vulputate ultrices. Cras finibus elementum tortor, at fringilla arcu facilisis ut. Cras vitae lectus pretium, posuere risus venenatis, congue metus. Phasellus vel dapibus felis.
-                  Maecenas tincidunt orci nulla. Sed maximus tellus nec lorem dignissim aliquet. Maecenas tincidunt dolor sed est laoreet, nec suscipit augue dictum. Vivamus venenatis rutrum molestie. Vestibulum in maximus leo. Duis a euismod nulla. Aenean luctus sodales quam, ut fringilla elit bibendum in. Ut in purus sit amet libero hendrerit hendrerit ac eget nisl. In ac mauris at felis suscipit scelerisque eu eget erat. Fusce accumsan tempus mauris, porta sagittis odio venenatis ac. Integer mollis nulla in velit dignissim imperdiet. Nunc ac magna ullamcorper, pretium mauris et, semper enim. Morbi aliquet accumsan turpis id rutrum. Donec purus tellus, pellentesque non nunc ac, ornare scelerisque ex.
-        </Accordion>
-        <Accordion title="Lorem" />
-        <Accordion title="Ipsum" />
-        <Accordion title="Lorem" />
-        <Accordion title="Ipsum" />
-      </div>
-    </TextSection>
     <TextSection>
       <h3 className="large">Jaokset—kokeile kiltatoimintaa vapaammin</h3>
       <p>

src/views/StudiesPage/StudiesPageView.tsx

@@ -1,7 +1,13 @@
 import React from "react";
-import { CTASection, TextSection, PageLink } from "@components/index";
+import styled from "styled-components";
+import { CTASection, TextSection, PageLink, Accordion } from "@components/index";
 import StudiesPageHero from "./StudiesPageHero";
 
+const TestimonialImage = styled.img`
+  max-width: 500px;
+  max-height: 500px;
+`;
+
 const StudiesPageView: React.FC = () => (
   <>
     <StudiesPageHero />
@@ -31,6 +37,7 @@ const StudiesPageView: React.FC = () => (
       <div>
         <p>Tähän on kerätty opiskelijoiden ja alumnien uratarinoita. Lue alta esimerkkimahdollisuuksia siitä, mitä sinäkin voisit tehdä tulevaisuudessa ja inspiroidu!</p>
 
+        {/* TODO: New heading level with styles, to seperate author from below h6 headings */}
         <h6>Opiskelijoiden kesätyö- ja osa-aikatyötarinoita</h6>
         <p>Opiskelujen aikana moni tahtoo jo päästä kosketuksiin yritysmaailman kanssa ja sähkötekniikan opiskelijoille töitä tosiaan riittää jo opiskelujen aikaan. Tässä on muutama opiskeluajan uratarina.</p>
 
@@ -39,8 +46,22 @@ const StudiesPageView: React.FC = () => (
 
         <h6>Alumnien tarinoita</h6>
         <p>SIKin alumneja löytyy vaikka mistä! Tässä muutama esimerkki erilaisista työtehtävistä ja tarinoista.</p>
-      </div>
 
+        <TestimonialImage
+          src="https://static.sika.sik.party/uus_webi/images/original/Ville_Viikari_photo_by_Anni_Hanen_02_Original.jpg"
+          alt="Ville Viikari"
+        />
+        <h6>Ville Viikari</h6>
+        <p>
+          Toimin nykyään radiotekniikan professorina Aalto-yliopistossa. Opetan itse mikroaaltotekniikkaa, mutta pääosan työajastani käytän tutkimuksen parissa valvoessani kymmentä tohtoriopiskelijaa. Tutkimuksemme kohteena ovat antennit, joita käytetään esimerkiksi erilaisissa mobiililaitteissa. Teemme tutkimusta tiiviissä yhteistyössä alan yritysten kanssa ja töitä tuntuu riittävän lähes rajattomasti langattomasti siirretyn tiedon kasvaessa eksponentiaalisesti.
+        </p>
+        <p>
+          Lukiossa herännyt kiinnostus fysiikkaan veti minut tekniikan opintoihin. Siitä huolimatta, että sähkö kiinnosti kaikkein vähiten lukiofysiikan eri osa-alueista, päädyin hakemaan sähkölle. Tähän oli syynä erityisen mielenkiintoinen, abeille suunnattu sähkötekniikan esittely. Radioista kiinnostuin toimiessani radistina varusmiespalveluksessa ja niinpä erikoistuin radiotekniikkaan aina tohtorintutkintoon saakka.
+        </p>
+        <p>
+          Väiteltyäni päädyin VTT:lle työskentelemään monipuolisten aiheiden kuten radiotaajuisten etätunnisteiden, erilaisten antureiden, autotutkien, ja mikrosähkömekaanisten järjestelmien parissa. Antoisan VTT-urani eräs mieleenpainuvimmista jaksoista oli tutkijavierailu Kalifornian yliopistossa San Diegossa. VTT:ltä olin jo lähdössä yrittäjäksi kaupallistamaan kehittämäämme tekniikkaa, mutta Aalto yliopistosta saamani tenure track -paikka muutti suunnitelmia.
+        </p>
+      </div>
     </TextSection>
 
     <CTASection
@@ -58,6 +79,29 @@ const StudiesPageView: React.FC = () => (
         <p>Valmistuvalle juttuja, oodi, tenttiarkisto etc.</p>
       </div>
     </TextSection>
+
+
+    <TextSection>
+      <h3 className="large">Sähkötekniikan korkeakoulun toimikunnat</h3>
+      <div>
+        <p>
+          Ylioppilaskunnalla on edustus suuressa osassa Aalto-yliopiston tiedekuntia. Elektroniikan, tietoliikenteen ja automaation tiedekunnan toimikuntiin eli hallopedeihin opiskelijavalinna EST- ja TLT-tutkinto-ohjelmien osalta tehdään osin ylioppilaskunnan edustajistossa Sähköinsinöörikillan esityksestä ja osin Sähköinsinöörikillassa.
+        </p>
+        <Accordion
+          title="Akateeminen komitea">
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus feugiat ante. Nam eget venenatis dui. Morbi purus dui, cursus at velit id, placerat scelerisque turpis. Nulla a mauris odio. Nulla at tempor mi. Maecenas et sapien eu lorem interdum luctus. Proin interdum, tortor eget tempor tristique, massa arcu suscipit ipsum, sit amet lacinia erat lorem sit amet ipsum. Praesent dictum odio auctor odio sodales pharetra. Quisque accumsan iaculis diam, a laoreet odio aliquet eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In hac habitasse platea dictumst. Pellentesque at hendrerit mi. Morbi at lacus finibus, pharetra urna sed, molestie tellus. Duis fermentum sodales leo. Nullam varius, massa in convallis sagittis, mi felis lacinia ipsum, viverra rhoncus nibh ipsum vel mi. Pellentesque ornare hendrerit malesuada.
+                  Suspendisse porta diam in massa suscipit congue. Nulla facilisi. Nulla egestas tempus arcu, vitae ultrices risus rhoncus ac. Ut porta orci neque, vel fermentum turpis fermentum in. Curabitur condimentum, mi in tristique pulvinar, mauris nibh bibendum neque, quis tincidunt purus eros quis dolor. Aliquam imperdiet nibh ac quam iaculis, at ullamcorper diam ultricies. Vestibulum egestas consequat justo non vehicula. Nam non egestas tellus.
+                  Praesent vel auctor ligula. Phasellus faucibus vulputate erat, non fringilla sem ultrices non. In vitae elit sit amet nisl interdum ultrices nec in ligula. Ut et turpis risus. Sed mattis varius nisl, in euismod diam fringilla ac. Nunc sed eros augue. Donec sit amet quam ex. Integer luctus nulla at est rutrum, a commodo est dapibus. Maecenas sagittis scelerisque blandit. Morbi congue tortor eros, sit amet vestibulum dolor tempor vitae. In pretium tellus at velit porttitor, vitae rutrum lacus suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam bibendum ultricies metus, nec placerat urna efficitur auctor. Morbi non purus magna. Ut at ex nec nunc dictum ultricies.
+                  Mauris volutpat nec sem sed malesuada. Sed eu scelerisque libero. Phasellus at mauris in ligula congue interdum et sit amet ante. Sed vestibulum, sem non congue molestie, quam massa euismod sem, non porta sem mauris vitae justo. Donec et fringilla tortor. Cras sed purus eget ante elementum mattis. Nunc elit nunc, volutpat sed congue ac, varius a ligula. Aenean sit amet laoreet dolor. Aenean finibus iaculis diam, quis lacinia nisi semper id. Phasellus eu nulla sed risus accumsan finibus. Nulla vel ante id mi vulputate ultrices. Cras finibus elementum tortor, at fringilla arcu facilisis ut. Cras vitae lectus pretium, posuere risus venenatis, congue metus. Phasellus vel dapibus felis.
+                  Maecenas tincidunt orci nulla. Sed maximus tellus nec lorem dignissim aliquet. Maecenas tincidunt dolor sed est laoreet, nec suscipit augue dictum. Vivamus venenatis rutrum molestie. Vestibulum in maximus leo. Duis a euismod nulla. Aenean luctus sodales quam, ut fringilla elit bibendum in. Ut in purus sit amet libero hendrerit hendrerit ac eget nisl. In ac mauris at felis suscipit scelerisque eu eget erat. Fusce accumsan tempus mauris, porta sagittis odio venenatis ac. Integer mollis nulla in velit dignissim imperdiet. Nunc ac magna ullamcorper, pretium mauris et, semper enim. Morbi aliquet accumsan turpis id rutrum. Donec purus tellus, pellentesque non nunc ac, ornare scelerisque ex.
+        </Accordion>
+        <Accordion title="Lorem" />
+        <Accordion title="Ipsum" />
+        <Accordion title="Lorem" />
+        <Accordion title="Ipsum" />
+      </div>
+    </TextSection>
+
   </>
 );