From 6f50d0cf2f776898ce1d65a7809fdc3e3244f170 Mon Sep 17 00:00:00 2001
From: veikko <veikko@lintujarvi.fi>
Date: Mon, 18 Jul 2022 22:38:50 +0300
Subject: [PATCH] Workshop page

---
 pages/components/NavBar.tsx  |  3 ++
 pages/index.tsx              |  2 +
 pages/workshops.tsx          | 73 ++++++++++++++++++++++++++++++++++++
 styles/Workshops.module.scss |  4 ++
 4 files changed, 82 insertions(+)
 create mode 100644 pages/workshops.tsx
 create mode 100644 styles/Workshops.module.scss

diff --git a/pages/components/NavBar.tsx b/pages/components/NavBar.tsx
index 39fcfc8..1bf1cd7 100644
--- a/pages/components/NavBar.tsx
+++ b/pages/components/NavBar.tsx
@@ -15,6 +15,9 @@ const NavBar = () => {
           <Link href='/performers'>
             <a className={styles.navBarLink}>Esiintyjät</a>
           </Link>
+          <Link href='/workshops'>
+            <a className={styles.navBarLink}>Työpajat</a>
+          </Link>
           <Link href='/info'>
             <a className={styles.navBarLink}>Info</a>
           </Link>
diff --git a/pages/index.tsx b/pages/index.tsx
index 7c60f11..b34c714 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,6 +5,7 @@ import Info from './info';
 import styles from '../styles/Index.module.scss';
 import Lead from './components/Lead';
 import Collaboration from './components/Collaboration';
+import Workshops from './workshops';
 
 const Home: NextPage = () => {
   return (
@@ -13,6 +14,7 @@ const Home: NextPage = () => {
       <Lead />
       <Performers />
       <Program />
+      <Workshops />
       <Info />
       <Collaboration />
     </div>
diff --git a/pages/workshops.tsx b/pages/workshops.tsx
new file mode 100644
index 0000000..0a6fb88
--- /dev/null
+++ b/pages/workshops.tsx
@@ -0,0 +1,73 @@
+import React from 'react';
+import shared from '../styles/Shared.module.scss';
+import styles from '../styles/Workshops.module.scss';
+
+const Workshops = () => {
+  return (
+    <section className={shared.page + ' ' + styles.workshopPage}>
+      <h1>Työpajat</h1>
+      <p>
+        Pyydämme ilmoittautumisia ennakkoon:{' '}
+        <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a>. Jos tilaa
+        jää, mukaan voi tulla suoraan paikan päällä.
+      </p>
+      <h2>Monologityöpaja, Kati Urho</h2>
+      <h3>
+        Perjantai 22.7.
+        <br />
+        11:00 - 14:15
+      </h3>
+      <h3>
+        Sinervon talolla
+        <br />
+        Sauniementie 5, Teersalo
+      </h3>
+      <p>Löydä oma sisäinen monologisi!</p>
+      <p>
+        Mikä on sinun tarinasi? Tervetuloa inspiroitumaan draamallisen
+        tarinankerronnan pariin. Työpajassa etsitään inspiraatiota luonnosta,
+        omasta sisäisestä äänestä sekä kirjoittamisen puhdistavasta voimasta.
+        Tämä työpaja avaa uusia näkökulmia kirjoittamiseen monologin keinoja
+        käyttäen.
+      </p>
+      <p>
+        Kati Urho on turkulainen teatterialan monitaituri, joka valmistui vuonna
+        2002 ammattinäyttelijäksi (FIA) Lontoossa (East 15 Acting School). Kati
+        toimii tällä hetkellä freelancer näyttelijänä, käsikirjoittajana,
+        laulajana, ohjaajana sekä tuottajana Turusta käsin. Vuonna 2022 Turun
+        kaupunki myönsi Katille vuoden Aboa-apurahan.
+      </p>
+      <p>
+        Työpajamaksu 10 euroa. Ilmoittautumiset:{' '}
+        <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a>
+      </p>
+      <h2>Ympäristöjargonia luovasti -työpaja, Laura Rantanen</h2>
+      <h3>
+        Perjantai 22.7.
+        <br />
+        13:30 - 15:30
+      </h3>
+      <h3>
+        Sinervon talolla
+        <br />
+        Sauniementie 5, Teersalo
+      </h3>
+      <p>
+        Kuinka ottaa byrokraattinen kapulakieli haltuun ja tehdä siitä ystävä
+        runouden keinoin?
+      </p>
+      <p>
+        Työpaja ei vaadi minkäänlaista aikaisempaa kirjoittajakokemusta eikä
+        etenkään ympäristö- tai minkään muunkaan jargonin ymmärtämistä. Vetäjä
+        on itsekin saariston lapsi, journalisti ja viestintäkonsultti Laura
+        Rantanen.
+      </p>
+      <p>
+        Työpajamaksu 10 euroa. Ilmoittautumiset:{' '}
+        <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a>
+      </p>
+    </section>
+  );
+};
+
+export default Workshops;
diff --git a/styles/Workshops.module.scss b/styles/Workshops.module.scss
new file mode 100644
index 0000000..7856128
--- /dev/null
+++ b/styles/Workshops.module.scss
@@ -0,0 +1,4 @@
+.workshopPage {
+  width: 80%;
+  max-width: 33rem;
+}