<style>
	main {
		background: none !important;
	}
</style>

<script>
	import Logo from '../components/logo.svelte';
	import UpArrow from '../components/up.svelte';
	import MenuBtn from '../components/menu-btn.svelte';
	import ZjistiBtn from '../components/zjisti-vice.svelte';
</script>

<svelte:head>
	<title>PedF UK Spolky | Založit spolek</title>
</svelte:head>

<MenuBtn/>

<main id="root">
<section class="row fullheight">
	<Logo/>
    <div class="horizontal-menu">
    	<a href="zalozit-spolek/#formalni">Formální spolek</a>
    	<a href="zalozit-spolek/#formalni-info">Informace k založení formálního spolku</a>
    	<a href="zalozit-spolek/#neformalni">Neformální spolek</a>
    	<a href="zalozit-spolek/#neformalni-info">Info k založení neformálního spolku</a>
    </div>
	<div class="row" style="width: 100%">
		<section class="col-1"></section>
		<section class="col-7">
			<div style="margin-top: 23vh">
				<h1 style="margin-bottom: 5vh">Chci založit spolek</h1>
				<hr class="thing-hr">
				<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
                    Na peďáku se snažíme podporovat vznik nových studentských spolků jak nejvíc to jde,
                    proto existují i tyhle stránky, aby ti usnadnili se ve všem zorientovat.
                    Už sis něco pročetl a zjistil jsi, že žádný spolek se ani neblíží tomu,
                    co bys chtěl dělat ty? Tak si pro začátek přečti jaké jsou rozdíly mezi
                    formálním a neformálním spolkem a pak vzhůru na to!<br><br>

                    Do budoucnosti připravujeme spolkový akcelerátor, v rámci kterého tě současní a bývalí členové spolků osobně provedou vším,
                    co bys k založení spolku potřeboval.
				</h6>
				<ZjistiBtn menu={true}/>
			</div>
		</section>
	</div>
</section>
<section class="row" id="main-content" style="margin-top: 5vh">
	<section class="col-1"></section>
	<section class="col-6 bg-square bg-center">
		<h2 style="margin-bottom: 1vh" id="formalni">Formální spolek</h2>
		<hr class="thing-hr" style="margin-bottom: 5vh; ">
		<p style="font-size: calc(var(--font-size) / 1.7);">
			Hodí se pro větší (nebo zamýšlené jako větší) spolky.
			Výhody jsou hlavně větší pořádek díky stanovám v tom, kdo co vede.
			Spolky mají obvykle radu, kontrolní komisi a volby do nich. Zároveň
			se musíš oficiálně přihlásit k soudu a vést účetnictví. Se vším ti však pomůžeme
		</p>
	</section>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col-10" style="line-height: 1">
		<div class="side-line" id="formalni-info">
			<h5 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h5>
		</div>
		<p style="font-size: calc(var(--font-size) / 1.5); margin-top: 2vh">
			Tady je to už trochu složitější, ale neboj se, zas tak hrozné to není
		</p>
	</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>Domluv se se třemi kamarády</b></h6>
    			<p>Nejdříve potřebuješ přípravný výbor, ten se musí skládat alespoň ze 3 osob.</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>Je třeba sepsat osnovy</b></h6>
				<p>
					<a href="https://drive.google.com/file/d/1ie3rxcpAcsY-OtzDxiZGqgqWJhoaj9gW/view">Takhle</a> je má Agora,
					<a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=53001499&subjektId=918043&spis=1008310">takhle</a> Drosophila a
					<a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=60136056&subjektId=903187&spis=990377">takhle</a> Emil.
					Otevřeno má složitou strukturu poboček, ale kdyby přece jen, tak odkaz je <a href="https://otevreno.org/stanovy.pdf">tady.</a>
					Víc ke stanovám najdeš <a href="zalozit-spolek/#stanovy">tady</a>.
				</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>Potom vyplníš tento formulář</b></h6>
				<p>
    				Formulář je potřeba vyplnit, aby byl tvůj spolek zapsán na fakultě. Odkaz najdeš
					<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/formular_opad_c._192017_spolky.pdf">tady</a>.
				</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>Hurá, máme na fakultě nový spolek</b></h6>
				<p>Po registraci může spolek oficiálně začít fungovat.</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>5.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Zajdi do banky</b></h6>
				<p>Aby tvůj spolek mohl pracovat s financemi, musíš mu založit transparentní účet v bance.</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>6.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Registruj se jako fakultní spolek</b></h6>
				<p>
    				Formulář je potřeba vyplnit, aby byl tvůj spolek zapsán na fakultě. Odkaz najdeš
					<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/formular_opad_c._192017_spolky.pdf">tady</a>.
				</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>7.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Základní předpisy</b></h6>
        		<ol style="list-style-type: lower-alpha; margin-left: 0; padding-left: 0">
            		<li style="margin-left: 0; padding-left: 0;">
                        Musíš být zapsán ve veřejném rejstříku spolků
            		</li>
            		<li style="margin-left: 0; padding-left: 0;">
                        Musíš být zapsán v celouniverzitním rejstříku studentských spolků
            		</li>
            		<li style="margin-left: 0; padding-left: 0;">
                        Většina členů musí být studenty nebo absolventy PedF UK
            		</li>
            		<li style="margin-left: 0; padding-left: 0;">
                        Jednající osobou je vždy statutární orgán
            		</li>
        		</ol>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>8.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Povinnosti a práva spolku</b></h6>
				<p>Tohle jsme ti podrobněji sepsali <a>tady</a>.</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>9.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
				<p>
    				Všechny akce, které spolek bude pořádat je nutné nahlašovat prostřednictvím
					<a href="https://akce.pedf.cuni.cz/">tohoto formuláře</a>.
				</p>
			</div>
		</div>
	</div>
	<div class="col-1"></div>
