TTMK/web2.0-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Freshmen placeholder page

Browse Source
This commit is contained in:
Aarni Halinen
2020-07-03 20:36:20 +03:00
parent 7bae47d5e0
commit 804b0e7368
1 changed files with 102 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/FreshmenPage/FreshmenPage.tsx
+102 -1
View File
@@ -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>
);
}