<style>
	main {
		background: none !important;
	}
	.spaced-li li {
		margin-bottom: 4vh;
	}
	p {
		font-size: calc(var(--font-size) / 1.8)
	}
</style>

<script>
	import Logo from '../components/logo.svelte';
	import UpArrow from '../components/up.svelte';
	import MenuBtn from '../components/menu-btn.svelte';
	import LLink from '../components/llink.svelte';
	import Carousel from '@beyonk/svelte-carousel';
	import ZjistiBtn from '../components/zjisti-vice.svelte';
	import { onMount } from 'svelte';

	onMount(() => {
        const setup = ()  => {
          const pList = document.querySelectorAll('p, li, a, span');
          pList.forEach(p => noMoreLonelyWords(p));
        };

        const clearWordBreaks = (target) => target.textContent = target.textContent.replace(/\u00a0/g, ' ');
        const noMoreLonelyWords = (target) => {
          let textArray = target.textContent.split(' ');
          let newTextArray = [];
          textArray.forEach((word, i, list) => {
            let textEntry = '';
            if(word.length === 1)
              textEntry = word + '\xa0';
            else
              textEntry = word + ' ';
            newTextArray.push(textEntry);
          });
          target.textContent = newTextArray.join('');
        };
        const updateWordBreaks = (target) => {
          clearWordBreaks(target);
          noMoreLonelyWords(target);
        };

        setup();
	});
</script>

<MenuBtn>
	<div class="horizontal-menu">
		<LLink href="main-content">Chci založit SOR</LLink>
		<LLink href="povinnosti">Povinnosti člena SOR</LLink>
		<LLink href="mluvci">Mluvčí SOR</LLink>
		<LLink href="prebiram">Přebírám SOR</LLink>
	</div>
</MenuBtn>

<main id="root">
<section class="row fullheight">
	<Logo/>
	<div class="row" style="width: 100%">
		<section class="col-1"></section>
		<section class="col-5">
			<div style="margin-top: 23vh">
				<h1 style="margin-bottom: 5vh">Chci vědět víc o&nbsp;oborovkách</h1>
				<hr class="thing-hr">
				<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
					Něco ti na katedře chybí nebo nefunguje podle předpisů? Přebíráš po někom SOR a chceš u
					vás na katedře zastupovat zájmy studentů? Dáme ti všechny potřebné informace.
				</h6>
				<ZjistiBtn/>
			</div>
		</section>
	</div>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col">
		<h3 id="main-content"><b>Chci založit SOR</b></h3>
		<hr class="thing-hr">
		<div class="side-line">
		<h6 style="margin-bottom: 0;"><b>Informace k založení studentské oborové rady</b></h6>
		</div>
		<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 4vh">
            Nedřív se podívej, jestli pro tvůj obor už oborová rada neexistuje, všechny ustanovené SOR najdeš na
            <a href="https://pedf.cuni.cz/PEDF-386.html" target="_blank">webu fakulty</a>.
		</p>
	</div>
	<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
				<span>1.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Sežeň tři studenty z oboru</b></h6>
				<p>Rada se musí skládat z nejméně 3 studentů z daného oboru. Nejlépe ještě z různých ročníků. Mezi sebou si zvolíte mluvčího rady.</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
				<span>2.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Vyplň žádost pro ustanovení SOR</b></h6>
				<p>
               Přines na podatelnu vyplněný
                <a href=" http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_1_ustanoveni_sor.pdf" target="_blank">tento formulář</a>
                a směřuj ho do rukou místopředsedy Akademického senátu (AS).
				</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>3.</span>
			<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Počkej na nejbližší zasedání senátu</b></h6>
			<p>Pokud jsi splnil všechno potřebné, tak na nejbližším zasedání AS bude tvá SOR ustanovena.</p>
			</div>
		</div>
	</div>
	<div class="col-1"></div>