</section>
<section class="row">
    <div class="col-1"></div>
	<div class="col-5" style="line-height: 1.4">
		<div style="height: 8vh"></div>
		<div class="down" style="margin-right: 3vw">
			<div class="side-line" style="margin-bottom: 1vh" id="mluvci">
			<h6 style="margin-bottom: 0"><b>Jak na stanovy podrobně</b></h6>
			</div>
			<ul style="list-style-type: alphanum; margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
    			<li>
                Ve stanovách je nejdůležitější, kdo bude <b>statutární orgán</b> (bude vystupovat za spolek) -
                jeden nebo dva lidi (předseda a místopředseda)?
				</li>
				<li>
				Je potřeba určit, jak bude vypadat <b>výkonný orgán</b> - většinou označován jako “rada”,
				který spolek řídí. Je možné také určit kontrolní komisi, která bude dohlížet na Radu,
				jestli jedná podle stanov.
				</li>
				<li>
				Stejně tak můžeš ukotvit ve stanovách volební komisi, která bude dohlížet na správný průběh
				voleb. Je nezbytné určit sněm / valnou hromadu, čili sdružení všech členů, kteří tvoří <b>nejvyšší orgán</b>.
				</li>
				<li>
				Důležité je vybalancovat pravomoci mezi těmito všemi orgány, aby se nestalo, že
				jeden paralyzuje ten druhý, ale aby neměl ani jeden větší moc (můžeš si víc najít
				pod pojmem “checks and balances”).
				</li>
				<li>
				Neopomenutelnou záležitostí jsou již zmiňované volby. Je potřeba:
				</li>
				<ol>
    				<li>Určit jak se volí (přímo na pozice nebo se zvolí celá rada a ta si pak zvolí předsedu a rozhodne o funkcích?)</li>
    				<li>Jak dlouhé bude jejich funkční období</li>
    				<li>Jak se volby svolávají (kolik dní předem, písemně/mailem, kdo je svolává).</li>
				</ol>
				<li>A nezapomeň na věci jako je název spolku, jeho účel a sídlo.</li>
			</ul>
		</div>
	</div>
	<div class="col-5" style="line-height: 1.4">
		<div style="height: 8vh"></div>
		<div class="down" style="margin-right: 3vw">
			<div class="side-line" style="margin-bottom: 1vh" id="mluvci">
			<h6 style="margin-bottom: 0"><b>Základní práva a povinnosti spolku</b></h6>
			</div>
			<ul style="list-style-type: alphanum; margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
    			<li>
        		Musíš do 30. 4. odevzdat výroční zprávu.
				</li>
				<li>
    			Po vyzvání vedením, se musíš aktivně účastnit vybraných fakultních akcí (DOD, předstudijní, …).
				</li>
				<li>
    			Veškeré poskytnuté prostory musíš udržovat v pořádku a čistotě (to platí i o spolkovce).
				</li>
				<li>
    			Je potřeba se řídit pravidly pořádání akcí.
				</li>
				<li>
    			Můžeš si umístit své sídlo v budovách PedF UK.
				</li>
				<li>
                Můžeš žádat o finanční podporu na svou činnost.
				</li>
				<li>
    			Máš přístup do spolkovky.
				</li>
				<li>
    			Můžeš si rezervovat učebny pro akce a jiné spolkové aktivity.
				</li>
				<li>
    			Dostaneš prostor pro spolkový web na fakultním serveru.
				</li>
				<li>
				Možnost propagace na oficiální webu PedF UK.
				</li>
			</ul>
		</div>
	</div>
