<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 LLink from '../components/llink.svelte';
	import ZjistiBtn from '../components/zjisti-vice.svelte';
	import { onMount } from 'svelte';

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

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

        setup();
	});
</script>

<svelte:head>
	<title>Spolky a SORky PedF UK | Přebírám spolek</title>
</svelte:head>


<MenuBtn>
	<div class="horizontal-menu">
		<LLink href="formalni">Formální spolek</LLink>
		<LLink href="postup">Povedu formální spolek</LLink>
		<LLink href="neformalni">Neformální spolek</LLink>
		<LLink href="postup-neformalni">Povedu neformální spolek</LLink>
	</div>
</MenuBtn>
<main id="root">
<section class="row fullheight">
	<Logo/>
	<div class="row" style="width: 100%">
		<section class="col-1 hide-sm hide-xs"></section>
		<section class="col-5">
			<div class="top-margin">
				<h1 style="margin-bottom: 5vh">Přebírám spolek</h1>
				<hr class="thing-hr">
				<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
					Ve většině případů si předsedové předají všechny potřebné náležitosti a ten starý pomůže novému se vším, co bude v jeho silách.
					Ne vždycky to ale stačí a občas se prostě hodí mít sepsané na jednom místě všechno, co máš dělat a jen si odškrtávat, když je hotovo.
				</h6>
				<ZjistiBtn/>
			</div>
		</section>
	</div>
</section>
<section class="row margin-5vh" id="main-content">
	<section class="col-1 hide-xs hide-sm"></section>
	<div class="col-5 bg-square" style="background-size: 6.5em" id="formalni">
		<h3>Přebírám formální spolek</h3>
		<hr class="thing-hr">
		<p style="font-size: calc(var(--font-size) / 1.8); margin-top: 5vh; text-align: left">
            Dostal jsi na starost formální spolek, bývalý předseda na tebe vychrlil spoustu informací, ty se začínáš ztrácet a
            potřebuješ se ujistit v tom, co všechno máš udělat? Tak jsi na správném místě!
		</p>
	</div>
</section>
<section class="row margin-5vh">
	<section class="col-1 hide-xs hide-sm"></section>
	<div class="col-3 side-line" style="line-height: 1" id="postup">
		<div>
		<h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6>
		</div>
	</div>
</section>
<section class="row margin-5vh">
	<section class="col-1 hide-xs hide-sm"></section>
	<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: alpha; margin-left:0; padding-left: 0">
					<li style="margin-left:0; padding-left: 0">
						<b>Formální spolek </b>(formál) je spolek s IČ (je zapsaný na soudu) a oficiálně volenými
						orgány &ndash tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní
						bankovní účet. Formální spolky u nás na fakultě jsou: <a href="https://spolekagora.cz" target="_blank">Agora</a>,
						<a href="http://drosophila.cz" target="_blank">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz" target="_blank">Emil</a>.
						<br>
					</li>
					<li style="margin-left:0; padding-left: 0">
						<b>Neformální spolek </b>(neformál) je sdružení kamarádů, které hrozně baví něco dělat,
						např. pořádat akce. Takový spolek nemá IČ (není zapsaný na soudu) a ani oficiální
						orgány (neoficiálně si může určovat radu, stařešiny atp.).
						Neformální spolky u nás na
						fakultě jsou: <a href="https://www.facebook.com/spolekCult/" target="_blank">CULT</a>,
           				<a href="https://www.facebook.com/LaVieBohemePedFUK/" target="_blank">La Vie Bohème</a> a
           				<a href="https://microlab.pedf.cuni.cz" target="_blank">microlab</a>.
						<br>
					</li>
					<li style="margin-left:0; padding-left: 0">
						<b>Studentská oborová rada </b>(SOR) pomáhá studentům v komunikaci s katedrou a zná hlavní
						předpisy, kterými se řídí fakulta i 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>Napiš na soud</b></h6>
				<p>
					Jak jsme již zmiňovali, formály jsou zapsané na soudu, takže
					tam musíš poslat všechny potřebné náležitosti a ohlásit tím změnu
					předsedy a komisí. V běžných případech se posílá elektronicky ověřená
					kopie zápisu a prezenční listiny z voleb (lze ověřit na CzechPointu)
					přes datovou schránku. Je také potřeba přiložit čestné prohlášení o
					způsobilosti vykonávat předsedu. Určitě se zeptej bývalého předsedy,
					protože v každém spolku se můžou detaily lehce lišit.
				</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>Nahlaš to fakultě</b></h6>
				<p>
					Když budeš v tom papírování, je potřeba dát vědět i fakultě,
					co se u vás ve spolku děje, ať ví, s kým mají jednat. Stačí vyplnit
					<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_3_spolky.pdf" target="_blank">tento formulář</a>.
				</p>
			</div>
		</div>
	</div>
	<section class="col-1 hide-xs hide-sm"></section>
