From 804b0e736812cd7e92cf7c5b0707c8cece23e94e Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Fri, 3 Jul 2020 20:36:20 +0300
Subject: [PATCH] Freshmen placeholder page

---
 src/pages/FreshmenPage/FreshmenPage.tsx | 103 +++++++++++++++++++++++-
 1 file changed, 102 insertions(+), 1 deletion(-)

diff --git a/src/pages/FreshmenPage/FreshmenPage.tsx b/src/pages/FreshmenPage/FreshmenPage.tsx
index b64d549..56b679c 100644
--- a/src/pages/FreshmenPage/FreshmenPage.tsx
+++ b/src/pages/FreshmenPage/FreshmenPage.tsx
@@ -1,6 +1,18 @@
 import React from "react";
 import { Helmet } from "react-helmet";
 import "./FreshmenPage.scss";
+import PageSection from "../../components/PageSection/index";
+import HeroMainSection from "../../components/HeroMainSection/index";
+import HeroAsideSection from "../../components/HeroAsideSection/index";
+import HeroAsideItem from "../../components/HeroAsideItem/index";
+import AsideSection from "../../components/AsideSection/index";
+import MainSection from "../../components/MainSection/index";
+import { ColorEnum } from "../../components/ColorDiv/ColorDiv";
+import PageLink from "../../components/PageLink/index";
+import Ribbon from "../../components/Ribbon/index";
+import TextAnchor from "../../components/TextAnchor/index";
+import { TextSize } from "../../components/TextAnchor/TextAnchor";
+import InfoBox from "../../components/InfoBox/index";
 
 export interface FreshmenPageProps {}
 export interface FreshmenPageState {}
@@ -12,7 +24,96 @@ class FreshmenPage extends React.Component<FreshmenPageProps, FreshmenPageState>
         <Helmet>
           <link rel="canonical" href="https://sik.ayy.fi/toiminta/fuksit" />
         </Helmet>
-        Freshmen Page
+        <PageSection backgroundColor={ColorEnum.DarkBlue} fullSize>
+          <HeroMainSection>
+            <h1>Tervetuloa opiskelemaan Otaniemeen!</h1>
+            <p>
+            Me olemme Emmaleena ja Jonna, sinun Fuksikapteenisi. Päätehtävämme on huolehtia fuksivuodestasi Aalto-yliopiston Sähköinsinöörikillassa.
+            </p>
+            <p>Tämä on fuksien oma etusivu ja olemmekin keränneet tänne kaikki tärkeimmät tiedot, joita fuksivuotenasi tarvitset. Tietysti kannattaa katsoa myös yleisiä sivuja, sillä tänne ei mahdu kaikki, mitä killassa tapahtuu.
+            </p>
+          </HeroMainSection>
+          <HeroAsideSection textColor={ColorEnum.DarkBlue} backgroundColor={ColorEnum.LightTurquoise}>
+            <HeroAsideItem
+              title="Seuraa killan tiedotusta"
+              linkHref="https://t.me/joinchat/GsmJjhst3-BYIHQSefVhHg"
+              linkText="Liity killan Telegram-ryhmiin" />
+            <HeroAsideItem
+              title="Kohti lakkia"
+              linkHref="fOpas_20.pdf"
+              linkText="Lue fuksiopas" />
+            <HeroAsideItem
+              title="Kaikki kunnossa opiskelua varten?"
+              linkHref="https://into.aalto.fi/pages/viewpage.action?pageId=1183171"
+              linkText="Lue korkeakoulun tietopaketti" />
+            <HeroAsideItem
+              title="ISO-ryhmät ja ISO-henkilöt?"
+              linkHref="#isot"
+              linkText="Tsekkaa ISO-henkilöiden tiedot" />
+          </HeroAsideSection>
+        </PageSection>
+        <PageSection backgroundColor={ColorEnum.White}>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black} />
+          <MainSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black}>
+            <h3 id="abeille">Onnittelut hyvästä opiskeluvalinnasta</h3>
+
+            <h6>Lorem</h6>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula aliquam enim, in lacinia nunc rutrum fringilla. Phasellus dui dolor, pellentesque vitae feugiat non, maximus in felis. Praesent feugiat vehicula mi, sed tincidunt enim venenatis quis. In euismod gravida ullamcorper. Phasellus a sagittis nisi, vitae blandit ipsum. Nunc rhoncus ultrices ante, id commodo dolor convallis id. Morbi ullamcorper vulputate risus id sodales.
+            </p>
+            <h6>Ipsum</h6>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula aliquam enim, in lacinia nunc rutrum fringilla. Phasellus dui dolor, pellentesque vitae feugiat non, maximus in felis. Praesent feugiat vehicula mi, sed tincidunt enim venenatis quis. In euismod gravida ullamcorper. Phasellus a sagittis nisi, vitae blandit ipsum. Nunc rhoncus ultrices ante, id commodo dolor convallis id. Morbi ullamcorper vulputate risus id sodales.
+            </p>
+            <h6>Raketteja ja mikropiirejä</h6>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula aliquam enim, in lacinia nunc rutrum fringilla. Phasellus dui dolor, pellentesque vitae feugiat non, maximus in felis. Praesent feugiat vehicula mi, sed tincidunt enim venenatis quis. In euismod gravida ullamcorper. Phasellus a sagittis nisi, vitae blandit ipsum. Nunc rhoncus ultrices ante, id commodo dolor convallis id. Morbi ullamcorper vulputate risus id sodales.
+            </p>
+          </MainSection>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black}>
+            <div>
+              <PageLink to="mailto:sik-ftmk@list.ayy.fi" desc="sik-ftmk@list.ayy.fi">
+                  Fuksikipparit tavoitat
+              </PageLink>
+              <PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme&nbsp;›">
+                  Liity jäseneksi
+              </PageLink>
+              <PageLink to="fuksipisteohje.pdf/" desc="Katso fuksipisteitä&nbsp;›">
+                  Fuksipisteohje
+              </PageLink>
+            </div>
+            <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>
+
+              </InfoBox>
+            </div>
+          </AsideSection>
+        </PageSection>
+        <PageSection backgroundColor={ColorEnum.LightTurquoise}>
+          <Ribbon>
+            <h3>Killassa tapahtuu kaikenlaista!</h3>
+            <TextAnchor textColor={ColorEnum.White} hoverColor={ColorEnum.Blue} size={TextSize.SmallRibbon} to="/kilta/toiminta">
+              <h4>Seuraa killan tapahtumia</h4>
+            </TextAnchor>
+          </Ribbon>
+        </PageSection>
+        <PageSection backgroundColor={ColorEnum.White}>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black} />
+          <MainSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black}>
+            <h3 id="isot">Isoryhmät</h3>
+            <p>Lorem jotain ISOryhmiä X kpl</p>
+            <p>Mikä ihmeen ISO...</p>
+            <p>TODO: Kuvia</p>
+          </MainSection>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black} />
+        </PageSection>
       </div>
     );
   }