From ba46130b38f38ab9c0f738521ba76bfd10cacf92 Mon Sep 17 00:00:00 2001 From: Aarni Halinen Date: Mon, 27 May 2019 19:52:49 +0300 Subject: [PATCH] Guild page text anchors --- src/components/CustomLink/CustomLink.scss | 5 -- src/components/CustomLink/CustomLink.tsx | 20 ------- src/components/CustomLink/index.ts | 2 - src/components/TextAnchor/TextAnchor.scss | 19 ++++++ src/components/TextAnchor/TextAnchor.tsx | 41 +++++++++++++ src/components/TextAnchor/index.ts | 2 + src/index.scss | 1 - src/pages/GuildPage/GuildPage.tsx | 72 ++++++++++------------- 8 files changed, 93 insertions(+), 69 deletions(-) delete mode 100644 src/components/CustomLink/CustomLink.scss delete mode 100644 src/components/CustomLink/CustomLink.tsx delete mode 100644 src/components/CustomLink/index.ts create mode 100644 src/components/TextAnchor/TextAnchor.scss create mode 100644 src/components/TextAnchor/TextAnchor.tsx create mode 100644 src/components/TextAnchor/index.ts diff --git a/src/components/CustomLink/CustomLink.scss b/src/components/CustomLink/CustomLink.scss deleted file mode 100644 index 3f6eaf4..0000000 --- a/src/components/CustomLink/CustomLink.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "../../assets/scss/globals"; - -.custom-link { - text-decoration: underline; -} diff --git a/src/components/CustomLink/CustomLink.tsx b/src/components/CustomLink/CustomLink.tsx deleted file mode 100644 index ca62300..0000000 --- a/src/components/CustomLink/CustomLink.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import * as React from "react"; -import { Link } from "react-router-dom"; -import "./CustomLink.scss"; - -export interface CustomLinkProps { - linkText: string; - linkHref: string; -} -export interface CustomLinkState {} - -class CustomLink extends React.Component { - render() { - const { linkText, linkHref } = this.props; - return ( - {linkText} - ); - } -} - -export default CustomLink; diff --git a/src/components/CustomLink/index.ts b/src/components/CustomLink/index.ts deleted file mode 100644 index 8ef24a3..0000000 --- a/src/components/CustomLink/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -import CustomLink from "./CustomLink"; -export default CustomLink; diff --git a/src/components/TextAnchor/TextAnchor.scss b/src/components/TextAnchor/TextAnchor.scss new file mode 100644 index 0000000..9b10a49 --- /dev/null +++ b/src/components/TextAnchor/TextAnchor.scss @@ -0,0 +1,19 @@ +@import "../../assets/scss/globals"; + +.text-anchor { + color: $blue; + text-decoration: underline; + font-weight: 600; + + &:hover { + color: $blue; + } + + &.sm { + font-size: 1em; + } + + &.lg { + font-size: 2em; + } +} diff --git a/src/components/TextAnchor/TextAnchor.tsx b/src/components/TextAnchor/TextAnchor.tsx new file mode 100644 index 0000000..180f898 --- /dev/null +++ b/src/components/TextAnchor/TextAnchor.tsx @@ -0,0 +1,41 @@ +import * as React from "react"; +import "./TextAnchor.scss"; +import { Link } from "react-router-dom"; + +export enum TextSize { + Small, + Large, +} + +const sizes = new Map([ + [TextSize.Small, "sm"], + [TextSize.Large, "lg"], +]); + +export interface TextAnchorProps { + size?: TextSize; + to: string; +} +export interface TextAnchorState {} + +class TextAnchor extends React.Component { + render() { + const { children, size, to } = this.props; + const className = `text-anchor ${sizes.get(size ? size : TextSize.Small)}`; + if (to.startsWith("/")) { + return ( + + {children} + + ); + } else { + return ( + + {children} + + ); + } + } +} + +export default TextAnchor; diff --git a/src/components/TextAnchor/index.ts b/src/components/TextAnchor/index.ts new file mode 100644 index 0000000..cf2f85a --- /dev/null +++ b/src/components/TextAnchor/index.ts @@ -0,0 +1,2 @@ +import TextAnchor from "./TextAnchor"; +export default TextAnchor; diff --git a/src/index.scss b/src/index.scss index c47381c..998de5c 100644 --- a/src/index.scss +++ b/src/index.scss @@ -35,7 +35,6 @@ h2 { } p { - color: $white; font-size: 16px; } diff --git a/src/pages/GuildPage/GuildPage.tsx b/src/pages/GuildPage/GuildPage.tsx index aef7c63..b5cb75f 100644 --- a/src/pages/GuildPage/GuildPage.tsx +++ b/src/pages/GuildPage/GuildPage.tsx @@ -12,8 +12,8 @@ import Ribbon from "../../components/Ribbon"; import InfoBox from "../../components/InfoBox"; import { BackgroundColor as PageSectionColor } from "../../components/PageSection/PageSection"; import { BackgroundColor as HeroAsideColor } from "../../components/HeroAsideSection/HeroAsideSection"; -import CustomLink from "../../components/CustomLink"; import Accordion from "../../components/Accordion"; +import TextAnchor from "../../components/TextAnchor/index"; export interface GuildPageProps {} export interface GuildPageState {} @@ -28,19 +28,9 @@ 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ä.