</section>
<section class="row">
	<section class="col-1 hide-xs hide-sm"></section>
	<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>Přístup ke spolkovému účtu</b></h6>
				<p>
					Peníze nejsou důvodem, proč být ve spolku, ale bez nich by spolek pracoval těžko,
					proto je důležité mít přístup ke spolkovému účtu. Sežeň si k němu co nejdřív údaje a
					zjisti si, kdo se o něj stará, jestli máte pokladníka nebo jestli jsou třeba s tajemníkem
					jedna a tatáž osoba.
				</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>Nejdříve zkontroluj finanční dokumenty</b></h6>
				<p>
					Seznam se s tím, jak si spolek vede účetnictví a zkontroluj, zda bylo podáno daňové
					přiznání za minulé období. Poslední, co chceš řešit, je návštěva berňáku.
				</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>Inspiruj se u podobných organizací</b></h6>
				<p>
					Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
					&ndash např. na UK máme <a href="https://cuni.cz/UK-8518.html" target="_blank">spoustu spolků</a> i mimo PedF, zajímavé
					najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/" target="_blank">na VŠE</a>
					nebo téměř na každé větší univerzitě v republice. V zahraničí
					hledej německy Verbindung či Burschenshaft, anglicky student society,
					sorority či fraternity.
				</p>
			</div>
		</div>
	</div>
	<section class="col-1 hide-xs hide-sm"></section>
</section>
<section class="row">
	<section class="col-1 hide-xs hide-sm"></section>
	<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>Přečti si pravidla spolkovky</b></h6>
				<p>
					Asi víš, že máte přístup do spolkovky. Nese to s sebou spoustu benefitů, ale i povinností,
					přečti si více o jejím fungování v sekci <a href="/predseda">Předseda spolku</a>.
				</p>
			</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>Nahlašování akcí</b></h6>
				<p>
					Nezapomeň, že všechny akce na fakultě musí být nahlášeny týden předem, ale u větších akcí jsou to tři týdny,
					přes jednoduchý formulář <a href="https://akce.pedf.cuni.cz" target="_blank">akce.pedf.cuni.cz</a>. Více najdete v sekci
					<a href="/predseda">Předseda spolku</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>Nastav si fungování týmu</b></h6>
				<p>
					V tvém nejbližším okolí bude tým lidí, nejčastěji se nazývají „Rada“,
					kteří budou tvoje ruce, oči a uši ve spolku. Pokud si nevíš rady, jak
					jim rozdělit úkoly nebo co je vlastně jejich náplní práce, neboj se
					kontaktovat ostatní spolky, které podle tebe fungují dobře. Určitě už
					někdy řešily podobný problém jako teď ty.
				</p>
			</div>
		</div>
	</div>
	<section class="col-1 hide-xs hide-sm"></section>
</section>
<section class="row">
	<section class="col-1 hide-xs hide-sm"></section>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>11.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>SWOT</b></h6>
				<p>
					Vřele doporučujeme udělat si základní SWOT analýzu, která ti poradí, jak na tom spolek
					je a kam může směřovat dál. Co je to SWOTka a jak na ni najdeš třeba na těchto odkazech:
				</p>
				<ol style="margin-left: 0; padding-left:0; margin-top: 2vh">
					<li style="margin-left: 0; padding-left: 0"><a href="https://managementmania.com/cs/swot-analyza" target="_blank">Management Mania</a></li>
					<li style="margin-left: 0; padding-left: 0"><a href="https://www.marketingmind.cz/swot-analyza/" target="_blank">Marketing Mind</a></li>
					<li style="margin-left: 0; padding-left: 0"><a href="https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797" target="_blank">Mladý podnikatel</a></li>
				</ol>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>12.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nezapomeň se koukat i k sobě</b></h6>
				<p>
					Zjisti si, jestli máte sami například někde na disku vlastní návody, infografiky, seznamy toho, jak
					fungují některé procesy ve spolku nebo třeba kde co najít.
				</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div class="number-thing">
			<div class="down">
			<span>13.</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 objevíš až za pochodu a třeba za týden, měsíc nebo půl roku zjistíš,
					že se vylouplo něco, čemu nerozumíš. Neboj se kontaktovat bývalého předsedu, někoho z jiného spolku nebo
					z fakulty a prostě se zeptej!
				</p>
			</div>
		</div>
	</div>
	<section class="col-1 hide-xs hide-sm"></section>
</section>
<section class="row margin-5vh">
	<section class="col-1 hide-xs hide-sm"></section>
	<div class="col-5 flexy-boi">
		<h5 style="margin-bottom: 0; margin-left: -14vw">
			Jaké to bylo být předsedou?
		</h5>
		<h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
			O tom ti poví Veru.
		<h5>
	</div>
	<div class="col-5">
		<video class="smol-video" controls poster="/video/10_veru.png">
			<source src="/video/10_veru.mp4" type="video/webm">
			Your browser does not support video.
		</video>
    	<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Müllerová, bývalá předsedkyně Studentského spolku Agora</h6>
	</div>
