tietokonepaja/runosaari
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix safety page on mobile

Browse Source
This commit is contained in:
veikko
2022-07-03 23:51:35 +03:00
parent b81c26df25
commit 7d32d9c7db
3 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
pages/safety.tsx
View File

@@ -16,20 +16,20 @@ const Safety = () => {
<ul className={styles.safetyList}> <ul className={styles.safetyList}>
<li> <li>
<b>Kunnioitus.</b>Jokaisella ihmisellä on oikeus tulla kunnioitetuksi <b>Kunnioitus. </b>Jokaisella ihmisellä on oikeus tulla kunnioitetuksi
omana itsenään. Kunnioitathan muiden ihmisten fyysistä ja psyykkistä omana itsenään. Kunnioitathan muiden ihmisten fyysistä ja psyykkistä
koskemattomuutta, mielipiteitä sekä ihmisarvoa. Jokaisella on oikeus koskemattomuutta, mielipiteitä sekä ihmisarvoa. Jokaisella on oikeus
poistua epämukavaksi kokemastaan tilanteesta tai keskustelusta. Ethän poistua epämukavaksi kokemastaan tilanteesta tai keskustelusta. Ethän
myöskään ota ihmisistä kuvia kysymättä ensin.{' '} myöskään ota ihmisistä kuvia kysymättä ensin.{' '}
</li> </li>
<li> <li>
<b>Olettaminen.</b>Ethän oleta kenenkään sukupuolta, kansallisuutta, <b>Olettaminen. </b>Ethän oleta kenenkään sukupuolta, kansallisuutta,
seksuaalista suuntautumista, kulttuuria, kieltä, uskontoa, arvoja, seksuaalista suuntautumista, kulttuuria, kieltä, uskontoa, arvoja,
terveydentilaa tai toimintakykyä. Ethän tee johtopäätelmiä kenenkään terveydentilaa tai toimintakykyä. Ethän tee johtopäätelmiä kenenkään
ulkonäön, käytöksen tai oletetun sosioekonomisen aseman perusteella. ulkonäön, käytöksen tai oletetun sosioekonomisen aseman perusteella.
</li> </li>
<li> <li>
<b>Kommunikointi.</b> <b>Kommunikointi. </b>
Pyrithän luomaan ympärillesi ystävällistä ja turvallista ilmapiiriä. Pyrithän luomaan ympärillesi ystävällistä ja turvallista ilmapiiriä.
Ole avoin muita ihmisiä kohtaan, kuuntele ja käytä kunnioittavaa Ole avoin muita ihmisiä kohtaan, kuuntele ja käytä kunnioittavaa
kieltä. Ethän oleta puheessasi kenenkään sukupuolta tai muita kieltä. Ethän oleta puheessasi kenenkään sukupuolta tai muita
@@ -38,12 +38,12 @@ const Safety = () => {
jotakuta, pyydäthän anteeksi. jotakuta, pyydäthän anteeksi.
</li> </li>
<li> <li>
<b>Toimiminen.</b> <b>Toimiminen. </b>
Mikäli havaitset epäasiallista käytöstä tai koet olosi uhatuksi, älä Mikäli havaitset epäasiallista käytöstä tai koet olosi uhatuksi, älä
epäröi pyytää apua Runosaaren ja tapahtumapaikkojen työntekijöiltä. epäröi pyytää apua Runosaaren ja tapahtumapaikkojen työntekijöiltä.
Jos koet, että olet kohdannut häirintää tapahtumissamme ja siihen ei Jos koet, että olet kohdannut häirintää tapahtumissamme ja siihen ei
ole onnistuttu puuttumaan, ole yhteydessä Runosaari-työryhmään ole onnistuttu puuttumaan, ole yhteydessä Runosaari-työryhmään
sähköpostilla{' '} sähköpostilla
<a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a> . <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a> .
</li> </li>
</ul> </ul>

7
styles/Safety.module.scss
View File

@@ -1,7 +1,14 @@
.safetyPage { .safetyPage {
margin-bottom: 4rem; margin-bottom: 4rem;
max-width: 80%;
} }
.safetyList { .safetyList {
text-align: left; text-align: left;
} }
@media screen and (min-width: 768px) {
.safetyPage {
max-width: 35rem;
}
}

7
styles/globals.scss
View File

@@ -25,4 +25,11 @@ main {
h1 { h1 {
font-size: 5rem; font-size: 5rem;
word-wrap: break-word;
}
@media (max-width: 768px) {
h1 {
font-size: 3rem;
}
} }