Update ävystykset page & add pages for english and swedish

src/content/avystykset-en.md

@@ -0,0 +1,35 @@
+# Äpy-Gränts
+
+**Äpy supports manifestations of the Aalto spirit!** Do you have a great idea or project in mind? Read below on how you can apply for support in the form of gränts:
+
+**A gränt is financial aid** for individual projects, spontaneous initiatives, or more permanent needs. Any entity within the Aalto community can apply for a gränt. We particularly want to support causes that bring joy to as many people as possible. Applications are processed at the meetings of the Finnish Äpy Magazines Association's board (Suomen Äpy-Lehtien liitto ry).
+
+**The amount of the gränt depends on the supported cause.** The size of the gränt we award can range from zero to over a thousand euros. The gränted amount depends on how broadly we feel the project will bring joy, confusion, or amusement to the community, how Äpy can be visible in the project, and what portion of the total project costs the gränt covers.
+Apply for a gränt by sending an informal (preferably at least partially written) application to **avystykset [at] apy.fi.**
+
+**Your application should include:**
+
+- Applicant's contact information
+- Project description
+- The amount applied and its purpose
+- Ideas for Äpy’s visibility in the project
+- Possible other funding sources, their contributions / requested amounts
+
+**Your application should not include:**
+
+- An audio recording longer than 48 minutes (video is okay)
+- Your bank credentials
+- Cash
+- A message intended for your mother
+
+**Examples of various gränts and amounts awarded:**
+
+- PELMU ry's second rehearsal space renovation - €800
+- From ARTS with love construction - €400
+- AS20 chronicle - €300
+- Kinopoli 4.0 renovation – €500
+- Teekkarispeksi 30th anniversary - €500
+- NESU-KY's new gong - €300
+- Aalto Volley's game jerseys €200
+- Metal Club Mökä's gig night - €300
+- Klaffi ry 50-year anniversary / ELO Karonkka – €200

src/content/avystykset-swe.md

@@ -0,0 +1,35 @@
+# Äpy-Bidräg
+
+**Äpy stöder manifestationer av Aalto-andan!** Läs nedan om hur du kan ansöka om stöd i form av bidräg :
+Ett bidräg är ett ekonomiskt stöd för individuella projekt, spontana initiativ eller mer bestående behov. Alla enheter inom Aalto-gemenskapen kan ansöka om ett bidräg. Vi vill särskilt stödja ändamål som gläder så många som möjligt. Suomen Äpy-lehtien liitto ry (utgivaren av Äpy) behandlar bidrägsansökningarna.
+
+**Bidrägets storlek beror på ändamålet.** Storleken på bidräget kan variera från noll till över tusen euro. Det beviljade beloppet beror också på hur brett vi anser att projektet kommer att bringa glädje, förvirring eller nöje till gemenskapen, hur Äpy kan synas i projektet och vilken del av projektets totala kostnader bidräget täcker.
+
+Ansök om ett bidräg genom att skicka en informell (helst åtminstone delvis skriftlig) ansökan till **avystykset [at] apy.fi.**
+
+**Din ansökan bör innehålla:**
+
+- Sökarens kontaktinformation
+- Projektbeskrivning
+- Det ansökta beloppet och dess syfte
+- Idéer för Äpys synlighet i projektet
+- Eventuella andra finansieringskällor, deras bidräg / det begärda beloppet
+
+**Din ansökan bör inte innehålla:**
+
+- En ljudinspelning längre än 48 minuter (video är okej)
+- Dina bankuppgifter
+- Kontanter
+- Ett meddelande avsett för din mamma
+
+**Exempel på olika bidräg och tilldelade belopp:**
+
+- Renovering av PELMU rys andra repetitionsutrymme - 800€
+- From ARTS with love-konstruktion - 400€
+- AS20-krönika - 300€
+- Renovering av Kinopoli 4.0 - 500€
+- Teekkarispeksi 30-årsjubileum - 500€
+- NESU-KYs nya gong - 300€
+- Aalto Volley's matchtröjor 200€
+- Metal Club Mökäs gigkväll - 300€
+- Klaffi ry 50-årsjubileum / ELO Karonkka - 200€

src/content/avystykset.md

@@ -1,41 +1,36 @@
 # Ävystykset
 