</section>
<section class="row margin-5vh">
	<section class="col-1 hide-xs hide-sm"></section>
	<div class="col-5 bg-circle" style="background-position: 5em center">
		<h4 id="neformalni">Přebírám neformální spolek</h4>
		<hr class="thing-hr">
		<p style="font-size: calc(var(--font-size) / 1.8); margin-top: 5vh; text-align: justify">
			U neformálů logicky odpadá většina formálních náležitostí, ale zbytek je dost podobný.
			Nejdůležitější je nahlásit fakultě změnu předsedy.
		</p>
	</div>
</section>
<section class="row margin-5vh">
	<section class="col-1 hide-xs hide-sm"></section>
	<div class="col-3 side-line" style="line-height: 1" id="postup-neformalni">
		<div>
		<h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6>
		</div>
	</div>
</section>
<section class="row margin-5vh">
	<section class="col-1 hide-xs hide-sm"></section>
	<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: alpha; margin-left:0; padding-left:0">
					<li style="margin-left: 0; padding-left: 0">
						<b>Formální spolek </b>(formál) je spolek s IČ (je zapsaný na soudu) a oficiálně volenými
						orgány &ndash; tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní
						bankovní účet. Formální spolky u nás na fakultě jsou: <a href="https://spolekagora.cz" target="_blank">Agora</a>,
						<a href="http://drosophila.cz" target="_blank">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz" target="_blank">Emil</a>
						<br>
					</li>
					<li style="margin-left: 0; padding-left: 0">
						<b>Neformální spolek </b>(neformál) je sdružení kamarádů, které hrozně baví něco dělat,
						např. pořádat akce. Takový spolek nemá IČo (není zapsaný na soudu) a ani oficiální
						orgány (neoficiálně si může určovat radu, stařešiny atp.).
						Neformální spolky u nás na
						fakultě jsou: <a href="https://www.facebook.com/spolekCult/" target="_blank">CULT</a>,
           				<a href="https://www.facebook.com/LaVieBohemePedFUK/" target="_blank">La Vie Bohème</a> a
           				<a href="https://microlab.pedf.cuni.cz" target="_blank">microlab</a>.
						<br>
					</li>
					<li style="margin-left: 0; padding-left: 0">
						<b>Studentská oborová rada </b>(SOR) 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>
					Jak jsme již zmiňovali, tak nejdůležitější je dát vědět fakultě, co se u vás ve spolku děje,
					ať ví, s kým mají jednat. Stačí vyplnit <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_2_neformalni_spolky.pdf" target="_blank">tento formulář.</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>Přístup ke spolkovému účtu</b></h6>
				<p>
					Peníze nejsou důvodem, proč být ve spolku, ale bez nich by spolek pracoval těžko,
					proto je důležité mít přístup ke spolkovému účtu. Sežeň si k němu co nejdřív údaje a
					zjisti si, kdo se o něj stará.
				</p>
			</div>
		</div>
	</div>
	<section class="col-1 hide-xs hide-sm"></section>
</section>
<section class="row">
	<section class="col-1 hide-xs hide-sm"></section>
	<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>Zkontroluj si finanční dokumenty</b></h6>
				<p>
					Seznam se s tím, jak si spolek vede účetnictví a jak fungují granty.
				</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>Inspiruj se u podobných organizací</b></h6>
				<p>
					Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
					&ndash; např. na UK máme <a href="https://cuni.cz/UK-8518.html" target="_blank">spoustu spolků</a> i mimo PedF, zajímavé
					najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/" target="_blank">na VŠE</a>
					nebo téměř na každé větší univerzitě v republice. V zahraničí
					hledej německy Verbindung či Burschenshaft, anglicky student society,
					sorority či fraternity.
				</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>Nahlašování akcí</b></h6>
				<p>
					Nezapomeň, že všechny akce na fakultě, musí být nahlášeny týden předem, ale u větších akcí to musí být
					tři týdny, přes
					jednoduchý formulář <a href="https://akce.pedf.cuni.cz" target="_blank">akce.pedf.cuni.cz</a>. Více najdete v sekci
					<a href="/predseda">Předseda spolku</a>.
				</p>
			</div>
		</div>
	</div>
	<section class="col-1 hide-xs hide-sm"></section>
</section>
<section class="row">
	<section class="col-1 hide-xs hide-sm"></section>
	<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>Nezapomeň se koukat i k sobě</b></h6>
				<p>
					Zjisti si, jestli máte sami například někde na disku vlastní návody, infografiky, seznamy toho,
					jak fungují některé procesy ve spolku nebo třeba kde co najít.
				</p>
			</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>Neboj se zeptat!</b></h6>
				<p>
					Nejvíc toho nakonec stejně vždycky objevíš až za pochodu a třeba za týden,
					měsíc nebo půl roku zjistíš, že se vylouplo něco, čemu nerozumíš. Neboj se
					kontaktovat bývalého předsedu, někoho z jiného spolku nebo z fakulty a
					prostě se zeptej!
				</p>
			</div>
		</div>
	</div>
	<div class="col">
	</div>
	<section class="col-1 hide-xs hide-sm"></section>
</section>
<div class="spacer"></div>
</main>

<UpArrow/>
