From 284864316b50f98cbc8d551201b0d3534f2e0361 Mon Sep 17 00:00:00 2001 From: Aarni Halinen Date: Mon, 6 Jul 2020 16:46:44 +0300 Subject: [PATCH] Refactor style enums to string literals --- src/components/ColorDiv/ColorDiv.tsx | 66 +++++---------------- src/components/Header/Header.tsx | 1 - src/components/PageLink/PageLink.tsx | 1 - src/components/SponsorReel/SponsorReel.tsx | 3 +- src/components/TextAnchor/TextAnchor.tsx | 45 +++++++------- src/pages/ActualPage/ActualPage.tsx | 21 +++---- src/pages/ContactsPage/ContactsPage.tsx | 17 +++--- src/pages/CorporatePage/CorporatePage.tsx | 26 ++++---- src/pages/EventPage/EventPage.tsx | 9 ++- src/pages/FreshmenPage/FreshmenPage.tsx | 26 ++++---- src/pages/FrontPage/FrontPage.tsx | 16 +++-- src/pages/GuildPage/GuildPage.tsx | 69 +++++++++++----------- src/pages/SignUpPage/SignUpPage.tsx | 3 +- src/pages/StudiesPage/StudiesPage.tsx | 26 ++++---- src/theme/colors.ts | 21 +++++++ src/theme/fontSizes.ts | 0 16 files changed, 161 insertions(+), 189 deletions(-) create mode 100644 src/theme/colors.ts create mode 100644 src/theme/fontSizes.ts diff --git a/src/components/ColorDiv/ColorDiv.tsx b/src/components/ColorDiv/ColorDiv.tsx index 90403d3..0dba70c 100644 --- a/src/components/ColorDiv/ColorDiv.tsx +++ b/src/components/ColorDiv/ColorDiv.tsx @@ -1,51 +1,13 @@ import React from "react"; import "./ColorDiv.scss"; - -export enum ColorEnum { - DarkBlue, - LightBlue, - White, - Black, - Grey1, - Grey2, - Orange1, - Orange2, - Blue, - LightTurquoise, - Green, - Sand, - Transparent, - Inherit, -} - -const colors = new Map([ - [ColorEnum.DarkBlue, "dark-blue"], - [ColorEnum.LightBlue, "light-blue"], - [ColorEnum.White, "white1"], - [ColorEnum.Black, "black1"], - [ColorEnum.Grey1, "grey1"], - [ColorEnum.Grey2, "grey2"], - [ColorEnum.Orange1, "orange1"], - [ColorEnum.Orange2, "orange2"], - [ColorEnum.Blue, "blue1"], - [ColorEnum.LightTurquoise, "light-turquoise"], - [ColorEnum.Green, "green1"], - [ColorEnum.Sand, "sand"], - [ColorEnum.Transparent, "transparent"], - [ColorEnum.Inherit, "inherit"] -]); - -export const getColor = (color: ColorEnum): string => `color-div__${colors.get(color)}`; -export const getBgColor = (color: ColorEnum): string => `color-div__background_${colors.get(color)}`; -export const getHoverColor = (color: ColorEnum): string => `color-div__${colors.get(color)}Hoverable`; -export const getBgHoverColor = (color: ColorEnum): string => `color-div__background_${colors.get(color)}Hoverable`; - +import { Colors, colorToClass, bgColorToClass, hoverColorToClass, bgHoverColorToClass } from "../../theme/colors"; +import classNames from "classnames"; export interface ColorDivProps extends React.HTMLAttributes { - textColor?: ColorEnum; - backgroundColor?: ColorEnum; - hoverColor?: ColorEnum; - backgroundHoverColor?: ColorEnum; + textColor?: Colors; + backgroundColor?: Colors; + hoverColor?: Colors; + backgroundHoverColor?: Colors; } export interface ColorDivState { } @@ -53,14 +15,16 @@ export interface ColorDivState { } class ColorDiv extends React.Component { render() { const { children, className, textColor, backgroundColor, hoverColor, backgroundHoverColor, ...props } = this.props; - const classNames = []; - if (className) classNames.push(className); - if (textColor !== undefined) classNames.push(getColor(textColor)); - if (backgroundColor !== undefined) classNames.push(getBgColor(backgroundColor)); - if (hoverColor !== undefined) classNames.push(getHoverColor(hoverColor)); - if (backgroundHoverColor !== undefined) classNames.push(getBgHoverColor(backgroundHoverColor)); + const classes = classNames( + className, + colorToClass(textColor), + bgColorToClass(backgroundColor), + hoverColorToClass(hoverColor), + bgHoverColorToClass(backgroundHoverColor) + ); + return ( -
+
{children}
); diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 76b8dad..5a1ba3f 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -7,7 +7,6 @@ import Navigation from "../Navigation"; import TitleImage from "../../assets/img/SIK_RGB_W_side.png"; import classNames from "classnames"; import throttle from "lodash/throttle"; -import { tr } from "date-fns/locale"; export interface HeaderProps { } export interface HeaderState { diff --git a/src/components/PageLink/PageLink.tsx b/src/components/PageLink/PageLink.tsx index cece70f..5562210 100644 --- a/src/components/PageLink/PageLink.tsx +++ b/src/components/PageLink/PageLink.tsx @@ -1,7 +1,6 @@ import React from "react"; import "./PageLink.scss"; import TextAnchor from "../TextAnchor"; -import { TextSize } from "../TextAnchor/TextAnchor"; export interface PageLinkProps { to: string; diff --git a/src/components/SponsorReel/SponsorReel.tsx b/src/components/SponsorReel/SponsorReel.tsx index c7799bc..694cc3d 100644 --- a/src/components/SponsorReel/SponsorReel.tsx +++ b/src/components/SponsorReel/SponsorReel.tsx @@ -2,7 +2,6 @@ import React from "react"; import "./SponsorReel.scss"; import TextAnchor from "../TextAnchor"; import Anchor from "../Anchor"; -import { ColorEnum } from "../ColorDiv/ColorDiv"; export interface SponsorReelProps { } export interface SponsorReelState { } @@ -19,7 +18,7 @@ class SponsorReel extends React.Component {
- Haluatko kuulla lisää yhteistyöstä kanssamme? + Haluatko kuulla lisää yhteistyöstä kanssamme? ); } diff --git a/src/components/TextAnchor/TextAnchor.tsx b/src/components/TextAnchor/TextAnchor.tsx index b870f6e..d44877c 100644 --- a/src/components/TextAnchor/TextAnchor.tsx +++ b/src/components/TextAnchor/TextAnchor.tsx @@ -1,42 +1,45 @@ import React from "react"; import "./TextAnchor.scss"; -import { ColorEnum, getColor, getHoverColor } from "../ColorDiv/ColorDiv"; +import { Colors, colorToClass, hoverColorToClass } from "../../theme/colors"; import Anchor from "../Anchor"; +import classNames from "classnames"; -export enum TextSize { - Normal, - Small, - Large, - Ribbon, - SmallRibbon, -} +export type TextSize = + "normal" | + "small" | + "large" | + "ribbon" | + "small-ribbon"; -const sizes = new Map([ - [TextSize.Normal, ""], - [TextSize.Small, "text-anchor__small"], - [TextSize.Large, "text-anchor__large"], - [TextSize.SmallRibbon, "text-anchor__no-weight text-anchor__small"], - [TextSize.Ribbon, "text-anchor__no-weight"], + +const textSizeToClassName = new Map([ + ["normal", ""], + ["small", "text-anchor__small"], + ["large", "text-anchor__large"], + ["small-ribbon", "text-anchor__no-weight text-anchor__small"], + ["ribbon", "text-anchor__no-weight"], ]); export interface TextAnchorProps { size?: TextSize; to: string; - textColor?: ColorEnum; - hoverColor?: ColorEnum; + textColor?: Colors; + hoverColor?: Colors; } export interface TextAnchorState { } class TextAnchor extends React.Component { render() { const { children, size, to, textColor, hoverColor } = this.props; - const classColor = textColor !== undefined ? getColor(textColor) : getColor(ColorEnum.DarkBlue); - const classHoverColor = hoverColor !== undefined ? getHoverColor(hoverColor) : getHoverColor(ColorEnum.Blue); - const classSize = size !== undefined ? sizes.get(size) : sizes.get(TextSize.Normal); - const className = `text-anchor ${classSize} ${classColor} ${classHoverColor}`; + const classes = classNames( + "text-anchor", + colorToClass(textColor), + hoverColorToClass(hoverColor), + textSizeToClassName.get(size) + ) return ( - + {children} ); diff --git a/src/pages/ActualPage/ActualPage.tsx b/src/pages/ActualPage/ActualPage.tsx index d9ae78a..5cc799b 100644 --- a/src/pages/ActualPage/ActualPage.tsx +++ b/src/pages/ActualPage/ActualPage.tsx @@ -2,16 +2,13 @@ import React from "react"; import { Helmet } from "react-helmet"; import "./ActualPage.scss"; import PageSection from "../../components/PageSection"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import HeroMainSection from "../../components/HeroMainSection"; import HeroAsideSection from "../../components/HeroAsideSection"; import HeroAsideItem from "../../components/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 { TextSize } from "../../components/TextAnchor/TextAnchor"; import Button, { ButtonType } from "../../components/Button/index"; import Accordion from "../../components/Accordion"; @@ -25,7 +22,7 @@ class ActualPage extends React.Component { - +

Yritystapahtumia ja vastapainoa opiskelulle

@@ -47,7 +44,7 @@ class ActualPage extends React.Component {

Kiltapäiväkerho Kiltis kokoontuu torstaisin klo XX.XX kiltahuoneella. Lorem ipsum dolor sit amet. Lämpimästi tervetuloa kaikki SIKkiläiset ja SIK-mieliset!

 - +

Kilta järjestää jäsenilleen jos jonkinlaista projektia ja toimintaa, muun muassa:

@@ -78,34 +75,34 @@ class ActualPage extends React.Component { - +

Tapahtumat

 - +

Uutiset

 - +

Kuvia tapahtumista.

- +
Kuvagalleria ›
 Kuva-galleriasta hyviä kuvia 3kpl. (Esim. wireframen kuvat) - +

Sinustako kilta-aktiivi?

- +
Tule mukaan kiltatoimintaan ›
 - +

Yritystapahtumia ja vastapainoa opiskelulle

diff --git a/src/pages/ContactsPage/ContactsPage.tsx b/src/pages/ContactsPage/ContactsPage.tsx index 298a866..797d503 100644 --- a/src/pages/ContactsPage/ContactsPage.tsx +++ b/src/pages/ContactsPage/ContactsPage.tsx @@ -1,12 +1,11 @@ import React from "react"; import { Helmet } from "react-helmet"; import "./ContactsPage.scss"; -import { ColorEnum, getColor, getHoverColor } from "../../components/ColorDiv/ColorDiv"; import { StaticContext } from "../../server/StaticContext"; import PageSection from "../../components/PageSection"; import { getContacts, Occupation, Committee, getCommittees } from "../../models/Contacts"; import CommitteeContainer from "../../components/CommitteeContainer"; -import Anchor from "../../components/Anchor/index"; +import TextAnchor from "../../components/TextAnchor/index"; interface ContactsPageProps { staticContext: StaticContext; @@ -82,28 +81,30 @@ class ContactsPage extends React.Component - +

Asiaa olisi, mutta kehen ottaa yhteyttä?
Tämä sivu yrittää valottaa sen oikean ihmisen puhelinnumeroa ja sähköpostiosoitetta.

- +

- Hallitukseen saa yhteyden lähettämällä sähköpostia sik-hallitus@list.ayy.fi - +

{committees.map((committee, index) => { const order = committee.name_fi === "Toimikunnattomat" ? 1 : 0; return ( - + x.role.committee.name_fi === committee.name_fi)} /> ) diff --git a/src/pages/CorporatePage/CorporatePage.tsx b/src/pages/CorporatePage/CorporatePage.tsx index 7f8c9e6..d7e66e4 100644 --- a/src/pages/CorporatePage/CorporatePage.tsx +++ b/src/pages/CorporatePage/CorporatePage.tsx @@ -2,7 +2,6 @@ import React from "react"; import { Helmet } from "react-helmet"; import "./CorporatePage.scss"; import PageSection from "../../components/PageSection"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import HeroMainSection from "../../components/HeroMainSection"; import HeroAsideSection from "../../components/HeroAsideSection"; import HeroAsideItem from "../../components/HeroAsideItem"; @@ -11,7 +10,6 @@ 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 { TextSize } from "../../components/TextAnchor/TextAnchor"; export interface CorporatePageProps {} export interface CorporatePageState {} @@ -23,14 +21,14 @@ class CorporatePage extends React.Component - +

Tee yhteistyötä tulevaisuuden huippuosaajien kanssa!

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.

- + - - - + + +

Yhteistyömahdollisuudet

TODO: Tähän nostoja yhteistyöstä! Yhteistyömahdollisuuksista voi tiedustella lisää killan yrityssuhdemestarilta.

@@ -64,7 +62,7 @@ class CorporatePage extends React.ComponentPotentiaalin Tasaus

Kiltamme viettää vuosijuhliaan helmikuun kolmantena lauantaina. Potentiaalin Tasaus on kiltamme juhlavin tapahtuma. Yrityksillä on mahdollisuus osallistua vuosijuhliin niin pienellä kuin suurellakin panoksella.

 - +
Excursiosäännöt @@ -75,23 +73,23 @@ class CorporatePage extends React.Component - +

Mainos Sössöön?

- +

Killan lehden mediakortin löydät täältä›

 - - - + + +

Työpaikkaulmoitukset

TODO: Miten listataan yritykset?

{/* TODO: Fix links */}

Voit saada yrityksesi työpaikkailmoituksen listalle lähettämällä sen osoitteeseen sik-yritys@list.ayy.fi

- +
); diff --git a/src/pages/EventPage/EventPage.tsx b/src/pages/EventPage/EventPage.tsx index 06ff827..c3e2904 100644 --- a/src/pages/EventPage/EventPage.tsx +++ b/src/pages/EventPage/EventPage.tsx @@ -6,7 +6,6 @@ import { RouteComponentProps } from "react-router-dom"; import Button, { ButtonType } from "../../components/Button"; import Anchor from "../../components/Anchor"; import PageSection from "../../components/PageSection"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import MainSection from "../../components/MainSection"; import AsideSection from "../../components/AsideSection/AsideSection"; @@ -52,9 +51,9 @@ class EventPage extends React.Component { - - - + + + {event.title_fi}

{event.title_fi}

@@ -75,7 +74,7 @@ class EventPage extends React.Component { )} - + ); diff --git a/src/pages/FreshmenPage/FreshmenPage.tsx b/src/pages/FreshmenPage/FreshmenPage.tsx index 56b679c..d961a82 100644 --- a/src/pages/FreshmenPage/FreshmenPage.tsx +++ b/src/pages/FreshmenPage/FreshmenPage.tsx @@ -7,11 +7,9 @@ import HeroAsideSection from "../../components/HeroAsideSection/index"; import HeroAsideItem from "../../components/HeroAsideItem/index"; import AsideSection from "../../components/AsideSection/index"; import MainSection from "../../components/MainSection/index"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import PageLink from "../../components/PageLink/index"; import Ribbon from "../../components/Ribbon/index"; import TextAnchor from "../../components/TextAnchor/index"; -import { TextSize } from "../../components/TextAnchor/TextAnchor"; import InfoBox from "../../components/InfoBox/index"; export interface FreshmenPageProps {} @@ -24,7 +22,7 @@ class FreshmenPage extends React.Component - +

Tervetuloa opiskelemaan Otaniemeen!

@@ -33,7 +31,7 @@ class FreshmenPage extends React.Component

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.

- + linkText="Tsekkaa ISO-henkilöiden tiedot" /> - - - + + +

Onnittelut hyvästä opiskeluvalinnasta

Lorem
@@ -70,7 +68,7 @@ class FreshmenPage extends React.Component 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.

- +
Fuksikipparit tavoitat @@ -96,23 +94,23 @@ class FreshmenPage extends React.Component
- +

Killassa tapahtuu kaikenlaista!

- +

Seuraa killan tapahtumia

 - - - + + +

Isoryhmät

Lorem jotain ISOryhmiä X kpl

Mikä ihmeen ISO...

TODO: Kuvia

 - + ); diff --git a/src/pages/FrontPage/FrontPage.tsx b/src/pages/FrontPage/FrontPage.tsx index 7a36986..83c6222 100644 --- a/src/pages/FrontPage/FrontPage.tsx +++ b/src/pages/FrontPage/FrontPage.tsx @@ -7,7 +7,6 @@ import { Post, getFeed } from "../../models/Feed"; import { StaticContext } from "../../server/StaticContext"; import PageSection from "../../components/PageSection"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import PageLink from "../../components/PageLink/PageLink"; import HeroMainSection from "../../components/HeroMainSection"; @@ -17,7 +16,6 @@ import Ribbon from "../../components/Ribbon"; import SponsorReel from "../../components/SponsorReel"; import HeroAsideItem from "../../components/HeroAsideItem"; import TextAnchor from "../../components/TextAnchor"; -import { TextSize } from "../../components/TextAnchor/TextAnchor"; interface FrontPageProps { staticContext: StaticContext; @@ -92,7 +90,7 @@ class FrontPage extends React.Component { const { events, feed } = this.state; return (
- +

Aalto-yliopiston Sähköinsinöörikilta

@@ -109,7 +107,7 @@ class FrontPage extends React.Component {

- + { - + {events.map(event => ( { - +

Sössöä vuodesta 1969.

- +

Lue opiskelijalehden viimeisin numero ›

 @@ -192,7 +190,7 @@ class FrontPage extends React.Component { - + diff --git a/src/pages/GuildPage/GuildPage.tsx b/src/pages/GuildPage/GuildPage.tsx index 624cc42..988a1d1 100644 --- a/src/pages/GuildPage/GuildPage.tsx +++ b/src/pages/GuildPage/GuildPage.tsx @@ -10,7 +10,6 @@ import HeroAsideSection from "../../components/HeroAsideSection"; import HeroAsideItem from "../../components/HeroAsideItem"; import Ribbon from "../../components/Ribbon"; import InfoBox from "../../components/InfoBox"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import Accordion from "../../components/Accordion"; import TextAnchor from "../../components/TextAnchor"; import { TextSize } from "../../components/TextAnchor/TextAnchor"; @@ -26,13 +25,13 @@ class GuildPage extends React.Component {
- +

Kilta koostuu sähkötekniikan ja elektroniikan (ELEC) tutkinto-ohjelmissa opiskelevista opiskelijoista

-

Vapaa-ajan jäsenpalvelujen lisäksi killan tehtävänä on edistää jäsentensä opintoja, tarjota uraohjausta ja fuksikasvatusta. Jokaiselle jäsenelle löytyy varmasti jotakin—kaukomaita, opiskelijalehti Sössöä, ja kiltaaktiivina pääset kartuttamaan kokemusta, josta on hyötyä myös työelämässä.

+

Vapaa-ajan jäsenpalvelujen lisäksi killan tehtävänä on edistää jäsentensä opintoja, tarjota uraohjausta ja fuksikasvatusta. Jokaiselle jäsenelle löytyy varmasti jotakin—kaukomaita, opiskelijalehti Sössöä, ja kiltaaktiivina pääset kartuttamaan kokemusta, josta on hyötyä myös työelämässä.

Arvot estrumquias doluptatur aut quam fugiti cus debit landisciis eatemperes eumquibus di blat que sim etus idis dolut labor ad magnat.

 - + { - - - + + +

Killan tehtävät ja tarina

-

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 tapahtumakalenterin aktiivisella seuraamisella saattaa olla hyvinkin miellyttäviä seuraamuksia. Voit myös itse järjestää mieleisesi tapahtuman killan tukemana, tai ehdottaa sitä killan toimitsijoille.

+

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 tapahtumakalenterin aktiivisella seuraamisella saattaa olla hyvinkin miellyttäviä seuraamuksia. Voit myös itse järjestää mieleisesi tapahtuman killan tukemana, tai ehdottaa sitä killan toimitsijoille.

-

Yhteistyössä korkeakoulun kanssa, kilta kehittää opetusta. Kilta on mukana kurssien kehittämisessä, valvoo kiltalaisten etua korkeakoulussa ja tuo korkeakoulun henkilöstöä lähemmäs kiltalaisia. Kilta avaa oven yritysmaailmaan 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 kiltahuone, 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.

+

Yhteistyössä korkeakoulun kanssa, kilta kehittää opetusta. Kilta on mukana kurssien kehittämisessä, valvoo kiltalaisten etua korkeakoulussa ja tuo korkeakoulun henkilöstöä lähemmäs kiltalaisia. Kilta avaa oven yritysmaailmaan 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 kiltahuone, 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.

Takana lähes satavuotinen historia
@@ -85,7 +84,7 @@ class GuildPage extends React.Component { 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 AYY:n lukuisista + Teekkariutta on vaikkapa toimiminen killoissa tai jossain AYY:n lukuisista yhdistyksistä. 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.

Teekkareilla, varsinkin otaniemeläisillä, on pitkä ja vahva historia. Siihen kannattaa @@ -94,7 +93,7 @@ class GuildPage extends React.Component { Teekkariuteen kuuluu olennaisena osana mukautuminen ajan vaatimuksiin. Jos asiat tehtäisiin aina vanhaa toistaen, ei voitaisi enää edes puhua teekkariudesta.

 - +
Yliopiston jäsenedut @@ -110,27 +109,27 @@ class GuildPage extends React.Component {
- +

Killan hallinto koostuu XXX henkilöstä.

 - - - + + +

Organisaatio

-

Sähköinsinöörikillassa toimeenpanovaltaa käyttää 3–13 kiltalaisen muodostama hallitus apunaan lukuisa määrä toimihenkilöitä. Hallituksen ja toimihenkilöt valitsee killan valtuusto, 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. Hallituksen kuulumiset lorem.

+

Sähköinsinöörikillassa toimeenpanovaltaa käyttää 3–13 kiltalaisen muodostama hallitus apunaan lukuisa määrä toimihenkilöitä. Hallituksen ja toimihenkilöt valitsee killan valtuusto, 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. Hallituksen kuulumiset lorem.

Valtuuston toimintaa
-

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. Pöytäkirjat ja muut dokumentit lorem ipsum.

+

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. Pöytäkirjat ja muut dokumentit lorem ipsum.

Hallituksen toimintaa
-

Jokaisella hallituksen jäsenellä on oma vastuualueensa, jota hän hoitaa yhdessä mahdollisen toimikuntansa 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 parannusehdotus mihin tahansa asiaan.

+

Jokaisella hallituksen jäsenellä on oma vastuualueensa, jota hän hoitaa yhdessä mahdollisen toimikuntansa 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 parannusehdotus mihin tahansa asiaan.

 - +
Vuoden 2019 hallinto @@ -141,13 +140,13 @@ class GuildPage extends React.Component {
- + -

Kiltatoimintaa järjestää ja ylläpitää kilta-aktiivit, toimikunnat ja jaokset.

+

Kiltatoimintaa järjestää ja ylläpitää kilta-aktiivit, toimikunnat ja jaokset.
- +
Miksi alkaa kilta-aktiiviksi?

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! @@ -162,16 +161,16 @@ class GuildPage extends React.Component { » Voit kokeilla ja oppia jotain sellaista, mitä et ikinä aikaisemmin ole tehnyt

- +
Runsaasti erilaisia tehtäviä

- Killassa on todella monenlaisia tehtäviä. Olitpa koodaaja, urheilija tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. Toimikunnissa sitoudut toimintaan vuodeksi kerrallaan. Jaostoiminta 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. + Killassa on todella monenlaisia tehtäviä. Olitpa koodaaja, urheilija tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. Toimikunnissa sitoudut toimintaan vuodeksi kerrallaan. Jaostoiminta 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.

- » Haluatko valtuustoon, hallitukseen tai toimariksi? + » Haluatko valtuustoon, hallitukseen tai toimariksi?

- » Toimihenkilönä pääset edistämään opintoja + » Toimihenkilönä pääset edistämään opintoja

» Lorem ipsum @@ -179,8 +178,8 @@ class GuildPage extends React.Component {

- - + +

Sähkötekniikan korkeakoulun toimikunnat

@@ -202,7 +201,7 @@ class GuildPage extends React.Component {

- +

Jaokset—kokeile kiltatoimintaa vapaammin

@@ -211,23 +210,23 @@ class GuildPage extends React.Component {

- +

Jäsenedut vuonna 2019

 - - - + + +

Aalto-yliopiston tarjoamat monenlaiset edut

Sen lisäksi että kilta tarjoaa jäsenilleen palveluja ja aktiviteetteja, Aalto-yliopisto tarjoaa lorem ipsum dolor sit amet.

- » Download.aalto.fi Täältä voit ladata yliopiston tarjoamia ohjelmia ilmaiseksi. + » Download.aalto.fi Täältä voit ladata yliopiston tarjoamia ohjelmia ilmaiseksi.

- + Jäseneksi liittyminen on helppoa, hauskaa ja hyödyllistä 8 € jäsenmaksulla pääset nauttimaan kaikista jäseneduista. diff --git a/src/pages/SignUpPage/SignUpPage.tsx b/src/pages/SignUpPage/SignUpPage.tsx index 47ede05..5c88e63 100644 --- a/src/pages/SignUpPage/SignUpPage.tsx +++ b/src/pages/SignUpPage/SignUpPage.tsx @@ -5,7 +5,6 @@ import "./SignUpPage.scss"; import { getForm, SignupForm } from "../../models/SignupForm"; import { createSignup, Signup } from "../../models/Signup"; import PageSection from "../../components/PageSection"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import { Question } from "../../components/SignupQuestionsWidget"; export interface SignUpPageProps { @@ -236,7 +235,7 @@ class SignUpPage extends React.Component { {statusMessage} - + {form} {signups} diff --git a/src/pages/StudiesPage/StudiesPage.tsx b/src/pages/StudiesPage/StudiesPage.tsx index db12448..0200ba8 100644 --- a/src/pages/StudiesPage/StudiesPage.tsx +++ b/src/pages/StudiesPage/StudiesPage.tsx @@ -7,11 +7,9 @@ import HeroAsideSection from "../../components/HeroAsideSection/index"; import HeroAsideItem from "../../components/HeroAsideItem/index"; import AsideSection from "../../components/AsideSection/index"; import MainSection from "../../components/MainSection/index"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; import PageLink from "../../components/PageLink/index"; import Ribbon from "../../components/Ribbon/index"; import TextAnchor from "../../components/TextAnchor/index"; -import { TextSize } from "../../components/TextAnchor/TextAnchor"; export interface StudiesPageProps {} export interface StudiesPageState {} @@ -23,14 +21,14 @@ class StudiesPage extends React.Component { - +

Suomen parasta elektroniikan opetusta

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.

- + { linkText="Tietopaketti fukseille" /> - - - + + +

Abeille

TODO: Tähän nostoja yhteistyöstä! Yhteistyömahdollisuuksista voi tiedustella lisää killan yrityssuhdemestarilta.

@@ -61,7 +59,7 @@ class StudiesPage extends React.Component {
Raketteja ja mikropiirejä

Excursioiden tarkoituksena on tarjota opiskelijoille mahdollisuus tutustua yritysmaailmaan. Pidemmillä excursiolla hauskanpito ja teekkariperinteiden vaaliminen on tärkeä osa excursiota.

 - +
Kurssitarjonta @@ -72,22 +70,22 @@ class StudiesPage extends React.Component {
- +

Hae opiskelemaan!

- +

Lue lisää Aallon sivuilta

 - - - + + +

Yliopiston järjestelmiä

TODO: Tänne varmaan mielummin Akateemiset komiteat etc.

Valmistuvalle juttuja, oodi, tenttiarkisto etc.

 - +
); diff --git a/src/theme/colors.ts b/src/theme/colors.ts new file mode 100644 index 0000000..8a3e0bc --- /dev/null +++ b/src/theme/colors.ts @@ -0,0 +1,21 @@ +export type Colors = + "dark-blue" | + "light-blue" | + "white1" | + "black1" | + "grey1" | + "grey2" | + "orange1" | + "orange2" | + "blue1" | + "light-turquoise" | + "green1" | + "sand" | + "transparent" | + "inherit"; + + +export const colorToClass = (color: Colors): string => `color-div__${color}`; +export const bgColorToClass = (color: Colors): string => `color-div__background_${color}`; +export const hoverColorToClass = (color: Colors): string => `color-div__${color}Hoverable`; +export const bgHoverColorToClass = (color: Colors): string => `color-div__background_${color}Hoverable`; diff --git a/src/theme/fontSizes.ts b/src/theme/fontSizes.ts new file mode 100644 index 0000000..e69de29