Update texts on numerous pages

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>
+
   </>
 );