From b05138c51a19a8837c7a73e19c7bf0c84faf30ad Mon Sep 17 00:00:00 2001
From: veikko <veikko@lintujarvi.fi>
Date: Sun, 3 Jul 2022 21:57:15 +0300
Subject: [PATCH] Fill in Safety page

---
 pages/safety.tsx          | 47 ++++++++++++++++++++++++++++++++++++---
 styles/Safety.module.scss |  7 ++++++
 2 files changed, 51 insertions(+), 3 deletions(-)
 create mode 100644 styles/Safety.module.scss

diff --git a/pages/safety.tsx b/pages/safety.tsx
index a58cca5..f1fdde8 100644
--- a/pages/safety.tsx
+++ b/pages/safety.tsx
@@ -1,11 +1,52 @@
 import React from 'react';
+import shared from '../styles/Shared.module.scss';
+import styles from '../styles/Safety.module.scss';
 
 const Safety = () => {
   return (
-    <section className='page'>
-      <h1>Turvallisuus</h1>
+    <section className={shared.page + ' ' + styles.safetyPage}>
+      <h1>Turvallisemman tilan periaatteet</h1>
 
-      <i>Lisätietoja tulossa myöhemmin!</i>
+      <p>
+        Runosaaren tapahtumissa noudatetaan turvallisemman tilan periaatteita.
+        Pyrimme tapahtumissamme turvaamaan näiden periaatteiden toteutumisen
+        omalla toiminnallamme, tilojen suunnittelulla sekä henkilökunnan,
+        esiintyjien ja yleisön informoinnilla.
+      </p>
+
+      <ul className={styles.safetyList}>
+        <li>
+          <b>Kunnioitus.</b>Jokaisella ihmisellä on oikeus tulla kunnioitetuksi
+          omana itsenään. Kunnioitathan muiden ihmisten fyysistä ja psyykkistä
+          koskemattomuutta, mielipiteitä sekä ihmisarvoa. Jokaisella on oikeus
+          poistua epämukavaksi kokemastaan tilanteesta tai keskustelusta. Ethän
+          myöskään ota ihmisistä kuvia kysymättä ensin.{' '}
+        </li>
+        <li>
+          <b>Olettaminen.</b>Ethän oleta kenenkään sukupuolta, kansallisuutta,
+          seksuaalista suuntautumista, kulttuuria, kieltä, uskontoa, arvoja,
+          terveydentilaa tai toimintakykyä. Ethän tee johtopäätelmiä kenenkään
+          ulkonäön, käytöksen tai oletetun sosioekonomisen aseman perusteella.
+        </li>
+        <li>
+          <b>Kommunikointi.</b>
+          Pyrithän luomaan ympärillesi ystävällistä ja turvallista ilmapiiriä.
+          Ole avoin muita ihmisiä kohtaan, kuuntele ja käytä kunnioittavaa
+          kieltä. Ethän oleta puheessasi kenenkään sukupuolta tai muita
+          ominaisuuksia. Ethän käytä stereotypisoivaa, toiseuttavaa tai
+          halventaa kieltä. Jos kuitenkin vahingossa loukkaat sanoillasi
+          jotakuta, pyydäthän anteeksi.
+        </li>
+        <li>
+          <b>Toimiminen.</b>
+          Mikäli havaitset epäasiallista käytöstä tai koet olosi uhatuksi, älä
+          epäröi pyytää apua Runosaaren ja tapahtumapaikkojen työntekijöiltä.
+          Jos koet, että olet kohdannut häirintää tapahtumissamme ja siihen ei
+          ole onnistuttu puuttumaan, ole yhteydessä Runosaari-työryhmään
+          sähköpostilla{' '}
+          <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a> .
+        </li>
+      </ul>
     </section>
   );
 };
diff --git a/styles/Safety.module.scss b/styles/Safety.module.scss
new file mode 100644
index 0000000..002bc69
--- /dev/null
+++ b/styles/Safety.module.scss
@@ -0,0 +1,7 @@
+.safetyPage {
+  margin-bottom: 4rem;
+}
+
+.safetyList {
+  text-align: left;
+}