Added front page banner, added sik100 colours. Fixed bugs

src/assets/json/ptmk.json

@@ -1,5 +1,5 @@
 {
-    "name_fi": "Pajatoimikunta",
+    "name_fi": "Elepajatoimikunta",
     "name_en": "",
     "roles": [
         {

src/components/Footer/FooterContent.tsx

@@ -84,7 +84,7 @@ const FooterContent: React.FC = () => (
           </div>
           <div>
             <Link to="https://api.sahkoinsinoorikilta.fi/members/application/">Jäseneksi</Link>
-            <Link to="/palaute">Palaute</Link>
+            <Link to="mailto:hallitus@sahkoinsinoorikilta.fi">Palaute</Link>
             <Link to="https://static.sahkoinsinoorikilta.fi">Arkisto</Link>
             <Link to="https://static.sahkoinsinoorikilta.fi">Materiaalipankki</Link>
           </div>

src/components/Sections/CTASection.tsx

@@ -11,7 +11,7 @@ const Section = styled.section<{ colors: string }>`
   text-align: center;
   align-items: baseline;
   padding: 2rem 0;
-
+  border: 0.5rem colors.sik100Gold;
   flex-flow: row wrap;
 
   a {
@@ -29,7 +29,8 @@ const Section = styled.section<{ colors: string }>`
 
   & > h1 {
     a {
-      text-decoration: underline;
+     
+    text-decoration: underline;
     }
     a:hover {
       text-decoration: none;
@@ -37,7 +38,7 @@ const Section = styled.section<{ colors: string }>`
   }
 `;
 
-type Colors = "orange1" | "lightBlue" | "darkBlue" | "blue1" | "lightTurquoise";
+type Colors = "orange1" | "lightBlue" | "darkBlue" | "blue1" | "lightTurquoise" | "sik100Blue";
 
 interface CTASectionProps extends React.HTMLAttributes<HTMLDivElement> {
   bgColor?: Colors;
@@ -54,7 +55,10 @@ a:hover {
   color: ${colors.darkBlue};
 }
 `;
-
+    case "sik100Blue": return `
+background-color: ${colors[bgColor]};
+color: ${colors.sik100Gold};
+  `;
     case "darkBlue": return `
 background-color: ${colors[bgColor]};
 color: ${colors.white};

src/theme/colors.ts

@@ -1,4 +1,6 @@
 export type Colors =
+  "sik100-gold"|
+  "sik100-blue"|
   "dark-blue" |
   "light-blue" |
   "white1" |
@@ -15,6 +17,8 @@ export type Colors =
   "inherit";
 
 export const ColorMapper = new Map<Colors, string>([
+  ["sik100-gold", "#fee469"],
+  ["sik100-blue", "#12123d"],
   ["dark-blue", "#002d3a"],
   ["light-blue", "#bfdbd9"],
   ["white1", "#fff"],
@@ -32,6 +36,8 @@ export const ColorMapper = new Map<Colors, string>([
 ]);
 
 export const colors = {
+  sik100Gold: "#fee469",
+  sik100Blue: "#12123d",
   darkBlue: "#002d3a",
   lightBlue: "#bfdbd9",
   white: "#fff",

src/views/ActualPage/ActualPageHero.tsx

@@ -45,7 +45,7 @@ const ActualPageHero: React.FC = () => (
       />
       <HeroAsideItem
         header="Verkostoitumista"
-        link="#yritysyhteistyö"
+        link="#yritysyhteistyo"
         linkText="Yritysyhteistyö&nbsp;›"
       />
       <HeroAsideItem

src/views/ActualPage/ActualPageView.tsx

@@ -110,7 +110,7 @@ const ActualPageView: React.FC<ActualPageViewProps> = ({ events, feed }) => (
           <p>Hyvinvointitoimikunta pyörittää montaa asiaa killassamme. Yksi näistä asioista on urheilun ja lajikokeiluiden tarjoaminen kiltalaisille. Järjestämme säännöllisesti muiden kiltojen kanssa yhteistyössä mahdollisuuksia pelata esimerkiksi säbää ja muita urheilulajeja. Jopa kesällä monien harrastuksien jäädessä tauolle, voit tulla messiin pelaamaan lentopalloa viikottain. Lajikokeiluita on tarjolla läpi vuoden ja niitä järjestetään yhteistyössä Otaniemen eri urheilu/harrastelujärjestöjen kanssa. Pidä silmät auki killan nettisivujen tapahtumaosiossa ja liity <Link to="https://t.me/joinchat/DJRXxkKd0SMj0e9pBPXF1A">Telegram-ryhmään.</Link> Jos sinulla on ehdotuksia lajikokeiluihin, nykäise urheiluvastaavia tai hyvivointimestaria hihasta!</p>
           <h6 id="kulttuuri&juhla">Kulttuuria ja juhlia teatterista sitseihin</h6>
           <p>Hyvinvointitoimikunta järjestää urheilun ja lajikokeilun lisäksi myös kultturelleja tapahtumia ja menoja kiltalaisille. Näihin kultturelleihin tapahtumiin kuuluu hauskaa laidasta laitaan, eli keittiöstä teatteriin ja teatterista mitä mielenkiintoimpiin museoihin. Lisäksi ohjelmatoimikunta viihdyttää kiltalaisia erilaisilla juhlilla rennoista saunailloista juhlavimpiin sitseihin. Killan nettisivujen <Link to="#tapahtumat">Tapahtumat</Link>-osiosta voit tutkia tulevia kulttuuritapahtumia.</p>
-          <h6 id="yritysyhteistyö">Yhteistyö yritysten kanssa</h6>
+          <h6 id="yritysyhteistyo">Yhteistyö yritysten kanssa</h6>
           <p>Killassa toimiva yritystoimikunta vastaa siitä, että killan talous pysyy pystyssä, mutta tämän lisäksi he myös tarjoavat kiltalaisille mahdollisuuksia solmia suhteita alamme huippuyritysten kanssa. Tällaisia mahdollisuuksia järjestetään excujen muodossa, joissa kiltalaiset usein pääsevät yrityksen omiin tiloihin tutustumaan yrityksen toimintaan ja henkilökuntaan, sekä erilaisten Otaniemessä järjestettävien yrityssuhdetapahtumien muodossa. Otaniemi-yritystapahtumia ovat esimerkiksi yrityksien kanssa yhteistyössä järjestetyt saunaillat, sekä jokavuotinen yritysbrunssi. Ilmottautumiset näihin tapahtumiin onnistuvat <Link to="#tapahtumat">Tapahtumat</Link>-osiosta killan nettisivuilta.</p>
           <h6 id="ulkosuhteet">Kansainvälisty ja luo suhteita</h6>
           <p>Ulkotoimikunta järjestää kiltalaisten iloksi tapahtumia monien ystävyysjärjestöjen kanssa niin suomessa kuin ulkomaillakin. UTMK:n järjestämissä tapahtumissa pääset kasvattamaan ystäväpiiriäsi Otaniemen ulkopuolelle ja jopa kansainvälistymään toden teolla. UTMK järjestää paljon toimintaa myös vaihto-opiskelijoille ja näihin tapahtumiin kannattaa ehdottomasti osallistua, jos tahtoo luoda ystävyyssuhteita ympäri maailman.</p>

src/views/ContactsPage/ContactsPageView.tsx

@@ -97,7 +97,7 @@ const ContactsPageView: React.FC = () => (
 
     <Divider />
 
-    <TextSection>
+    <TextSection id="eptmk">
       <div>
         <CommitteeContainer committee={PtmkJson} />
       </div>
@@ -113,7 +113,7 @@ const ContactsPageView: React.FC = () => (
 
     <Divider />
 
-    <TextSection>
+    <TextSection id="ttmk">
       <div>
         <CommitteeContainer committee={TtmkJson} />
       </div>

src/views/FrontPage/FrontPageView.tsx

@@ -60,6 +60,13 @@ const SponsorReel = styled.div`
 const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (
   <>
     <FrontPageHero />
+    <CTASection
+      bgColor="sik100Blue"
+      link="https://sik100.fi"
+      linkText="Mikä ihmeen SIK100?&nbsp;›"
+    >
+      SIK100
+    </CTASection>
     <main>
       <CardSection>
         {events.map((event) => (

src/views/GuildPage/GuildPageView.tsx

@@ -120,7 +120,7 @@ const GuildPageView: React.FC = () => (
       <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 <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 <Link to="https://elepaja.aalto.fi">Elektroniikkapajaa</Link>, josta löytyy tarvikkeita, työkaluja ja tilat monenlaisia töitä varten. Jos haluat tutustua tiloihin, ota yhteyttä <Link to="/yhteystiedot#elepaja">pajavastaavaan</Link>!</p>
+        <p>Kiltalaisten omia projekteja varten kilta ylläpitää Otakaari 1:ssä sijaitsevaa <Link to="https://elepaja.ayy.fi">Elektroniikkapajaa</Link>, josta löytyy tarvikkeita, työkaluja ja tilat monenlaisia töitä varten. Jos haluat tutustua tiloihin, ota yhteyttä <Link to="/yhteystiedot#eptmk">pajavastaavaan</Link>!</p>
       </div>
       <aside>
         <div />

src/views/HonoraryPage/HonoraryPageView.tsx

@@ -74,6 +74,7 @@ const HonoraryPageView: React.FC = () => (
         <li>2018 Samu Ahvenainen</li>
         <li>2019 Ville Kapanen</li>
         <li>2020 Anni Parkkila, Aliisa Pietilä</li>
+        <li>2021 Essi Jukkala</li>
       </ul>
       <h2>Standaari</h2>
       <p>Standaari voidaan hallituksen päätöksellä lahjoittaa killan toimintaan myönteisesti vaikuttaneille tahoille. Standaarit on numeroitu lahjoittamisjärjestyksessä.</p>
@@ -177,6 +178,12 @@ const HonoraryPageView: React.FC = () => (
         <li>2020 Tommi Askola</li>
         <li>2020 Aarni Halinen</li>
       </ul>
+      <ul>
+        <li>2021 Ella Eilola</li>
+        <li>2021 Lauri Vapalahti</li>
+        <li>2021 Tuukka Syrjänen</li>
+        <li>2021 Timi Tiira</li>
+      </ul>
       <h2>Hopeiset ansiomerkit</h2>
       <p>Killan hallitus voi myöntää hopeitosen ansiomerkin killan jäsenelle tai perustellusta syystä myös muulle henkilölle tunnustuksena erityisestä kiinnostuksesta kiltaa kohtaan sekä ansioituneesta toiminnasta killan hyväksi.</p>
       <ul>

src/views/InEnglishPage/InEnglishPageView.tsx

@@ -72,12 +72,13 @@ const InEnglishPageView: React.FC<InEnglishPageViewProps> = ({ events, feed }) =
           presentationTime={5}
           fadeTime={1}
           images={[
-            "/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg",
+
             "/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg",
             "/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg",
+            "/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg",
+            "/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg",
             "/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg",
             "/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg",
-            "/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg",
           ]}
           width={400}
           height={400}
@@ -86,12 +87,12 @@ const InEnglishPageView: React.FC<InEnglishPageViewProps> = ({ events, feed }) =
           presentationTime={5}
           fadeTime={1}
           images={[
-            "/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg",
-            "/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg",
             "/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg",
             "/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg",
             "/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg",
             "/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg",
+            "/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg",
+            "/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg",
           ]}
           width={400}
           height={400}

src/views/StudiesPage/StudiesPageHero.tsx

@@ -7,7 +7,7 @@ const StudiesPageHero: React.FC = () => (
   <Hero>
     <HeroPrimarySection
       header="Suomen parasta elektroniikan opetusta"
-      text="Aalto-yliopistossa sinulla on mahdollisuus opiskella sähkö- ja elektroniikkatekniikkaa huippu professorien ja opettajien johdolla, vieläpä parhaassa mahdollisessa yhteisössä. Sähkötekniikan korkeakoulusta valmistut matematiikkaa ja fysiikkaa soveltavaksi huippuosaajaksi, jolla on valmiudet vaikka mihin työelämän taitoihin laidasta laitaa. Lue lisää opinnoista, killan roolista yliopistoelämässä ja uramahdollisuuksista alempaa."
+      text="Aalto-yliopistossa sinulla on mahdollisuus opiskella sähkö- ja elektroniikkatekniikkaa huippu professorien ja opettajien johdolla, vieläpä parhaassa mahdollisessa yhteisössä. Sähkötekniikan korkeakoulusta valmistut matematiikkaa ja fysiikkaa soveltavaksi huippuosaajaksi, jolla on valmiudet vaikka mihin työelämän taitoihin laidasta laitaan. Lue lisää opinnoista, killan roolista yliopistoelämässä ja uramahdollisuuksista alempaa."
     />
 
     <HeroAside bgColor="darkBlue">

src/views/StudiesPage/StudiesPageView.tsx

@@ -39,7 +39,7 @@ const StudiesPageView: React.FC = () => (
         <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>
 
         <h6>Emmaleena</h6>
-        <p>Fuksivuoden loppupuolella aloin haaveilla oman alan hommista ja päätin laittaa kesätyöhakemuksia yrityksiin ihan laidasta laitaan. Lopulta taisin laittaa niitä jopa 50… Ei mennyt kauaa, kun Profit Softwarelta oltiin yhteydessä ja pääsin sinne haastatteluun. Ennen pitkää olikin jo kesä ja olin päässyt osaksi Profit Softwaren automaatiotraineeteamiä. Jatkoin kesän jälkeen osa-aikaisena traineenä ja seuraavana kesänä pääsinkin scrum master -roolissa ohjaamaan useita erilaisia traineeprojekteja. Ihastuin projektienhallintaan ja jatkan projekti taitojen harjoittamista töissä edelleen.</p>
+        <p>Fuksivuoden loppupuolella aloin haaveilla oman alan hommista ja päätin laittaa kesätyöhakemuksia yrityksiin ihan laidasta laitaan. Lopulta taisin laittaa niitä jopa 50… Ei mennyt kauaa, kun Profit Softwarelta oltiin yhteydessä ja pääsin sinne haastatteluun. Ennen pitkää olikin jo kesä ja olin päässyt osaksi Profit Softwaren automaatiotraineeteamiä. Jatkoin kesän jälkeen osa-aikaisena traineenä ja seuraavana kesänä pääsinkin scrum master -roolissa ohjaamaan useita erilaisia traineeprojekteja. Ihastuin projektienhallintaan ja jatkan projektitaitojen harjoittamista töissä edelleen.</p>
 
         <h6>Toni</h6>
         <p>Kuulin fuksivuotenani erään kurssin vierasluennoitsijalta Fingrid Datahub hankkeesta. Projekti vaikutti mielenkiintoiselta, koska se tulee muuttamaan suomen sähkömarkkinoiden viestintää. Toisen vuoden opiskelijana kesätöitä hakemassa törmäsin työilmoitukseen, jossa haettiin Fingrid Datahub hankkeeseen testaajia. Päätin laittaa hakemuksen vetämään ja onnekseni sain työpaikan. Toimin koko kesän sovellustestauksen parissa sekä kehittäen useita erilaisia sovelluksia testauksen automatisoimiseksi. Kesän päätyttyä sain onnekseni jatkoa työsopimukselle ja toimin sovellustestaajana kyseisessä projektissa edelleen.</p>