-**Äpy tukee Aaltolaisuuden ilmentymiä!** Aaltolaisten Wappuisin myymä Äpy tukee opiskelijoita myös joka toisen Wapun ulkopuolella Ävystysten muodossa.
+**Äpy tukee Aaltolaisuuden ilmentymiä!** Onko mielessäsi hyvä idea tai projekti? Lue alta miten voit hakea toteutukselle tukea Ävystyksen muodossa:
 
-**Ävystys on rahallinen avustus** yksittäisen projektin, spontaanin hankkeen, tai pysyvämpien tykötarpeiden hyväksi. Ävystystä voi hakea kuka ja mikä vain Aalto-yhteisössä toimiva elin. Erityisesti haluamme tukea kohteita, joista on iloa **mahdollisimman monelle**. Hakemukset käsitellään Suomen Äpy-Lehtien liiton hallituksen kokouksissa.
+**Ävystys on rahallinen avustus** yksittäisen projektin, spontaanin hankkeen, tai pysyvämpien tykötarpeiden hyväksi. Ävystystä voi hakea kuka ja mikä vain Aalto-yhteisössä toimiva elin. Erityisesti haluamme tukea kohteita, joista on iloa mahdollisimman monelle! Hakemukset käsitellään Suomen Äpy-Lehtien liiton hallituksen kokouksissa.
 
-**Ävystyssumma riippuu tuettavasta kohteesta**. Myöntämämme Ävystyksen suuruus voi vaihdella aina nollasta eurosta yli tuhanteen euroon. Myönnetyn Ävystyksen suuruus riippuu muun muassa siitä, miten laajasti koemme hankkeen tuottavan iloa, hämmennystä tai hauskuutusta yhteisölle, miten saamme Äpyn näkyviin osana hanketta. sekä miten suuri osuus hankkeen kokonaiskuluista Ävystys on – tahdomme erityisesti olla erilaisten projektien mahdollistaja.
+**Ävystyssumma riippuu tuettavasta kohteesta.** Myöntämämme Ävystyksen suuruus voi vaihdella aina nollasta eurosta yli tuhanteen euroon. Myönnetyn Ävystyksen suuruus riippuu muun muassa siitä, miten laajasti koemme hankkeen tuottavan iloa, hämmennystä tai hauskuutusta yhteisölle, miten saamme Äpyn näkyviin osana hanketta sekä miten suuri osuus hankkeen kokonaiskuluista Ävystys on – tahdomme erityisesti olla erilaisten projektien mahdollistaja.
 
-Hae Ävystystä lähettämällä vapaamuotoinen (mielellään ainakin osittain kirjallinen) hakemuksesi osoitteeseen **avystykset [ät] apy.fi**.
+Hae Ävystystä lähettämällä vapaamuotoinen (mielellään ainakin osittain kirjallinen) hakemuksesi osoitteeseen **avystykset [ät] apy.fi.**
 
-<div class="instructions">
-
-<strong>Hakemukseen kannattaa sisällyttää:</strong>
+**Hakemukseen kannattaa sisällyttää:**
 
 - Hakijan yhteystiedot
 - Projektin kuvaus
-- Haettu summa
-- Summan käyttötarkoitus
+- Haettu summa ja ävystyksen käyttötarkoitus
 - Miten Äpy voisi saada näkyvyyttä hankkeessa
 - Muut tukijat ja heidän osuutensa / pyydetyt summat
 
-<strong>Hakemukseen ei kannata sisällyttää:</strong>
+**Hakemukseen ei kannata sisällyttää:**
 
 - Yli 48 min pitkää ääninauhoitetta (video ok)
 - Pankkitunnuksiasi
 - Käteistä
 - Viestiä, joka on tarkoitettu äidillesi
 
-<strong>Esimerkkejä erilaisista myönnetyistä Ävystyksistä ja summista:</strong>
+**Esimerkkejä erilaisista myönnetyistä Ävystyksistä ja summista:**
 
-- Wappuna 2020 jaettujen teekkarilakkien postittaminen - 800€
 - PELMU ry:n kakkostreeniksen remontti - 800€
 - From ARTS with love -rakennelma – 400€
 - AS20-historiikki – 300€
 - Teekkarispeksi 30v – 500€
 - NESU-KY:n uusi gongi – 300€
