Continue page/view splitting
This commit is contained in:
Aarni Halinen
+9
-135
@@ -1,141 +1,15 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./ActualPage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
import Button, { ButtonType } from "@components/Button/index";
|
||||
import Accordion from "@components/Accordion";
|
||||
import HeroSecondarySection, { HeroSecondarySectionItem } from "@components/Hero/HeroSecondarySection/HeroSecondarySection";
|
||||
import ActualPageView from "@views/ActualPage/ActualPageView";
|
||||
|
||||
export interface ActualPageProps {}
|
||||
export interface ActualPageState {}
|
||||
const ActualPage = () => (
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/kilta/toiminta" />
|
||||
</Helmet>
|
||||
<ActualPageView />
|
||||
</>
|
||||
)
|
||||
|
||||
class ActualPage extends React.Component<ActualPageProps, ActualPageState> {
|
||||
render() {
|
||||
return (
|
||||
<div className="actual-page">
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/kilta/toiminta" />
|
||||
</Helmet>
|
||||
<PageSection backgroundColor="dark-blue" fullSize className="lander-hero">
|
||||
<HeroMainSection>
|
||||
<h1>Yritystapahtumia ja vastapainoa opiskelulle</h1>
|
||||
<p>
|
||||
Teekkarielämä ei ole pelkkää saunomista, juhlimista ja muita huvituksia—tai no, on se sitäkin.
|
||||
</p>
|
||||
<div className="hero-button-container-row">
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Tapahtumat ›</h6>
|
||||
</Button>
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Uutiset ›</h6>
|
||||
</Button>
|
||||
</div>
|
||||
<HeroSecondarySection title="Kiltahuone sijaitsee Tuas-talossa (Maarintie 8)">
|
||||
<HeroSecondarySectionItem note="Ma">
|
||||
<span>Killan hallitus päivystää kiltahuoneella <strong>maanantaisin klo 12.15–13.15.</strong> Tuolloin voit ostaa kiltatuotteita, kuten esim. haalarimerkkejä tai laulukirjoja.</span>
|
||||
</HeroSecondarySectionItem>
|
||||
<HeroSecondarySectionItem note="To">
|
||||
<span>Kiltapäiväkerho Kiltis kokoontuu <strong>torstaisin klo XX.XX kiltahuoneella.</strong> Lorem ipsum dolor sit amet. Lämpimästi tervetuloa kaikki SIKkiläiset ja SIK-mieliset!</span>
|
||||
</HeroSecondarySectionItem>
|
||||
</HeroSecondarySection>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<p>
|
||||
Kilta järjestää jäsenilleen jos jonkinlaista projektia ja toimintaa, muun muassa:
|
||||
</p>
|
||||
<HeroAsideItem
|
||||
title="keksimistä ja rakentelua"
|
||||
linkHref="#elepaja"
|
||||
linkText="Elektroniikkapaja">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Tiimipelejä ja liikuntaa"
|
||||
linkHref="#urheilu"
|
||||
linkText="Urheilu">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Konsertteja ja teatterivierailuja"
|
||||
linkHref="#kulttuuri"
|
||||
linkText="Kulttuuri">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Verkostoitumista"
|
||||
linkHref="#yritysyhteistyö"
|
||||
linkText="Yritysyhteistyö">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Uusia suhteita ulkopaikkakuntalaisten kanssa"
|
||||
linkHref="#ulkosuhteet"
|
||||
linkText="Ulkoiset suhteet">
|
||||
</HeroAsideItem>
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="black1">
|
||||
<MainSection>
|
||||
<h3>Tapahtumat</h3>
|
||||
</MainSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="black1">
|
||||
<MainSection>
|
||||
<h3>Uutiset</h3>
|
||||
</MainSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="light-turquoise" textColor="dark-blue">
|
||||
<Ribbon>
|
||||
<h3>Kuvia tapahtumista.</h3>
|
||||
<TextAnchor textColor="dark-blue" hoverColor="blue1" size="small-ribbon" to="https://sosso.fi">
|
||||
<h6>Kuvagalleria ›</h6>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<div className="actual-page-images">
|
||||
<img src="https://placehold.it/400x400" />
|
||||
<img src="https://placehold.it/400x400" />
|
||||
<img src="https://placehold.it/400x400" />
|
||||
</div>
|
||||
<PageSection backgroundColor="blue1">
|
||||
<Ribbon>
|
||||
<h3>Sinustako kilta-aktiivi?</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="dark-blue" size="small-ribbon" to="https://sosso.fi">
|
||||
<h6>Tule mukaan kiltatoimintaan ›</h6>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="black1">
|
||||
<AsideSection />
|
||||
<MainSection>
|
||||
<h3>Yritystapahtumia ja vastapainoa opiskelulle</h3>
|
||||
<p>
|
||||
Toimintaa ylläpitää ja järjestää jaokset ja toimikunnat.
|
||||
</p>
|
||||
<Accordion title="Rakenna kaikkea elektroniikkaan liittyvää">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Urheilua ja lajikokeiluja">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Kulttuuria kulinarismista teatteriin">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Yhteistyö yritysten kanssa">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Kansainvälisty ja luo suhteita">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
</MainSection>
|
||||
<AsideSection />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default ActualPage;
|
||||
|
||||
@@ -1,11 +1,8 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./ContactsPage.scss";
|
||||
import { StaticContext } from "@server/StaticContext";
|
||||
import PageSection from "@components/PageSection";
|
||||
import { getContacts, Occupation, Committee, getCommittees } from "@models/Contacts";
|
||||
import CommitteeContainer from "@components/CommitteeContainer";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
import ContactsPageView from "@views/ContactsPage/ContactsPageView";
|
||||
|
||||
interface ContactsPageProps {
|
||||
staticContext: StaticContext;
|
||||
@@ -75,41 +72,13 @@ class ContactsPage extends React.Component<ContactsPageProps, ContactsPageState>
|
||||
|
||||
render() {
|
||||
const { contacts, committees } = this.state;
|
||||
const board = contacts.filter(x => x.role.is_board);
|
||||
return (
|
||||
<div className="contacts-page">
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/INSERT_PATH_HERE!" />
|
||||
</Helmet>
|
||||
<PageSection backgroundColor="white1" textColor="dark-blue" center>
|
||||
<p>
|
||||
Asiaa olisi, mutta kehen ottaa yhteyttä?<br />
|
||||
Tämä sivu yrittää valottaa sen oikean ihmisen puhelinnumeroa ja sähköpostiosoitetta.
|
||||
</p>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="dark-blue" bottomBorder center>
|
||||
<div>
|
||||
<CommitteeContainer name_fi="Hallitus" name_en="Board" contacts={board} />
|
||||
<p>
|
||||
{"Hallitukseen saa yhteyden lähettämällä sähköpostia "}
|
||||
<TextAnchor
|
||||
textColor="blue1"
|
||||
hoverColor="light-blue"
|
||||
to="mailto:sik-hallitus@list.ayy.fi">
|
||||
sik-hallitus@list.ayy.fi
|
||||
</TextAnchor>
|
||||
</p>
|
||||
</div>
|
||||
</PageSection>
|
||||
{committees.map((committee, index) => {
|
||||
const order = committee.name_fi === "Toimikunnattomat" ? 1 : 0;
|
||||
return (
|
||||
<PageSection key={index} style={{order}} backgroundColor="white1" center>
|
||||
<CommitteeContainer name_fi={committee.name_fi} name_en={committee.name_en} contacts={contacts.filter(x => x.role.committee.name_fi === committee.name_fi)} />
|
||||
</PageSection>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
<ContactsPageView contacts={contacts} committees={committees} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,15 +1,6 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./CorporatePage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import PageLink from "@components/PageLink/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
import CorporatePageView from "@views/CorporatePage/CorporatePageView";
|
||||
|
||||
export interface CorporatePageProps {}
|
||||
export interface CorporatePageState {}
|
||||
@@ -17,81 +8,12 @@ export interface CorporatePageState {}
|
||||
class CorporatePage extends React.Component<CorporatePageProps, CorporatePageState> {
|
||||
render() {
|
||||
return (
|
||||
<div className="corporate-page">
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/yritysyhteistyo" />
|
||||
</Helmet>
|
||||
<PageSection backgroundColor="dark-blue" fullSize>
|
||||
<HeroMainSection>
|
||||
<h1>Tee yhteistyötä tulevaisuuden huippuosaajien kanssa!</h1>
|
||||
<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>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<HeroAsideItem
|
||||
title="Mainos sivulle, opiskelijoita vierailulle?"
|
||||
linkHref="#yhteistyomahdollisuudet"
|
||||
linkText="Yhteistyömahdollisuudet" />
|
||||
<HeroAsideItem
|
||||
title="Kilta tukee työllistymistä"
|
||||
linkHref="#tyopaikat"
|
||||
linkText="Työpaikkailmoitukset" />
|
||||
<HeroAsideItem
|
||||
title="LinkedIn"
|
||||
linkHref="https://linkedin.com/groups/8103057"
|
||||
linkText="Killan LinkedIn ryhmä" />
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="yhteistyomahdollisuudet">Yhteistyömahdollisuudet</h3>
|
||||
|
||||
<p><strong>TODO: Tähän nostoja yhteistyöstä!</strong> Yhteistyömahdollisuuksista voi tiedustella lisää killan yrityssuhdemestarilta.</p>
|
||||
|
||||
<h6>Yritysbrunssi</h6>
|
||||
<p>Yritysbrunssi on Sähköinsinöörikillan ja bioinformaatioteknologian ainejärjestö Inkubion syksyllä järjestämä yritystapahtuma. Tapahtumassa luodaan yrityksille mahdollisuus tavata tulevaisuuden ammattilaisia maukkaan brunssin lomassa.</p>
|
||||
|
||||
<h6>Haalarimainonta</h6>
|
||||
<p>Sähköinsinöörikillan ensimmäisen vuoden opiskelijat saavat opiskelijahaalarinsa heti syksyn ensimmäisenä päivänä. Yrityksien on mahdollista ostaa mainostilaa haalareista ja samalla lunastaa esiintymispaikka haalareiden luovutustilaisuuteen, "Haalarigaalaan". Tilaisuus on erinomainen paikka jäädä heti uusien opiskelijoiden mieleen.</p>
|
||||
|
||||
<h6>Excursiot</h6>
|
||||
<p>Excursioiden tarkoituksena on tarjota opiskelijoille mahdollisuus tutustua yritysmaailmaan. Pidemmillä excursiolla hauskanpito ja teekkariperinteiden vaaliminen on tärkeä osa excursiota.</p>
|
||||
|
||||
<h6>Potentiaalin Tasaus</h6>
|
||||
<p>Kiltamme viettää vuosijuhliaan helmikuun kolmantena lauantaina. Potentiaalin Tasaus on kiltamme juhlavin tapahtuma. Yrityksillä on mahdollisuus osallistua vuosijuhliin niin pienellä kuin suurellakin panoksella.</p>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1">
|
||||
<div>
|
||||
<PageLink to="https:https://static.sika.sik.party/saannot/excursiosaannot.pdf" desc="Lue täältä›">
|
||||
Excursiosäännöt
|
||||
</PageLink>
|
||||
<PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme ›">
|
||||
Liity jäseneksi
|
||||
</PageLink>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<h3>Mainos Sössöön?</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="https://sosso.fi">
|
||||
<h4>Killan lehden mediakortin löydät täältä›</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="tyopaikat">Työpaikkaulmoitukset</h3>
|
||||
<p>TODO: Miten listataan yritykset?</p>
|
||||
{/* TODO: Fix links */}
|
||||
<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>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
<CorporatePageView />
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
+7
-38
@@ -1,25 +1,18 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./EventPage.scss";
|
||||
import { Event, getEvent } from "@models/Event";
|
||||
import { RouteComponentProps } from "react-router-dom";
|
||||
import Button, { ButtonType } from "@components/Button";
|
||||
import Anchor from "@components/Anchor";
|
||||
import PageSection from "@components/PageSection";
|
||||
import MainSection from "@components/MainSection";
|
||||
import AsideSection from "@components/AsideSection/AsideSection";
|
||||
import { Event, getEvent } from "@models/Event";
|
||||
import EventPageView from "@views/EventPage/EventPageView";
|
||||
|
||||
interface MatchParams {
|
||||
id: string;
|
||||
}
|
||||
|
||||
export interface EventPageOwnProps {}
|
||||
|
||||
export interface EventPageState {
|
||||
interface EventPageState {
|
||||
event?: Event;
|
||||
}
|
||||
|
||||
type EventPageProps = EventPageOwnProps & RouteComponentProps<MatchParams>
|
||||
type EventPageProps = RouteComponentProps<MatchParams>
|
||||
|
||||
class EventPage extends React.Component<EventPageProps, EventPageState> {
|
||||
constructor(props: EventPageProps) {
|
||||
@@ -47,36 +40,12 @@ class EventPage extends React.Component<EventPageProps, EventPageState> {
|
||||
if (!event) return <div>Loading</div>
|
||||
|
||||
return (
|
||||
<div className="event-page">
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/INSERT_PATH_HERE!" />
|
||||
</Helmet>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection textColor="black1" />
|
||||
<MainSection textColor="black1">
|
||||
<img className="event-banner" src={event.tags[0].icon} alt={event.title_fi} ></img>
|
||||
<h1 className="event-title">{event.title_fi}</h1>
|
||||
<p>
|
||||
{event.description_fi}
|
||||
</p>
|
||||
<p>
|
||||
{event.content_fi}
|
||||
</p>
|
||||
{/* We may have multiple signup forms. Generate own Button for each one */}
|
||||
<div className="event-signup-buttons">
|
||||
{event.signupForm.map(sf => (
|
||||
<Anchor key={sf.id} to={`/signup/${sf.id}`}>
|
||||
<Button type={ButtonType.Filled} onClick={() => {}}>
|
||||
{sf.title}
|
||||
</Button>
|
||||
</Anchor>
|
||||
)
|
||||
)}
|
||||
</div>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
<EventPageView event={event} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
+9
-112
@@ -1,120 +1,17 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./FreshmenPage.scss";
|
||||
import PageSection from "@components/PageSection/index";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection/index";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import PageLink from "@components/PageLink/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
import InfoBox from "@components/InfoBox/index";
|
||||
import FreshmenPageView from "@views/FreshmenPage/FreshmenPageView";
|
||||
|
||||
export interface FreshmenPageProps {}
|
||||
export interface FreshmenPageState {}
|
||||
|
||||
class FreshmenPage extends React.Component<FreshmenPageProps, FreshmenPageState> {
|
||||
render() {
|
||||
return (
|
||||
<div className="freshmen-page">
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/toiminta/fuksit" />
|
||||
</Helmet>
|
||||
<PageSection backgroundColor="dark-blue" 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="dark-blue" backgroundColor="light-turquoise">
|
||||
<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="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<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="white1" textColor="black1">
|
||||
<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 ›">
|
||||
Liity jäseneksi
|
||||
</PageLink>
|
||||
<PageLink to="fuksipisteohje.pdf/" desc="Katso fuksipisteitä ›">
|
||||
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="light-turquoise">
|
||||
<Ribbon>
|
||||
<h3>Killassa tapahtuu kaikenlaista!</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="/kilta/toiminta">
|
||||
<h4>Seuraa killan tapahtumia</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<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="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
const FreshmenPage: React.FC = () => (
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/toiminta/fuksit" />
|
||||
</Helmet>
|
||||
<FreshmenPageView />
|
||||
</>
|
||||
)
|
||||
|
||||
export default FreshmenPage;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from "react";
|
||||
import appStore from "@stores/AppStore";
|
||||
import { Helmet } from "react-helmet";
|
||||
import { Event, getEvents } from "@models/Event";
|
||||
import { Post, getFeed } from "@models/Feed";
|
||||
import { StaticContext } from "@server/StaticContext";
|
||||
@@ -76,8 +76,14 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
|
||||
|
||||
render() {
|
||||
const { events, feed } = this.state;
|
||||
return <FrontPageView events={events} feed={feed} />
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
</Helmet>
|
||||
<FrontPageView events={events} feed={feed} />
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default props => <FrontPage appStore={appStore} {...props} />;
|
||||
export default FrontPage;
|
||||
|
||||
+9
-235
@@ -1,240 +1,14 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./GuildPage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
import MainSection from "@components/MainSection";
|
||||
import AsideSection from "@components/AsideSection";
|
||||
import PageLink from "@components/PageLink";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import Ribbon from "@components/Ribbon";
|
||||
import InfoBox from "@components/InfoBox";
|
||||
import Accordion from "@components/Accordion";
|
||||
import TextAnchor from "@components/TextAnchor";
|
||||
import GuildPageView from "@views/GuildPage/GuildPageView";
|
||||
|
||||
export interface GuildPageProps { }
|
||||
export interface GuildPageState { }
|
||||
|
||||
class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
|
||||
render() {
|
||||
return (
|
||||
<div className="guild-page">
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/kilta" />
|
||||
</Helmet>
|
||||
<div className="front-page">
|
||||
<PageSection backgroundColor="dark-blue" fullSize>
|
||||
<HeroMainSection>
|
||||
<h1>Kilta koostuu sähkötekniikan ja elektroniikan (ELEC) tutkinto-ohjelmissa opiskelevista opiskelijoista</h1>
|
||||
<p>Vapaa-ajan <TextAnchor textColor="blue1" hoverColor="white1" to="/">jäsenpalvelujen</TextAnchor> lisäksi killan tehtävänä on edistää jäsentensä <TextAnchor textColor="blue1" hoverColor="white1" to="/">opintoja</TextAnchor>, tarjota uraohjausta ja <TextAnchor textColor="blue1" hoverColor="white1" to="/">fuksikasvatusta</TextAnchor>. Jokaiselle jäsenelle löytyy varmasti jotakin—kaukomaita, opiskelijalehti <TextAnchor textColor="blue1" hoverColor="white1" to="https://sosso.fi">Sössöä</TextAnchor>, 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>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<HeroAsideItem
|
||||
title="Toverielämää ja sähkötekniikkaa"
|
||||
linkHref="#tehtavat"
|
||||
linkText="Killan tehtavat ja tarina">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Aktiivinen hallinto"
|
||||
linkHref="#organisaatio"
|
||||
linkText="Organisaatio">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Kilta-aktiivit järjestävät monipuolista toimintaa"
|
||||
linkHref="#organisaatio"
|
||||
linkText="Toimikunnat ja jaokset">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Edut jäsenille"
|
||||
linkHref="#jasenedut"
|
||||
linkText="Yliopiston jäsenedut">
|
||||
</HeroAsideItem>
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1" >
|
||||
<h3 id="tehtavat">Killan tehtävät ja tarina</h3>
|
||||
<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>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>
|
||||
|
||||
<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>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1">
|
||||
<div>
|
||||
<PageLink to="#jasenedut" desc="vuonna 2018 ›">
|
||||
Yliopiston jäsenedut
|
||||
</PageLink>
|
||||
<PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme ›">
|
||||
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.
|
||||
</InfoBox>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="light-blue" textColor="dark-blue">
|
||||
<Ribbon>
|
||||
<p>Killan hallinto koostuu XXX henkilöstä.</p>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" />
|
||||
<MainSection backgroundColor="white1" textColor="dark-blue" >
|
||||
<h3 id="organisaatio">Organisaatio</h3>
|
||||
|
||||
<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>
|
||||
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1">
|
||||
<div>
|
||||
<PageLink to="/yhteystiedot/" desc="yhteystiedot ›">
|
||||
Vuoden 2019 hallinto
|
||||
</PageLink>
|
||||
<PageLink to="/saannot/" desc="säännöt ›">
|
||||
Dolor sit amet
|
||||
</PageLink>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="dark-blue">
|
||||
<Ribbon>
|
||||
<p>Kiltatoimintaa järjestää ja ylläpitää kilta-aktiivit, <TextAnchor textColor="white1" hoverColor="blue1" size="ribbon" to="/toimikunnat">toimikunnat</TextAnchor> ja <TextAnchor textColor="white1" hoverColor="blue1" size="ribbon" to="/jaokset">jaokset</TextAnchor>.</p>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<div style={{ display: "flex" }}>
|
||||
<AsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<h6>Miksi alkaa kilta-aktiiviksi?</h6>
|
||||
<p>
|
||||
Näitä töitä tehdessä saa väkisinkin paljon uusia kavereita ja oppii monia palkallisessa työelämässä tarpeellisia taitoja. Eikä laajasta tuttavapiiristä ja monista kontakteista varmasti haittaa ole tulevaa työuraakaan ajatellen. Rahallista tai materiaalista hyötyä kiltatoiminnasta ei saa, eikä kukaan killan toimintaan mukaan tuleva sitä pyrikään tavoittelemaan. Mikä tärkeintä, kiltatoiminta on kivaa!
|
||||
</p>
|
||||
<p>
|
||||
» Uusia ystäviä, samanhenkistä seuraa
|
||||
</p>
|
||||
<p>
|
||||
» Loistava mahdollisuus kokeilla omia kykyjään
|
||||
</p>
|
||||
<p>
|
||||
» Voit kokeilla ja oppia jotain sellaista, mitä et ikinä aikaisemmin ole tehnyt
|
||||
</p>
|
||||
</AsideSection>
|
||||
<AsideSection textColor="dark-blue" backgroundColor="light-blue">
|
||||
<h6>Runsaasti erilaisia tehtäviä</h6>
|
||||
<p>
|
||||
Killassa on todella monenlaisia tehtäviä. Olitpa koodaaja, urheilija tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to="/toimikunnat">Toimikunnissa</TextAnchor> sitoudut toimintaan vuodeksi kerrallaan. <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to="/jaostot">Jaostoiminta</TextAnchor> mahdollistaa kiltatoiminnan kokeilun pienemmässä mittakaavassa. Tehtäväkuvaukset lorem ipsum dolor sit amet alla. Jos ei löydy sopivaa lorem ipsum dolor sit amet, voit perustaa myös oman.
|
||||
</p>
|
||||
<p>
|
||||
» Haluatko <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>valtuustoon</TextAnchor>, <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>hallitukseen</TextAnchor> tai <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>toimariksi</TextAnchor>?
|
||||
</p>
|
||||
<p>
|
||||
» <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>Toimihenkilönä</TextAnchor> pääset edistämään opintoja
|
||||
</p>
|
||||
<p>
|
||||
» Lorem ipsum
|
||||
</p>
|
||||
</AsideSection>
|
||||
</div>
|
||||
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection textColor="black1" backgroundColor="white1">
|
||||
<div>
|
||||
<h3>Sähkötekniikan korkeakoulun toimikunnat</h3>
|
||||
<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>
|
||||
</div>
|
||||
<div className="accordion-list">
|
||||
<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>
|
||||
</AsideSection>
|
||||
<AsideSection textColor="black1" backgroundColor="white1">
|
||||
<div>
|
||||
<h3>Jaokset—kokeile kiltatoimintaa vapaammin</h3>
|
||||
<p>
|
||||
Kiinnostaako kiltatoiminta, mutta vuoden kestävä sitoutuminen pelottaa? Jaokset mahdollistavat kiltatoiminnan kokeilemisen pienemmässä mittakaavassa. Jaokset toimivat varsin vapaamuotoisesti, mutta siltikin hyvässä hengessä. Mikäli Sinulla olisi hyvä idea, mitä kilta voisi jaosmaisesti toteuttaa, voit myös perustaa oman jaoksen.
|
||||
</p>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<p id="jasenedut">Jäsenedut vuonna 2019</p>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" />
|
||||
<MainSection textColor="black1">
|
||||
<h3>Aalto-yliopiston tarjoamat monenlaiset edut</h3>
|
||||
<p>
|
||||
Sen lisäksi että kilta tarjoaa jäsenilleen palveluja ja aktiviteetteja, Aalto-yliopisto tarjoaa lorem ipsum dolor sit amet.
|
||||
</p>
|
||||
<p>
|
||||
» <TextAnchor textColor="blue1" hoverColor="dark-blue" to={"https://download.aalto.fi"}>Download.aalto.fi</TextAnchor> Täältä voit ladata yliopiston tarjoamia ohjelmia ilmaiseksi.
|
||||
</p>
|
||||
</MainSection>
|
||||
<AsideSection textColor="black1" backgroundColor="white1">
|
||||
<InfoBox>
|
||||
<TextAnchor to={""}>Jäseneksi liittyminen</TextAnchor> on helppoa, hauskaa ja hyödyllistä 8 € jäsenmaksulla pääset nauttimaan kaikista jäseneduista.
|
||||
</InfoBox>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
const GuildPage: React.FC = () => (
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/kilta" />
|
||||
</Helmet>
|
||||
<GuildPageView />
|
||||
</>
|
||||
);
|
||||
|
||||
export default GuildPage;
|
||||
|
||||
@@ -1,21 +1,14 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./InEnglishPage.scss";
|
||||
import InEnglishPageView from "@views/InEnglishPage/InEnglishPageView";
|
||||
|
||||
export interface InEnglishPageProps {}
|
||||
export interface InEnglishPageState {}
|
||||
|
||||
class InEnglishPage extends React.Component<InEnglishPageProps, InEnglishPageState> {
|
||||
render() {
|
||||
return (
|
||||
<div className="in-english-page">
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/in_english" />
|
||||
</Helmet>
|
||||
In English Page
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
const InEnglishPage: React.FC = () => (
|
||||
<div className="in-english-page">
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/in_english" />
|
||||
</Helmet>
|
||||
<InEnglishPageView />
|
||||
</div>
|
||||
);
|
||||
|
||||
export default InEnglishPage;
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
.not-found-page {
|
||||
text-align: center;
|
||||
font-size: 4rem;
|
||||
font-weight: 200;
|
||||
position: absolute;
|
||||
height: 10rem;
|
||||
top: calc(50vh - 5rem);
|
||||
width: 100%;
|
||||
}
|
||||
+22
-16
@@ -1,22 +1,28 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./NotFoundPage.scss";
|
||||
import styled from "styled-components";
|
||||
|
||||
export interface NotFoundPageProps { }
|
||||
const NotFound = styled.div`
|
||||
text-align: center;
|
||||
font-size: 4rem;
|
||||
font-weight: 200;
|
||||
position: absolute;
|
||||
height: 10rem;
|
||||
top: calc(50vh - 5rem);
|
||||
width: 100%;
|
||||
`;
|
||||
|
||||
class NotFoundPage extends React.Component<NotFoundPageProps, undefined> {
|
||||
render() {
|
||||
return (
|
||||
<div className="not-found-page">
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/404" />
|
||||
<title>404 | Ei vaan löydy</title>
|
||||
<meta name="robots" content="noindex" />
|
||||
</Helmet>
|
||||
<strong>404</strong> | Ei vaan löydy
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
const NotFoundPage: React.FC = () => (
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/404" />
|
||||
<title>404 | Ei vaan löydy</title>
|
||||
<meta name="robots" content="noindex" />
|
||||
</Helmet>
|
||||
<NotFound>
|
||||
<strong>404</strong> | Ei vaan löydy
|
||||
</NotFound>
|
||||
</>
|
||||
);
|
||||
|
||||
export default NotFoundPage;
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import Form from "react-jsonschema-form";
|
||||
import "./SignUpPage.scss";
|
||||
import { getForm, SignupForm } from "@models/SignupForm";
|
||||
import { createSignup, Signup } from "@models/Signup";
|
||||
import PageSection from "@components/PageSection";
|
||||
import { Question } from "@components/SignupQuestionsWidget";
|
||||
import SignUpPageView from "@views/SignUpPage/SignUpPageView";
|
||||
|
||||
export interface SignUpPageProps {
|
||||
match: {
|
||||
@@ -230,16 +230,12 @@ class SignUpPage extends React.Component<SignUpPageProps, SignUpPageState> {
|
||||
const signups = signUpForm && signUpForm.signups ? this.renderList() : null;
|
||||
|
||||
return (
|
||||
<div className="sign-up-page">
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href={`https://sik.ayy.fi/signup/${id}`} />
|
||||
</Helmet>
|
||||
{statusMessage}
|
||||
<PageSection backgroundColor="dark-blue">
|
||||
{form}
|
||||
{signups}
|
||||
</PageSection>
|
||||
</div>
|
||||
<SignUpPageView form={form} signups={signups} statusMessage={statusMessage} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,95 +1,14 @@
|
||||
import React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import "./StudiesPage.scss";
|
||||
import PageSection from "@components/PageSection/index";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection/index";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import PageLink from "@components/PageLink/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
import StudiesPageView from "@views/StudiesPage/StudiesPageView";
|
||||
|
||||
export interface StudiesPageProps {}
|
||||
export interface StudiesPageState {}
|
||||
|
||||
class StudiesPage extends React.Component<StudiesPageProps, StudiesPageState> {
|
||||
render() {
|
||||
return (
|
||||
<div className="studies-page">
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/opinnot" />
|
||||
</Helmet>
|
||||
<PageSection backgroundColor="dark-blue" fullSize>
|
||||
<HeroMainSection>
|
||||
<h1>Suomen parasta elektroniikan opetusta</h1>
|
||||
<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>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<HeroAsideItem
|
||||
title="Opiskelemaan sähkölle"
|
||||
linkHref="#abeille"
|
||||
linkText="Lue lisää" />
|
||||
<HeroAsideItem
|
||||
title="Mikä ihmeen Diplomi-insinööri"
|
||||
linkHref="#"
|
||||
linkText="Ura esimerkkejä" />
|
||||
<HeroAsideItem
|
||||
title="Aloittelevalle opiskelijalle"
|
||||
linkHref="/kilta/fuksi"
|
||||
linkText="Tietopaketti fukseille" />
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="abeille">Abeille</h3>
|
||||
|
||||
<p><strong>TODO: Tähän nostoja yhteistyöstä!</strong> Yhteistyömahdollisuuksista voi tiedustella lisää killan yrityssuhdemestarilta.</p>
|
||||
|
||||
<h6>Lorem</h6>
|
||||
<p>Yritysbrunssi on Sähköinsinöörikillan ja bioinformaatioteknologian ainejärjestö Inkubion syksyllä järjestämä yritystapahtuma. Tapahtumassa luodaan yrityksille mahdollisuus tavata tulevaisuuden ammattilaisia maukkaan brunssin lomassa.</p>
|
||||
|
||||
<h6>Ipsum</h6>
|
||||
<p>Sähköinsinöörikillan ensimmäisen vuoden opiskelijat saavat opiskelijahaalarinsa heti syksyn ensimmäisenä päivänä. Yrityksien on mahdollista ostaa mainostilaa haalareista ja samalla lunastaa esiintymispaikka haalareiden luovutustilaisuuteen, "Haalarigaalaan". Tilaisuus on erinomainen paikka jäädä heti uusien opiskelijoiden mieleen.</p>
|
||||
|
||||
<h6>Raketteja ja mikropiirejä</h6>
|
||||
<p>Excursioiden tarkoituksena on tarjota opiskelijoille mahdollisuus tutustua yritysmaailmaan. Pidemmillä excursiolla hauskanpito ja teekkariperinteiden vaaliminen on tärkeä osa excursiota.</p>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1">
|
||||
<div>
|
||||
<PageLink to="https:https://static.sika.sik.party/saannot/excursiosaannot.pdf" desc="Lue täältä ›">
|
||||
Kurssitarjonta
|
||||
</PageLink>
|
||||
<PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme ›">
|
||||
Liity jäseneksi
|
||||
</PageLink>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<h3>Hae opiskelemaan!</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="https://aalto.fi">
|
||||
<h4>Lue lisää Aallon sivuilta</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="yliopisto">Yliopiston järjestelmiä</h3>
|
||||
<p>TODO: Tänne varmaan mielummin Akateemiset komiteat etc.</p>
|
||||
<p>Valmistuvalle juttuja, oodi, tenttiarkisto etc.</p>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
const StudiesPage: React.FC = () => (
|
||||
<>
|
||||
<Helmet>
|
||||
<link rel="canonical" href="https://sik.ayy.fi/opinnot" />
|
||||
</Helmet>
|
||||
<StudiesPageView />
|
||||
</>
|
||||
);
|
||||
|
||||
export default StudiesPage;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../assets/scss/globals";
|
||||
@import "../../assets/scss/globals";
|
||||
|
||||
|
||||
.event-create-page {
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../assets/scss/globals";
|
||||
@import "../../assets/scss/globals";
|
||||
|
||||
|
||||
.post-create-page {
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../assets/scss/globals";
|
||||
@import "../../assets/scss/globals";
|
||||
|
||||
|
||||
.signup-create-page {
|
||||
+3
-3
@@ -14,10 +14,10 @@ import AdminCommonPage from "./pages/admin/AdminCommonPage";
|
||||
import AdminSignupPage from "./pages/admin/AdminSignupPage";
|
||||
import AdminLoginPage from "./pages/admin/AdminLoginPage";
|
||||
import AdminLogoutPage from "./pages/admin/AdminLogoutPage";
|
||||
import EventCreatePage from "./pages/EventCreatePage";
|
||||
import FeedCreatePage from "./pages/FeedCreatePage";
|
||||
import EventCreatePage from "./pages/admin/EventCreatePage";
|
||||
import FeedCreatePage from "./pages/admin/FeedCreatePage";
|
||||
import ContactsPage from "./pages/ContactsPage";
|
||||
import SignupCreatePage from "./pages/SignupCreatePage";
|
||||
import SignupCreatePage from "./pages/admin/SignupCreatePage";
|
||||
import SignUpPage from "./pages/SignUpPage";
|
||||
import ActualPage from "./pages/ActualPage";
|
||||
import FreshmenPage from "./pages/FreshmenPage";
|
||||
|
||||
@@ -0,0 +1,137 @@
|
||||
import React from "react";
|
||||
import "./ActualPage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
import Button, { ButtonType } from "@components/Button/index";
|
||||
import Accordion from "@components/Accordion";
|
||||
import HeroSecondarySection, { HeroSecondarySectionItem } from "@components/Hero/HeroSecondarySection/HeroSecondarySection";
|
||||
|
||||
export interface ActualPageProps {}
|
||||
export interface ActualPageState {}
|
||||
|
||||
class ActualPage extends React.Component<ActualPageProps, ActualPageState> {
|
||||
render() {
|
||||
return (
|
||||
<div className="actual-page">
|
||||
<PageSection backgroundColor="dark-blue" fullSize className="lander-hero">
|
||||
<HeroMainSection>
|
||||
<h1>Yritystapahtumia ja vastapainoa opiskelulle</h1>
|
||||
<p>
|
||||
Teekkarielämä ei ole pelkkää saunomista, juhlimista ja muita huvituksia—tai no, on se sitäkin.
|
||||
</p>
|
||||
<div className="hero-button-container-row">
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Tapahtumat ›</h6>
|
||||
</Button>
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Uutiset ›</h6>
|
||||
</Button>
|
||||
</div>
|
||||
<HeroSecondarySection title="Kiltahuone sijaitsee Tuas-talossa (Maarintie 8)">
|
||||
<HeroSecondarySectionItem note="Ma">
|
||||
<span>Killan hallitus päivystää kiltahuoneella <strong>maanantaisin klo 12.15–13.15.</strong> Tuolloin voit ostaa kiltatuotteita, kuten esim. haalarimerkkejä tai laulukirjoja.</span>
|
||||
</HeroSecondarySectionItem>
|
||||
<HeroSecondarySectionItem note="To">
|
||||
<span>Kiltapäiväkerho Kiltis kokoontuu <strong>torstaisin klo XX.XX kiltahuoneella.</strong> Lorem ipsum dolor sit amet. Lämpimästi tervetuloa kaikki SIKkiläiset ja SIK-mieliset!</span>
|
||||
</HeroSecondarySectionItem>
|
||||
</HeroSecondarySection>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<p>
|
||||
Kilta järjestää jäsenilleen jos jonkinlaista projektia ja toimintaa, muun muassa:
|
||||
</p>
|
||||
<HeroAsideItem
|
||||
title="keksimistä ja rakentelua"
|
||||
linkHref="#elepaja"
|
||||
linkText="Elektroniikkapaja">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Tiimipelejä ja liikuntaa"
|
||||
linkHref="#urheilu"
|
||||
linkText="Urheilu">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Konsertteja ja teatterivierailuja"
|
||||
linkHref="#kulttuuri"
|
||||
linkText="Kulttuuri">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Verkostoitumista"
|
||||
linkHref="#yritysyhteistyö"
|
||||
linkText="Yritysyhteistyö">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Uusia suhteita ulkopaikkakuntalaisten kanssa"
|
||||
linkHref="#ulkosuhteet"
|
||||
linkText="Ulkoiset suhteet">
|
||||
</HeroAsideItem>
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="black1">
|
||||
<MainSection>
|
||||
<h3>Tapahtumat</h3>
|
||||
</MainSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="black1">
|
||||
<MainSection>
|
||||
<h3>Uutiset</h3>
|
||||
</MainSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="light-turquoise" textColor="dark-blue">
|
||||
<Ribbon>
|
||||
<h3>Kuvia tapahtumista.</h3>
|
||||
<TextAnchor textColor="dark-blue" hoverColor="blue1" size="small-ribbon" to="https://sosso.fi">
|
||||
<h6>Kuvagalleria ›</h6>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<div className="actual-page-images">
|
||||
<img src="https://placehold.it/400x400" />
|
||||
<img src="https://placehold.it/400x400" />
|
||||
<img src="https://placehold.it/400x400" />
|
||||
</div>
|
||||
<PageSection backgroundColor="blue1">
|
||||
<Ribbon>
|
||||
<h3>Sinustako kilta-aktiivi?</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="dark-blue" size="small-ribbon" to="https://sosso.fi">
|
||||
<h6>Tule mukaan kiltatoimintaan ›</h6>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="black1">
|
||||
<AsideSection />
|
||||
<MainSection>
|
||||
<h3>Yritystapahtumia ja vastapainoa opiskelulle</h3>
|
||||
<p>
|
||||
Toimintaa ylläpitää ja järjestää jaokset ja toimikunnat.
|
||||
</p>
|
||||
<Accordion title="Rakenna kaikkea elektroniikkaan liittyvää">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Urheilua ja lajikokeiluja">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Kulttuuria kulinarismista teatteriin">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Yhteistyö yritysten kanssa">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
<Accordion title="Kansainvälisty ja luo suhteita">
|
||||
Jotain elepajasta
|
||||
</Accordion>
|
||||
</MainSection>
|
||||
<AsideSection />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default ActualPage;
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../assets/scss/globals";
|
||||
@import "../../assets/scss/globals";
|
||||
|
||||
.contacts-page {
|
||||
display: flex;
|
||||
@@ -0,0 +1,52 @@
|
||||
import React from "react";
|
||||
import "./ContactsPage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
import { Occupation, Committee } from "@models/Contacts";
|
||||
import CommitteeContainer from "@components/CommitteeContainer";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
|
||||
interface ContactsPageViewProps {
|
||||
contacts: Occupation[];
|
||||
committees: Committee[];
|
||||
}
|
||||
|
||||
class ContactsPageView extends React.Component<ContactsPageViewProps> {
|
||||
render() {
|
||||
const { contacts, committees } = this.props;
|
||||
const board = contacts.filter(x => x.role.is_board);
|
||||
return (
|
||||
<div className="contacts-page">
|
||||
<PageSection backgroundColor="white1" textColor="dark-blue" center>
|
||||
<p>
|
||||
Asiaa olisi, mutta kehen ottaa yhteyttä?<br />
|
||||
Tämä sivu yrittää valottaa sen oikean ihmisen puhelinnumeroa ja sähköpostiosoitetta.
|
||||
</p>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" textColor="dark-blue" bottomBorder center>
|
||||
<div>
|
||||
<CommitteeContainer name_fi="Hallitus" name_en="Board" contacts={board} />
|
||||
<p>
|
||||
{"Hallitukseen saa yhteyden lähettämällä sähköpostia "}
|
||||
<TextAnchor
|
||||
textColor="blue1"
|
||||
hoverColor="light-blue"
|
||||
to="mailto:sik-hallitus@list.ayy.fi">
|
||||
sik-hallitus@list.ayy.fi
|
||||
</TextAnchor>
|
||||
</p>
|
||||
</div>
|
||||
</PageSection>
|
||||
{committees.map((committee, index) => {
|
||||
const order = committee.name_fi === "Toimikunnattomat" ? 1 : 0;
|
||||
return (
|
||||
<PageSection key={index} style={{order}} backgroundColor="white1" center>
|
||||
<CommitteeContainer name_fi={committee.name_fi} name_en={committee.name_en} contacts={contacts.filter(x => x.role.committee.name_fi === committee.name_fi)} />
|
||||
</PageSection>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default ContactsPageView;
|
||||
@@ -0,0 +1,88 @@
|
||||
import React from "react";
|
||||
import "./CorporatePage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import PageLink from "@components/PageLink/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
|
||||
const CorporatePageView: React.FC = () => (
|
||||
<div className="corporate-page">
|
||||
<PageSection backgroundColor="dark-blue" fullSize>
|
||||
<HeroMainSection>
|
||||
<h1>Tee yhteistyötä tulevaisuuden huippuosaajien kanssa!</h1>
|
||||
<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>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<HeroAsideItem
|
||||
title="Mainos sivulle, opiskelijoita vierailulle?"
|
||||
linkHref="#yhteistyomahdollisuudet"
|
||||
linkText="Yhteistyömahdollisuudet" />
|
||||
<HeroAsideItem
|
||||
title="Kilta tukee työllistymistä"
|
||||
linkHref="#tyopaikat"
|
||||
linkText="Työpaikkailmoitukset" />
|
||||
<HeroAsideItem
|
||||
title="LinkedIn"
|
||||
linkHref="https://linkedin.com/groups/8103057"
|
||||
linkText="Killan LinkedIn ryhmä" />
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="yhteistyomahdollisuudet">Yhteistyömahdollisuudet</h3>
|
||||
|
||||
<p><strong>TODO: Tähän nostoja yhteistyöstä!</strong> Yhteistyömahdollisuuksista voi tiedustella lisää killan yrityssuhdemestarilta.</p>
|
||||
|
||||
<h6>Yritysbrunssi</h6>
|
||||
<p>Yritysbrunssi on Sähköinsinöörikillan ja bioinformaatioteknologian ainejärjestö Inkubion syksyllä järjestämä yritystapahtuma. Tapahtumassa luodaan yrityksille mahdollisuus tavata tulevaisuuden ammattilaisia maukkaan brunssin lomassa.</p>
|
||||
|
||||
<h6>Haalarimainonta</h6>
|
||||
<p>Sähköinsinöörikillan ensimmäisen vuoden opiskelijat saavat opiskelijahaalarinsa heti syksyn ensimmäisenä päivänä. Yrityksien on mahdollista ostaa mainostilaa haalareista ja samalla lunastaa esiintymispaikka haalareiden luovutustilaisuuteen, "Haalarigaalaan". Tilaisuus on erinomainen paikka jäädä heti uusien opiskelijoiden mieleen.</p>
|
||||
|
||||
<h6>Excursiot</h6>
|
||||
<p>Excursioiden tarkoituksena on tarjota opiskelijoille mahdollisuus tutustua yritysmaailmaan. Pidemmillä excursiolla hauskanpito ja teekkariperinteiden vaaliminen on tärkeä osa excursiota.</p>
|
||||
|
||||
<h6>Potentiaalin Tasaus</h6>
|
||||
<p>Kiltamme viettää vuosijuhliaan helmikuun kolmantena lauantaina. Potentiaalin Tasaus on kiltamme juhlavin tapahtuma. Yrityksillä on mahdollisuus osallistua vuosijuhliin niin pienellä kuin suurellakin panoksella.</p>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1">
|
||||
<div>
|
||||
<PageLink to="https:https://static.sika.sik.party/saannot/excursiosaannot.pdf" desc="Lue täältä›">
|
||||
Excursiosäännöt
|
||||
</PageLink>
|
||||
<PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme ›">
|
||||
Liity jäseneksi
|
||||
</PageLink>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<h3>Mainos Sössöön?</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="https://sosso.fi">
|
||||
<h4>Killan lehden mediakortin löydät täältä›</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="tyopaikat">Työpaikkaulmoitukset</h3>
|
||||
<p>TODO: Miten listataan yritykset?</p>
|
||||
{/* TODO: Fix links */}
|
||||
<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>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default CorporatePageView;
|
||||
@@ -0,0 +1,52 @@
|
||||
import React from "react";
|
||||
import "./EventPage.scss";
|
||||
import { Event } from "@models/Event";
|
||||
import Button, { ButtonType } from "@components/Button";
|
||||
import Anchor from "@components/Anchor";
|
||||
import PageSection from "@components/PageSection";
|
||||
import MainSection from "@components/MainSection";
|
||||
import AsideSection from "@components/AsideSection/AsideSection";
|
||||
|
||||
interface EventPageViewProps {
|
||||
event?: Event;
|
||||
}
|
||||
|
||||
|
||||
class EventPageView extends React.Component<EventPageViewProps> {
|
||||
render() {
|
||||
const { event } = this.props;
|
||||
if (!event) return <div>Loading</div>
|
||||
|
||||
return (
|
||||
<div className="event-page">
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection textColor="black1" />
|
||||
<MainSection textColor="black1">
|
||||
<img className="event-banner" src={event.tags[0].icon} alt={event.title_fi} ></img>
|
||||
<h1 className="event-title">{event.title_fi}</h1>
|
||||
<p>
|
||||
{event.description_fi}
|
||||
</p>
|
||||
<p>
|
||||
{event.content_fi}
|
||||
</p>
|
||||
{/* We may have multiple signup forms. Generate own Button for each one */}
|
||||
<div className="event-signup-buttons">
|
||||
{event.signupForm.map(sf => (
|
||||
<Anchor key={sf.id} to={`/signup/${sf.id}`}>
|
||||
<Button type={ButtonType.Filled} onClick={() => {}}>
|
||||
{sf.title}
|
||||
</Button>
|
||||
</Anchor>
|
||||
)
|
||||
)}
|
||||
</div>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default EventPageView;
|
||||
@@ -0,0 +1,109 @@
|
||||
import React from "react";
|
||||
import "./FreshmenPage.scss";
|
||||
import PageSection from "@components/PageSection/index";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection/index";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import PageLink from "@components/PageLink/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
import InfoBox from "@components/InfoBox/index";
|
||||
|
||||
const FreshmenPageView: React.FC = () => (
|
||||
<div className="freshmen-page">
|
||||
<PageSection backgroundColor="dark-blue" 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="dark-blue" backgroundColor="light-turquoise">
|
||||
<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="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<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="white1" textColor="black1">
|
||||
<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 ›">
|
||||
Liity jäseneksi
|
||||
</PageLink>
|
||||
<PageLink to="fuksipisteohje.pdf/" desc="Katso fuksipisteitä ›">
|
||||
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="light-turquoise">
|
||||
<Ribbon>
|
||||
<h3>Killassa tapahtuu kaikenlaista!</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="/kilta/toiminta">
|
||||
<h4>Seuraa killan tapahtumia</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<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="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default FreshmenPageView;
|
||||
@@ -1,10 +1,8 @@
|
||||
import React from "react";
|
||||
import "./FrontPage.scss";
|
||||
import appStore from "@stores/AppStore";
|
||||
import Card from "@components/Card";
|
||||
import { Event, getEvents } from "@models/Event";
|
||||
import { Post, getFeed } from "@models/Feed";
|
||||
import { StaticContext } from "@server/StaticContext";
|
||||
import { Event } from "@models/Event";
|
||||
import { Post } from "@models/Feed";
|
||||
|
||||
import PageSection from "@components/PageSection";
|
||||
|
||||
@@ -17,185 +15,117 @@ import SponsorReel from "@components/SponsorReel";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import TextAnchor from "@components/TextAnchor";
|
||||
|
||||
interface FrontPageProps {
|
||||
staticContext: StaticContext;
|
||||
}
|
||||
|
||||
interface FrontPageState {
|
||||
interface FrontPageViewProps {
|
||||
events: Event[];
|
||||
feed: Post[];
|
||||
}
|
||||
|
||||
class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
|
||||
constructor(props: FrontPageProps) {
|
||||
super(props);
|
||||
const { staticContext } = props;
|
||||
|
||||
if (staticContext) {
|
||||
/* The static context is an object that manages promises when
|
||||
rendering on the server. If staticContext exists, that means
|
||||
we have to store all promises in it. Otherwise, operate
|
||||
normally. See server/index.ts. */
|
||||
if (staticContext.resolutions.getEvents) {
|
||||
const events = staticContext.resolutions.getEvents as Event[];
|
||||
const feed = staticContext.resolutions.getFeed as Post[];
|
||||
this.state = {
|
||||
events,
|
||||
feed,
|
||||
};
|
||||
} else {
|
||||
this.state = {
|
||||
events: [],
|
||||
feed: [],
|
||||
};
|
||||
const promiseEvents = this.fetchEvents();
|
||||
const promiseFeed = this.fetchFeed();
|
||||
staticContext.promises.getEvents = promiseEvents;
|
||||
staticContext.promises.getFeed = promiseFeed;
|
||||
}
|
||||
} else {
|
||||
this.state = {
|
||||
events: [],
|
||||
feed: [],
|
||||
};
|
||||
this.fetchEvents();
|
||||
this.fetchFeed();
|
||||
}
|
||||
}
|
||||
|
||||
fetchEvents = () => {
|
||||
const getEventsPromise = getEvents({
|
||||
onlyNonPast: true,
|
||||
limit: 4,
|
||||
});
|
||||
getEventsPromise.then(events => {
|
||||
this.setState({
|
||||
events,
|
||||
});
|
||||
});
|
||||
return getEventsPromise;
|
||||
}
|
||||
|
||||
fetchFeed = () => {
|
||||
const getFeedPromise = getFeed();
|
||||
getFeedPromise.then(feed => {
|
||||
this.setState({
|
||||
feed,
|
||||
});
|
||||
});
|
||||
return getFeedPromise;
|
||||
}
|
||||
|
||||
render() {
|
||||
const { events, feed } = this.state;
|
||||
return (
|
||||
<div className="front-page">
|
||||
<PageSection backgroundColor="dark-blue" fullSize className="lander-hero">
|
||||
<HeroMainSection>
|
||||
<h1>Aalto-yliopiston Sähköinsinöörikilta</h1>
|
||||
<p>
|
||||
const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (
|
||||
<div className="front-page">
|
||||
<PageSection backgroundColor="dark-blue" fullSize className="lander-hero">
|
||||
<HeroMainSection>
|
||||
<h1>Aalto-yliopiston Sähköinsinöörikilta</h1>
|
||||
<p>
|
||||
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ä.
|
||||
</p>
|
||||
<div className="hero-button-container">
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Killan tehtävät ›</h6>
|
||||
</Button>
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Vastapainoa opiskelulle ›</h6>
|
||||
</Button>
|
||||
</div>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="light-blue" backgroundColor="dark-blue">
|
||||
<HeroAsideItem
|
||||
title="Vasta-aloittanut opiskelija"
|
||||
linkHref="/kilta/fuksi"
|
||||
linkText="Fuksit"
|
||||
>
|
||||
</p>
|
||||
<div className="hero-button-container">
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Killan tehtävät ›</h6>
|
||||
</Button>
|
||||
<Button type={ButtonType.Hero} onClick={() => { }}>
|
||||
<h6>Vastapainoa opiskelulle ›</h6>
|
||||
</Button>
|
||||
</div>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="light-blue" backgroundColor="dark-blue">
|
||||
<HeroAsideItem
|
||||
title="Vasta-aloittanut opiskelija"
|
||||
linkHref="/kilta/fuksi"
|
||||
linkText="Fuksit"
|
||||
>
|
||||
Fuksikasvatusta, ISO-toimintaa, lorem ipsum dolor sit ja amet.
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Harkitsetko uraa alalla?"
|
||||
linkHref="/opinnot_ja_ura"
|
||||
linkText="Opinnot ja ura"
|
||||
>
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Harkitsetko uraa alalla?"
|
||||
linkHref="/opinnot_ja_ura"
|
||||
linkText="Opinnot ja ura"
|
||||
>
|
||||
Oletko abi, vaihtamassa uraa tai valmistumassa?
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Yhteistyö yritysten kanssa"
|
||||
linkHref="/yritysyhteistyo"
|
||||
linkText="Yritysyhteistyö"
|
||||
>
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Yhteistyö yritysten kanssa"
|
||||
linkHref="/yritysyhteistyo"
|
||||
linkText="Yritysyhteistyö"
|
||||
>
|
||||
Avoimet työpaikat ja excursiot. Infoa yritysten edustajille ja
|
||||
sponsseille.
|
||||
</HeroAsideItem>
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" cardSection>
|
||||
{events.map(event => (
|
||||
<Card
|
||||
key={event.id}
|
||||
title={event.title_fi}
|
||||
start_time={event.start_time}
|
||||
text={event.description_fi}
|
||||
link={`/events/${event.id}`}
|
||||
image={event.tags[0].icon}
|
||||
button={
|
||||
<Button type={ButtonType.Filled} onClick={() => { }}>
|
||||
<h6>Lue lisää ›</h6>
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
))}
|
||||
<div className="card" key="links">
|
||||
<PageLink to="/events/" desc="löydät tapahtumakalenterista ›">
|
||||
</HeroAsideItem>
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1" cardSection>
|
||||
{events.map(event => (
|
||||
<Card
|
||||
key={event.id}
|
||||
title={event.title_fi}
|
||||
start_time={event.start_time}
|
||||
text={event.description_fi}
|
||||
link={`/events/${event.id}`}
|
||||
image={event.tags[0].icon}
|
||||
button={
|
||||
<Button type={ButtonType.Filled} onClick={() => { }}>
|
||||
<h6>Lue lisää ›</h6>
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
))}
|
||||
<div className="card" key="links">
|
||||
<PageLink to="/events/" desc="löydät tapahtumakalenterista ›">
|
||||
Kaikki tapahtumat
|
||||
</PageLink>
|
||||
</div>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<h3>Sössöä vuodesta 1969.</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="https://sosso.fi">
|
||||
<h4>Lue opiskelijalehden viimeisin numero ›</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection
|
||||
backgroundColor="white1"
|
||||
bottomBorder
|
||||
cardSection
|
||||
>
|
||||
{feed.map(inst => (
|
||||
<Card
|
||||
key={inst.id}
|
||||
title={inst.title_fi}
|
||||
start_time={inst.publish_time}
|
||||
text={inst.description_fi}
|
||||
link={`/feed/${inst.id}`}
|
||||
button={
|
||||
<Button type={ButtonType.Filled} onClick={() => { }}>
|
||||
<h6>Lue lisää ›</h6>
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
))}
|
||||
<div className="card" key="links">
|
||||
<PageLink to="/feed/" desc="ja hallituksen kuulumiset ›">
|
||||
Lue tuoreimmat uutiset
|
||||
</PageLink>
|
||||
<PageLink to="https://sik.kuvat.fi" desc="kuvagalleriassa ›">
|
||||
Kuvia tapahtumista
|
||||
</PageLink>
|
||||
</div>
|
||||
</PageSection>
|
||||
<PageSection center backgroundColor="white1">
|
||||
<SponsorReel />
|
||||
</PageSection>
|
||||
</PageLink>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<h3>Sössöä vuodesta 1969.</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="https://sosso.fi">
|
||||
<h4>Lue opiskelijalehden viimeisin numero ›</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection
|
||||
backgroundColor="white1"
|
||||
bottomBorder
|
||||
cardSection
|
||||
>
|
||||
{feed.map(inst => (
|
||||
<Card
|
||||
key={inst.id}
|
||||
title={inst.title_fi}
|
||||
start_time={inst.publish_time}
|
||||
text={inst.description_fi}
|
||||
link={`/feed/${inst.id}`}
|
||||
button={
|
||||
<Button type={ButtonType.Filled} onClick={() => { }}>
|
||||
<h6>Lue lisää ›</h6>
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
))}
|
||||
<div className="card" key="links">
|
||||
<PageLink to="/feed/" desc="ja hallituksen kuulumiset ›">
|
||||
Lue tuoreimmat uutiset
|
||||
</PageLink>
|
||||
<PageLink to="https://sik.kuvat.fi" desc="kuvagalleriassa ›">
|
||||
Kuvia tapahtumista
|
||||
</PageLink>
|
||||
</div>
|
||||
</PageSection>
|
||||
<PageSection center backgroundColor="white1">
|
||||
<SponsorReel />
|
||||
</PageSection>
|
||||
</div>
|
||||
)
|
||||
|
||||
export default props => <FrontPage appStore={appStore} {...props} />;
|
||||
export default FrontPageView;
|
||||
|
||||
@@ -0,0 +1,229 @@
|
||||
import React from "react";
|
||||
import "./GuildPage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
import MainSection from "@components/MainSection";
|
||||
import AsideSection from "@components/AsideSection";
|
||||
import PageLink from "@components/PageLink";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import Ribbon from "@components/Ribbon";
|
||||
import InfoBox from "@components/InfoBox";
|
||||
import Accordion from "@components/Accordion";
|
||||
import TextAnchor from "@components/TextAnchor";
|
||||
|
||||
const GuildPageView: React.FC = () => (
|
||||
<div className="guild-page">
|
||||
<div className="front-page">
|
||||
<PageSection backgroundColor="dark-blue" fullSize>
|
||||
<HeroMainSection>
|
||||
<h1>Kilta koostuu sähkötekniikan ja elektroniikan (ELEC) tutkinto-ohjelmissa opiskelevista opiskelijoista</h1>
|
||||
<p>Vapaa-ajan <TextAnchor textColor="blue1" hoverColor="white1" to="/">jäsenpalvelujen</TextAnchor> lisäksi killan tehtävänä on edistää jäsentensä <TextAnchor textColor="blue1" hoverColor="white1" to="/">opintoja</TextAnchor>, tarjota uraohjausta ja <TextAnchor textColor="blue1" hoverColor="white1" to="/">fuksikasvatusta</TextAnchor>. Jokaiselle jäsenelle löytyy varmasti jotakin—kaukomaita, opiskelijalehti <TextAnchor textColor="blue1" hoverColor="white1" to="https://sosso.fi">Sössöä</TextAnchor>, 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>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<HeroAsideItem
|
||||
title="Toverielämää ja sähkötekniikkaa"
|
||||
linkHref="#tehtavat"
|
||||
linkText="Killan tehtavat ja tarina">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Aktiivinen hallinto"
|
||||
linkHref="#organisaatio"
|
||||
linkText="Organisaatio">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Kilta-aktiivit järjestävät monipuolista toimintaa"
|
||||
linkHref="#organisaatio"
|
||||
linkText="Toimikunnat ja jaokset">
|
||||
</HeroAsideItem>
|
||||
<HeroAsideItem
|
||||
title="Edut jäsenille"
|
||||
linkHref="#jasenedut"
|
||||
linkText="Yliopiston jäsenedut">
|
||||
</HeroAsideItem>
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1" >
|
||||
<h3 id="tehtavat">Killan tehtävät ja tarina</h3>
|
||||
<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>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>
|
||||
|
||||
<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>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1">
|
||||
<div>
|
||||
<PageLink to="#jasenedut" desc="vuonna 2018 ›">
|
||||
Yliopiston jäsenedut
|
||||
</PageLink>
|
||||
<PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme ›">
|
||||
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.
|
||||
</InfoBox>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="light-blue" textColor="dark-blue">
|
||||
<Ribbon>
|
||||
<p>Killan hallinto koostuu XXX henkilöstä.</p>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" />
|
||||
<MainSection backgroundColor="white1" textColor="dark-blue" >
|
||||
<h3 id="organisaatio">Organisaatio</h3>
|
||||
|
||||
<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>
|
||||
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1">
|
||||
<div>
|
||||
<PageLink to="/yhteystiedot/" desc="yhteystiedot ›">
|
||||
Vuoden 2019 hallinto
|
||||
</PageLink>
|
||||
<PageLink to="/saannot/" desc="säännöt ›">
|
||||
Dolor sit amet
|
||||
</PageLink>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="dark-blue">
|
||||
<Ribbon>
|
||||
<p>Kiltatoimintaa järjestää ja ylläpitää kilta-aktiivit, <TextAnchor textColor="white1" hoverColor="blue1" size="ribbon" to="/toimikunnat">toimikunnat</TextAnchor> ja <TextAnchor textColor="white1" hoverColor="blue1" size="ribbon" to="/jaokset">jaokset</TextAnchor>.</p>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<div style={{ display: "flex" }}>
|
||||
<AsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<h6>Miksi alkaa kilta-aktiiviksi?</h6>
|
||||
<p>
|
||||
Näitä töitä tehdessä saa väkisinkin paljon uusia kavereita ja oppii monia palkallisessa työelämässä tarpeellisia taitoja. Eikä laajasta tuttavapiiristä ja monista kontakteista varmasti haittaa ole tulevaa työuraakaan ajatellen. Rahallista tai materiaalista hyötyä kiltatoiminnasta ei saa, eikä kukaan killan toimintaan mukaan tuleva sitä pyrikään tavoittelemaan. Mikä tärkeintä, kiltatoiminta on kivaa!
|
||||
</p>
|
||||
<p>
|
||||
» Uusia ystäviä, samanhenkistä seuraa
|
||||
</p>
|
||||
<p>
|
||||
» Loistava mahdollisuus kokeilla omia kykyjään
|
||||
</p>
|
||||
<p>
|
||||
» Voit kokeilla ja oppia jotain sellaista, mitä et ikinä aikaisemmin ole tehnyt
|
||||
</p>
|
||||
</AsideSection>
|
||||
<AsideSection textColor="dark-blue" backgroundColor="light-blue">
|
||||
<h6>Runsaasti erilaisia tehtäviä</h6>
|
||||
<p>
|
||||
Killassa on todella monenlaisia tehtäviä. Olitpa koodaaja, urheilija tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to="/toimikunnat">Toimikunnissa</TextAnchor> sitoudut toimintaan vuodeksi kerrallaan. <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to="/jaostot">Jaostoiminta</TextAnchor> mahdollistaa kiltatoiminnan kokeilun pienemmässä mittakaavassa. Tehtäväkuvaukset lorem ipsum dolor sit amet alla. Jos ei löydy sopivaa lorem ipsum dolor sit amet, voit perustaa myös oman.
|
||||
</p>
|
||||
<p>
|
||||
» Haluatko <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>valtuustoon</TextAnchor>, <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>hallitukseen</TextAnchor> tai <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>toimariksi</TextAnchor>?
|
||||
</p>
|
||||
<p>
|
||||
» <TextAnchor textColor="dark-blue" hoverColor="dark-blue" to={""}>Toimihenkilönä</TextAnchor> pääset edistämään opintoja
|
||||
</p>
|
||||
<p>
|
||||
» Lorem ipsum
|
||||
</p>
|
||||
</AsideSection>
|
||||
</div>
|
||||
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection textColor="black1" backgroundColor="white1">
|
||||
<div>
|
||||
<h3>Sähkötekniikan korkeakoulun toimikunnat</h3>
|
||||
<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>
|
||||
</div>
|
||||
<div className="accordion-list">
|
||||
<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>
|
||||
</AsideSection>
|
||||
<AsideSection textColor="black1" backgroundColor="white1">
|
||||
<div>
|
||||
<h3>Jaokset—kokeile kiltatoimintaa vapaammin</h3>
|
||||
<p>
|
||||
Kiinnostaako kiltatoiminta, mutta vuoden kestävä sitoutuminen pelottaa? Jaokset mahdollistavat kiltatoiminnan kokeilemisen pienemmässä mittakaavassa. Jaokset toimivat varsin vapaamuotoisesti, mutta siltikin hyvässä hengessä. Mikäli Sinulla olisi hyvä idea, mitä kilta voisi jaosmaisesti toteuttaa, voit myös perustaa oman jaoksen.
|
||||
</p>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<p id="jasenedut">Jäsenedut vuonna 2019</p>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" />
|
||||
<MainSection textColor="black1">
|
||||
<h3>Aalto-yliopiston tarjoamat monenlaiset edut</h3>
|
||||
<p>
|
||||
Sen lisäksi että kilta tarjoaa jäsenilleen palveluja ja aktiviteetteja, Aalto-yliopisto tarjoaa lorem ipsum dolor sit amet.
|
||||
</p>
|
||||
<p>
|
||||
» <TextAnchor textColor="blue1" hoverColor="dark-blue" to={"https://download.aalto.fi"}>Download.aalto.fi</TextAnchor> Täältä voit ladata yliopiston tarjoamia ohjelmia ilmaiseksi.
|
||||
</p>
|
||||
</MainSection>
|
||||
<AsideSection textColor="black1" backgroundColor="white1">
|
||||
<InfoBox>
|
||||
<TextAnchor to={""}>Jäseneksi liittyminen</TextAnchor> on helppoa, hauskaa ja hyödyllistä 8 € jäsenmaksulla pääset nauttimaan kaikista jäseneduista.
|
||||
</InfoBox>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default GuildPageView;
|
||||
@@ -0,0 +1,10 @@
|
||||
import React from "react";
|
||||
import "./InEnglishPage.scss";
|
||||
|
||||
const InEnglishPageView: React.FC = () => (
|
||||
<div className="in-english-page">
|
||||
In English Page
|
||||
</div>
|
||||
);
|
||||
|
||||
export default InEnglishPageView;
|
||||
@@ -0,0 +1,21 @@
|
||||
import React from "react";
|
||||
import "./SignUpPage.scss";
|
||||
import PageSection from "@components/PageSection";
|
||||
|
||||
interface SignUpPageViewProps {
|
||||
form: React.ReactNode;
|
||||
signups: React.ReactNode;
|
||||
statusMessage: string;
|
||||
}
|
||||
|
||||
const SignUpPageView: React.FC<SignUpPageViewProps> = ({form, signups, statusMessage}) => (
|
||||
<div className="sign-up-page">
|
||||
{statusMessage}
|
||||
<PageSection backgroundColor="dark-blue">
|
||||
{form}
|
||||
{signups}
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default SignUpPageView;
|
||||
@@ -0,0 +1,84 @@
|
||||
import React from "react";
|
||||
import "./StudiesPage.scss";
|
||||
import PageSection from "@components/PageSection/index";
|
||||
import HeroMainSection from "@components/Hero/HeroMainSection/HeroMainSection";
|
||||
import HeroAsideSection from "@components/Hero/HeroAsideSection/HeroAsideSection";
|
||||
import HeroAsideItem from "@components/Hero/HeroAsideItem/HeroAsideItem";
|
||||
import AsideSection from "@components/AsideSection/index";
|
||||
import MainSection from "@components/MainSection/index";
|
||||
import PageLink from "@components/PageLink/index";
|
||||
import Ribbon from "@components/Ribbon/index";
|
||||
import TextAnchor from "@components/TextAnchor/index";
|
||||
|
||||
const StudiesPageView: React.FC = () => (
|
||||
<div className="studies-page">
|
||||
<PageSection backgroundColor="dark-blue" fullSize>
|
||||
<HeroMainSection>
|
||||
<h1>Suomen parasta elektroniikan opetusta</h1>
|
||||
<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>
|
||||
</HeroMainSection>
|
||||
<HeroAsideSection textColor="dark-blue" backgroundColor="light-turquoise">
|
||||
<HeroAsideItem
|
||||
title="Opiskelemaan sähkölle"
|
||||
linkHref="#abeille"
|
||||
linkText="Lue lisää" />
|
||||
<HeroAsideItem
|
||||
title="Mikä ihmeen Diplomi-insinööri"
|
||||
linkHref="#"
|
||||
linkText="Ura esimerkkejä" />
|
||||
<HeroAsideItem
|
||||
title="Aloittelevalle opiskelijalle"
|
||||
linkHref="/kilta/fuksi"
|
||||
linkText="Tietopaketti fukseille" />
|
||||
</HeroAsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="abeille">Abeille</h3>
|
||||
|
||||
<p><strong>TODO: Tähän nostoja yhteistyöstä!</strong> Yhteistyömahdollisuuksista voi tiedustella lisää killan yrityssuhdemestarilta.</p>
|
||||
|
||||
<h6>Lorem</h6>
|
||||
<p>Yritysbrunssi on Sähköinsinöörikillan ja bioinformaatioteknologian ainejärjestö Inkubion syksyllä järjestämä yritystapahtuma. Tapahtumassa luodaan yrityksille mahdollisuus tavata tulevaisuuden ammattilaisia maukkaan brunssin lomassa.</p>
|
||||
|
||||
<h6>Ipsum</h6>
|
||||
<p>Sähköinsinöörikillan ensimmäisen vuoden opiskelijat saavat opiskelijahaalarinsa heti syksyn ensimmäisenä päivänä. Yrityksien on mahdollista ostaa mainostilaa haalareista ja samalla lunastaa esiintymispaikka haalareiden luovutustilaisuuteen, "Haalarigaalaan". Tilaisuus on erinomainen paikka jäädä heti uusien opiskelijoiden mieleen.</p>
|
||||
|
||||
<h6>Raketteja ja mikropiirejä</h6>
|
||||
<p>Excursioiden tarkoituksena on tarjota opiskelijoille mahdollisuus tutustua yritysmaailmaan. Pidemmillä excursiolla hauskanpito ja teekkariperinteiden vaaliminen on tärkeä osa excursiota.</p>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1">
|
||||
<div>
|
||||
<PageLink to="https:https://static.sika.sik.party/saannot/excursiosaannot.pdf" desc="Lue täältä ›">
|
||||
Kurssitarjonta
|
||||
</PageLink>
|
||||
<PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme ›">
|
||||
Liity jäseneksi
|
||||
</PageLink>
|
||||
</div>
|
||||
</AsideSection>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="orange1">
|
||||
<Ribbon>
|
||||
<h3>Hae opiskelemaan!</h3>
|
||||
<TextAnchor textColor="white1" hoverColor="blue1" size="small-ribbon" to="https://aalto.fi">
|
||||
<h4>Lue lisää Aallon sivuilta</h4>
|
||||
</TextAnchor>
|
||||
</Ribbon>
|
||||
</PageSection>
|
||||
<PageSection backgroundColor="white1">
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
<MainSection backgroundColor="white1" textColor="black1">
|
||||
<h3 id="yliopisto">Yliopiston järjestelmiä</h3>
|
||||
<p>TODO: Tänne varmaan mielummin Akateemiset komiteat etc.</p>
|
||||
<p>Valmistuvalle juttuja, oodi, tenttiarkisto etc.</p>
|
||||
</MainSection>
|
||||
<AsideSection backgroundColor="white1" textColor="black1" />
|
||||
</PageSection>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default StudiesPageView;
|
||||
Reference in New Issue
Block a user