diff --git a/src/assets/scss/_globals.scss b/src/assets/scss/_globals.scss index 7154e88..d5c3c27 100644 --- a/src/assets/scss/_globals.scss +++ b/src/assets/scss/_globals.scss @@ -12,3 +12,63 @@ $green: #c0dcd9; $sand: #fdf9d7; $font: 'Montserrat', sans-serif; + +.dark-blue { + color: $dark-blue; +} + +.white { + color: $white; +} + +.orange { + color: $orange1; +} + +.light-turquoise { + color: $light-turquoise; +} + +.light-blue { + color: $light-blue; +} + +.blue { + color: $blue; +} + +.hover-dark-blue { + &:hover { + color: $dark-blue; + } +} + +.hover-white { + &:hover { + color: $white; + } +} + +.hover-orange { + &:hover { + color: $orange1; + } +} + +.hover-light-turquoise { + &:hover { + color: $light-turquoise; + } +} + +.hover-light-blue { + &:hover { + color: $light-blue; + } +} + +.hover-blue { + &:hover { + color: $blue; + } +} diff --git a/src/components/TextAnchor/TextAnchor.scss b/src/components/TextAnchor/TextAnchor.scss index 9975fe0..f954b40 100644 --- a/src/components/TextAnchor/TextAnchor.scss +++ b/src/components/TextAnchor/TextAnchor.scss @@ -4,10 +4,6 @@ text-decoration: underline; font-weight: 600; - &:hover { - color: $blue; - } - &.no-weight { font-weight: 100; diff --git a/src/components/TextAnchor/TextAnchor.tsx b/src/components/TextAnchor/TextAnchor.tsx index ff58901..0f14952 100644 --- a/src/components/TextAnchor/TextAnchor.tsx +++ b/src/components/TextAnchor/TextAnchor.tsx @@ -1,6 +1,7 @@ import * as React from "react"; import "./TextAnchor.scss"; import { Link } from "react-router-dom"; +import { ColorEnum, colors } from "../../index"; export enum TextSize { Small, @@ -20,14 +21,18 @@ export interface TextAnchorProps { size?: TextSize; to: string; style?: any; - color?: string; + color?: ColorEnum; + hoverColor?: ColorEnum; } export interface TextAnchorState { } class TextAnchor extends React.Component { render() { - const { children, size, to, style } = this.props; - const className = `text-anchor ${sizes.get(size ? size : TextSize.Small)}`; + const { children, size, to, style, color, hoverColor } = this.props; + const className = `text-anchor + ${sizes.get(size !== undefined ? size : TextSize.Small)} + ${color !== undefined ? colors.get(color) : "dark-blue"} + hover-${hoverColor !== undefined ? colors.get(hoverColor) : "blue"}`; if (to.startsWith("/")) { return ( diff --git a/src/index.scss b/src/index.scss index 735dbff..1000f1e 100644 --- a/src/index.scss +++ b/src/index.scss @@ -1,7 +1,9 @@ @import "./assets/scss/normalize"; @import "./assets/scss/globals"; -* { box-sizing: border-box; } +* { + box-sizing: border-box; +} html, body { diff --git a/src/index.tsx b/src/index.tsx index 7cbb2c2..e7e5d64 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -15,6 +15,7 @@ export enum ColorEnum { Orange, LightTurquoise, LightBlue, + Blue, } export const colors = new Map([ @@ -23,6 +24,7 @@ export const colors = new Map([ [ColorEnum.Orange, "orange"], [ColorEnum.LightTurquoise, "light-turquoise"], [ColorEnum.LightBlue, "light-blue"], + [ColorEnum.Blue, "blue"], ]); render( diff --git a/src/pages/GuildPage/GuildPage.tsx b/src/pages/GuildPage/GuildPage.tsx index 61cacc3..56b70bd 100644 --- a/src/pages/GuildPage/GuildPage.tsx +++ b/src/pages/GuildPage/GuildPage.tsx @@ -30,7 +30,7 @@ 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.

 @@ -62,18 +62,18 @@ class GuildPage extends React.Component {

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 + 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 +

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 + 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
@@ -98,10 +98,10 @@ 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ä + 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 @@ -136,14 +136,14 @@ class GuildPage extends React.Component {

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.

@@ -159,7 +159,7 @@ 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.
@@ -181,13 +181,13 @@ class GuildPage extends React.Component {

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 @@ -240,7 +240,7 @@ class GuildPage extends React.Component { 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.