-

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

+

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ä.

+

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

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 + 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. + 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, + 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ä + 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. + lisäksi killalla on myös haastavampaan elektroniikkaharrasteluun sopivat tilat.

Takana lähes satavuotinen historia

- Vaikka kilta onkin ajan hermolla, on sillä takana lähes satavuotinen historia. +

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.”. + klubissa harrastettaisiin.”.

- Vaikka ajat ovat muuttuneet, klubi on muuttunut killaksi ja jäsenmäärä kasvanut +

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. + yllättymään kaikesta siitä mitä täältä keskuudestamme löytyy.

Meitä teekkareita on todella moneen lähtöön

- Minkäänlaista perus- tai ihanneteekkaria ei ole olemassa, vaan paras teekkariuden +

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 AYY:n lukuisista - yhdistyksistä. Teekkariutta on yhtä lailla SIK:n tapahtumien järjestäminen tai niihin + 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. + kiinnostavaa.

- Teekkareilla, varsinkin otaniemeläisillä, on pitkä ja vahva historia. Siihen kannattaa +

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. + tehtäisiin aina vanhaa toistaen, ei voitaisi enää edes puhua teekkariudesta.
@@ -130,7 +120,7 @@ class GuildPage extends React.Component {
- Herrasmies- tai herrasnaisuus kuuluu olennaisena osana teekkariuteen. Hyvät käytöstavat on syytä aina pitää mielessä, liikuttiin sitten puku päällä excuilla tai sitseillä tai haalarit päällä Tukholman illassa. + Herrasmies- tai herrasnaisuus kuuluu olennaisena osana teekkariuteen. Hyvät käytöstavat on syytä aina pitää mielessä, liikuttiin sitten puku päällä excuilla tai sitseillä tai haalarit päällä Tukholman illassa.
@@ -145,14 +135,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.

 @@ -168,7 +158,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.
@@ -190,13 +180,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 , tai ? + » Haluatko valtuustoon, hallitukseen tai toimariksi?

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

» Lorem ipsum @@ -249,12 +239,12 @@ class GuildPage extends React.Component { Sen lisäksi että kilta tarjoaa jäsenilleen palveluja ja aktiviteetteja, Aalto-yliopisto tarjoaa lorem ipsum dolor sit amet.

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

- on helppoa, hauskaa ja hyödyllistä 8 € jäsenmaksulla pääset nauttimaan kaikista jäseneduista. + Jäseneksi liittyminen on helppoa, hauskaa ja hyödyllistä 8 € jäsenmaksulla pääset nauttimaan kaikista jäseneduista.