From e4607ce8b3d1c9bbd98d16cefec35021c870221f Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Thu, 2 Mar 2023 10:43:26 +0100
Subject: [PATCH] Add content to principles section

---
 index.html      | 24 +++++++++++++++++++++---
 sass/style.scss |  5 +++++
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index cccf52c..90a7d7f 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,9 @@
 					<select name="principles" id="principles-dropdown">
 						<option value="principle-1">Prevence</option>
 						<option value="principle-2">Rozpoznání situace</option>
-						<option value="principle-3">aaa</option>
+						<option value="principle-3">Vyhodnocení situace</option>
+						<option value="principle-4">Spojení s rodiči a nahlášení situace</option>
+						<option value="principle-5">Péče o sebe</option>
 					</select>
 				</div>
 				<div class="list" id="principles-list">
@@ -95,8 +97,16 @@
 						<p>Je důležité, aby se naše vnímání neomezilo jen na to, jestli se žák ve škole objevuje s modřinami nebo jinými známkami násilí&hellip;</p>
 					</div>
 					<div data-value="principle-3">
-						<p class="title">Prevence</p>
-						<p>Prevence pomáhá zamezovat nežádoucím situacím a slouží nám jako informační nástroj, pomocí kterého třídu seznamujeme&hellip;</p>
+						<p class="title">Vyhodnocení situace</p>
+						<p>Ve chvíli, kdy si všimneme dítěte, které vzbudí naše obavy, můžeme oslovit kolegy a promluvit s nimi&hellip;</p>
+					</div>
+					<div data-value="principle-4">
+						<p class="title">Spojení s rodiči a nahlášení situace</p>
+						<p>Nezapomínejme, že máme ohlašovací povinnost. Když je dítě ohroženo, musíme jednat hned&hellip;</p>
+					</div>
+					<div data-value="principle-5">
+						<p class="title">Péče o sebe</p>
+						<p>Každá situace klade velké nároky i na nás a naši psychiku. Cest, jak o sebe můžeme pečovat je mnoho&hellip;</p>
 					</div>
 				</div>
 				<div class="content" id="principles-content">
@@ -112,6 +122,14 @@
 						<h2 class="title">Vyhodnocení situace</h2>
 						<p>Ve chvíli, kdy si všimneme dítěte, které vzbudí naše obavy, můžeme oslovit kolegy a promluvit s nimi o tom, jestli situaci vnímají stejně. K dispozici máme také výchovného poradce či psychologa, stejně tak se ve všech situacích můžeme obrátit na organizace uvedené na tomto webu. Pokud se ale dítě nachází v situaci, která ho ohrožuje (sebevražedné sklony, strach z návratu domů), není prostor pro váhání a vždy voláme 158 nebo 155.</p>
 					</div>
+					<div id="principle-4">
+						<h2 class="title">Spojení s rodiči a nahlášení situace</h2>
+						<p>Nezapomínejme, že máme <a href="https://www.pravniprostor.cz/clanky/trestni-pravo/ohrozene-dite-oznamovaci-povinnost" target="_blank">ohlašovací povinnost</a>. Když je dítě ohroženo, musíme jednat hned, ať už kontaktováním záchranných složek nebo informováním OSPOD. Někdy ale potřebujeme dítě pozorovat déle nebo si nejsme jistí – i v takovém případě můžeme informovat OSPOD, třeba anonymně. U některých situací je potřeba komunikovat také s rodiči a podpořit je, například tím, že je odkážeme na další místa, kde mohou sehnat pomoc.</p>
+					</div>
+					<div id="principle-5">
+						<h2 class="title">Péče o sebe</h2>
+						<p>Každá situace klade velké nároky i na nás a naši psychiku. Cest, jak o sebe můžeme pečovat je mnoho, ať už je to placená supervize, kterou si mohu domluvit u vedení školy, nebo intervize s kolegy. K uzavření situace nám může pomoci také checklist na tomto webu, díky kterému víme, že jsme udělali vše, co bylo možné. Ať už je situace jakákoli, bez souhlasu dítěte o ní nepředáváme informace zbytku třídy. Pokud situace dojde do bodu, kdy bude dítě odebráno rodině nebo přejde do jiného kolektivu, můžeme tento proces projít s ním a uspořádat třeba rozlučku ve třídě.</p>
+					</div>
 				</div>
 			</div>
 		</section>
diff --git a/sass/style.scss b/sass/style.scss
index 8d53448..e6b5efc 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -439,6 +439,11 @@ body.noscroll {
 				background-color: $col-secondary;
 			}
 		}
+
+		a {
+			text-decoration: none;
+			color: lighten($col-accent, 25%);
+		}
 	}
 }