</section>
<section class="row">
    <div class="col-1"></div>
    <div class="col">
		<div class="number-thing" style="margin-top: 14vh">
			<div class="down">
			<span>4.</span>
			<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Shrnutí základní pravidel pro SOR</b></h6>
			<p style="font-size: calc(var(--font-size) / 1.7)">A nakonec tu pro tebe máme shrnutí těch nejzákladnějších pravidel pro zřizování SOR:</p>
    		<ol style="list-style-type: lower-alpha; padding-left: 0; margin-left: 0; margin-top: 1vh">
        		<li style="margin-left: 0; padding-left: 0;">
                    Každý obor může mít pouze jednu oborovou radu.
        		</li>
        		<li style="margin-left: 0; padding-left: 0;">
                    Radu je možné ustanovit kdykoliv v průběhu akademického roku a její funkční období je
                    do konce daného akademického roku - to znamená, že každý rok musíš radu ustanovit znova.
        		</li>
        		<li style="margin-left: 0; padding-left: 0;">
                    Rada komunikuje a schází se s vedením katedry, a dále se vyjadřuje k průběhu výuky.
        		</li>
    		</ol>
			</div>
		</div>
    </div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col-5" style="line-height: 1">
		<div class="down" style="margin-right: 3vw">
			<div class="side-line" style="margin-bottom: 1vh">
			<h6 style="margin-bottom: 0" id="povinnosti"><b>Povinnosti člena SOR</b></h6>
			</div>
			<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
    			<li>řešit záležitosti spojené se studiem daného oboru a s vedením katedry</li>
    			<li>propagovat studentské hodnocení výuky</li>
    			<li>účastnit se společných setkání se zástupci vedení fakulty</li>
    			<li>spolupracovat při akcích typu předstudijní soustředění, den otevřených dveří apod.</li>
			</ul>
			<div class="side-line">
    			<h6><b>Jednání rady a vedení</b></h6>
			</div>
			<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
    			<li>rada má právo na jednání s vedoucím katedry (případně jeho zástupcem) nejméně jednou za semestr, kdy vedoucí katedry zajistí
    			projednání otázek spadajících pod činnosti rady</li>
    			<li>mluvčí rady se také účastní jednání SOR a spolků s vedením fakulty o kterém vedení informuje alespoň 14 dní předem</li>
    			<li>další jednání probíhají po vzájemné dohodě</li>
			</ul>
		</div>
	</div>
	<div class="col-5" style="line-height: 1">
		<div class="down" style="margin-right: 3vw">
			<div class="side-line" style="margin-bottom: 1vh">
			<h6 style="margin-bottom: 0" id="mluvci"><b>Mluvčí SOR</b></h6>
			</div>
			<p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
                Mluvčí je zvolený zástupce z členů SOR. Jedná za SOR navenek, komunikuje s vedením a dohlíží na to, aby SOR fungovala jak má.
			</p>
			<div class="side-line">
    			<h6><b>Důležité</b></h6>
			</div>
			<p style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
                Funkční období SOR je pouze do konce daného akademického roku,
                takže je potřeba ji ustanovit každý rok znovu.
			</p>
			<p style="margin-top:0vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
				Podrobně rozepsaná všechna pravidla a práva SOR najdeš
				<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">
    				tady.
    			</a>
			</p>
		</div>
	</div>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col">
		<h3 id="prebiram"><b>Přebírám SOR</b></h3>
		<hr class="thing-hr">
		<div class="side-line">
			<h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6>
		</div>
	</div>
	<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>1.</span>
			<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Seznam se s terminologií</b></h6>
    		<ol style="list-style-type: lower-alpha; padding-left: 0; margin-left: 0">
        		<li style="padding-left: 0; margin-left: 0">
					<b>Formální spolek (formál)</b> je spolek s IČem (je zapsaný na soudu) a oficiálně volenými orgány -
					tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní bankovní účet
        		</li>
        		<li style="padding-left: 0; margin-left: 0">
					<b>Neformální spolek (neformál)</b> je sdružení kamarádů, které hrozně baví něco dělat, např. pořádat akce.
					Takový spolek nemá IČo (není na soudě) a ani žádné oficiální orgány (neoficiálně si může určovat radu, stařešiny, atp.)
        		</li>
        		<li style="padding-left: 0; margin-left: 0">
                    <b>Studentská oborová rada (SOR)</b> pomáhá studentům v komunikaci s katedrou a zná hlavní předpisy,
                    kterými se řídí univerzita a její pracoviště
        		</li>
    		</ol>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
				<span>2.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Nahlaš to fakultě</b></h6>
				<p>
				Funkční období SOR je pouze do konce daného akademického roku, takže je potřeba ji ustanovit každý rok znovu.
				</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
				<span>3.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Zkontroluj si finance</b></h6>
                <p>Seznam se s tím, jak si SOR doteď nakládala s penězi a zjisti si, jak fungují granty.</p>
			</div>
		</div>
	</div>
	<div class="col-1"></div>
</section>
<section class="row">
    <div class="col-1"></div>
    <div class="col">
		<div class="number-thing">
			<div class="down">
				<span>4.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Neboj se zeptat</b></h6>
				<p>
                Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, měsíc nebo půl
                roku zjistíš, že se objevilo něco, čemu nerozumíš. Neboj se kontaktovat bývalého mluvčího,
                někoho z jiné SOR nebo z fakulty a prostě se zeptej!</p>
			</div>
		</div>
    </div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col-1"></div>
</section>
<section class="row" style="margin-top: 4vh">
	<div class="col-1"></div>
	<div class="col-5 flexy-boi">
		<h5 style="margin-bottom: 0; margin-left: -14vw">
			Chceš vědět jaké je to být v oborovce?
		</h5>
		<h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
			Tak koukni na video se Štěpánem.
		<h5>
	</div>
	<div class="col-5">
		<video class="smol-video" controls>
			<source src="/video/8_stepan.mp4" type="video/webm">
			Your browser does not support video.
		</video>
    	<h6 style="font-size: calc(var(--font-size) / 1.9)">Štěpán Gabriel, bývalý člen SOR biologie</h6>
	</div>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col">
		<p style="font-size: calc(var(--font-size) / 1.7)">
			Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">sem</a>.
		</p>
		<div class="spacer"></div>
	</div>
	<div class="col-1"></div>
</section>
</main>

<UpArrow/>