-- Radiodiodi 2019 – 1000€
+- Kinopoli 4.0 remontti – 500€
 - Aalto Volleyn pelipaidat 200€
 - Metal Club Mökän keikkailta – 300€
-
-</div>
+- Klaffi 50v. / ELO Karonkka – 200€

src/pages/avystykset/en.tsx

@@ -0,0 +1,48 @@
+import { InferGetStaticPropsType, GetStaticProps } from 'next'
+
+import PageImage from 'components/PageImage'
+import { PageCard, styleInstructions } from 'styles/index'
+import { getPageData } from 'utils/content'
+import Link from 'next/link'
+import styled from '@emotion/styled'
+
+const ÄvystyksetPageEn = (
+  props: InferGetStaticPropsType<typeof getStaticProps>
+) => {
+  const { content, images } = props
+  return (
+    <>
+      <PageImage images={images} />
+
+      <PageCard css={styleInstructions}>
+        <LinkWrapper>
+          <Link href="/avystykset">Suomeksi</Link>
+
+          <Link href="/avystykset/swe">På Svenska</Link>
+        </LinkWrapper>
+
+        <div dangerouslySetInnerHTML={{ __html: content }} />
+      </PageCard>
+    </>
+  )
+}
+
+const LinkWrapper = styled.div`
+  display: flex;
+  > * {
+    margin-right: 1rem;
+  }
+`
+
+export const getStaticProps: GetStaticProps = async () => {
+  const { content, images } = await getPageData('avystykset-en')
+
+  return {
+    props: {
+      images,
+      content,
+    },
+  }
+}
+
+export default ÄvystyksetPageEn

src/pages/avystykset.tsx → src/pages/avystykset/index.tsx

@@ -1,10 +1,10 @@
-import React from 'react'
-
 import { InferGetStaticPropsType, GetStaticProps } from 'next'
 
 import PageImage from 'components/PageImage'
 import { PageCard, styleInstructions } from 'styles/index'
 import { getPageData } from 'utils/content'
+import Link from 'next/link'
+import styled from '@emotion/styled'
 
 const ÄvystyksetPage = (
   props: InferGetStaticPropsType<typeof getStaticProps>
@@ -13,13 +13,27 @@ const ÄvystyksetPage = (
   return (
     <>
       <PageImage images={images} />
+
       <PageCard css={styleInstructions}>
+        <LinkWrapper>
+          <Link href="/avystykset/en">In English</Link>
+
+          <Link href="/avystykset/swe">På Svenska</Link>
+        </LinkWrapper>
+
         <div dangerouslySetInnerHTML={{ __html: content }} />
       </PageCard>
     </>
   )
 }
 
+const LinkWrapper = styled.div`
+  display: flex;
+  > * {
+    margin-right: 1rem;
+  }
+`
+
 export const getStaticProps: GetStaticProps = async () => {
   const { content, images } = await getPageData('avystykset')
 

src/pages/avystykset/swe.tsx

@@ -0,0 +1,48 @@
+import { InferGetStaticPropsType, GetStaticProps } from 'next'
+
+import PageImage from 'components/PageImage'
+import { PageCard, styleInstructions } from 'styles/index'
+import { getPageData } from 'utils/content'
+import Link from 'next/link'
+import styled from '@emotion/styled'
+
+const ÄvystyksetPageSwe = (
+  props: InferGetStaticPropsType<typeof getStaticProps>
+) => {
+  const { content, images } = props
+  return (
+    <>
+      <PageImage images={images} />
+
+      <PageCard css={styleInstructions}>
+        <LinkWrapper>
+          <Link href="/avystykset">Suomeksi</Link>
+
+          <Link href="/avystykset/en">In English</Link>
+        </LinkWrapper>
+
+        <div dangerouslySetInnerHTML={{ __html: content }} />
+      </PageCard>
+    </>
+  )
+}
+
+const LinkWrapper = styled.div`
+  display: flex;
+  > * {
+    margin-right: 1rem;
+  }
+`
+
+export const getStaticProps: GetStaticProps = async () => {
+  const { content, images } = await getPageData('avystykset-swe')
+
+  return {
+    props: {
+      images,
+      content,
+    },
+  }
+}
+
+export default ÄvystyksetPageSwe