</section>
<section class="row" style="margin-top: 5vh">
	<section class="col-1"></section>
	<section class="col bg-circle bg-center bg-auto" id="neformalni">
		<h3 style="margin-bottom: 1vh">Neformální spolek</h3>
		<hr class="thing-hr" style="margin-left: 17vw;margin-bottom: 5vh; ">
		<p style="font-size: calc(var(--font-size) / 1.8); margin-right: 15vw">
			Hodí se pro partu lidí, které spojují společné zájmy a koníčky, jako například divadlo.
			Nemusí mít sice žádné volby a orgány, ale má zase menší rozpočet a ve chvíli, kdy se začne rozrůstat,
			je těžší jej řídit.
		</p>
	</section>
	<section class="col-1"></section>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col-10 side-line" style="line-height: 1" id="neformalni-info">
		<div>
		<h4 style="margin-bottom: 0"><b>Informace k založení neformálního spolku</b></h4>
		<div>
	</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ň pět kamarádů</b></h6>
			<p>Je potřeba sehnat minimálně pět lidí a zaregistrovat se tímto
			<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_2_neformalni_spolky.pdf">formulářem</a>.</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>Zástupce spolku</b></h6>
			<p>Musíš si určit zástupce spolku.</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>Žádosti o granty</b></h6>
			<p>O granty můžeš žádat dvakrát ročně. Termíny ti dáme vědět vždy včas e-mailem.</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>Nahlašování akcí</b></h6>
			<p>
				Pamatuj, že všechny akce musíš nahlašovat 10 dní předem <a href="https://akce.pedf.cuni.cz">tady</a>.
			</p>
    		</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
    		<div class="down">
			<span>5.</span>
			<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Výroční zpráva</b></h6>
			<p>
				Taky musíš odevzdávat výroční zpávu jako spolek formální a to vždy do 30. 4., formulář k tomu najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_4_vyrocni_zprava.pdf">tady</a>.
			</p>
    		</div>
		</div>
	</div>
	<div class="col"></div>
	<div class="col-1"></div>
</section>
<section class="row">
    <div class="col-1"></div>
    <div class="col">
        <p style="font-size: calc(var(--font-size) / 1.7)">
Pozor: funkční období spolku je vždy do konce daného akademického roku, takže jej musíš registrovat každý rok.
        </p>
        <p style="font-size: calc(var(--font-size) / 1.7)">
			Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš
    		<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku.pdf">tady</a> v článku VI.
        </p>
    </div>
    <div class="col-1"></div>
</section>
<div class="spacer"></div>
</main>

<UpArrow/>
