spolky/src/routes/zalozit-spolek.svelte

<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-5">
			<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>

                    Navštiv také <a>spolkový akcelerátor</a>
				</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"><b>Formální</b></h2>
		<hr class="thing-hr" style="margin-bottom: 5vh; ">
		<p style="font-size: calc(var(--font-size) / 1.8); margin-left: 16vw">
			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">
			<h4 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h4>
		</div>
		<p style="font-size: calc(var(--font-size) / 1.8); margin-left:1.15vw; margin-top: 0.5vw">
			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>Nejdříve potřebuješ přípravný výbor, ten se musí skládat z alespoň 3 osob</b></h6>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 6vh"></div>
		<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>
					Jak to má Agora se můžeš podívat tady, Drosophila tady a Emil tady. Otevřeno má pobočkovou strukturu,
					takže je to složitější, ale co kdyby.
				</p>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 12vh"></div>
		<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 tomhle všem musíš vyplnit</b></h6>
				<p>
					<a href="/#">tenhle formulář</a>
				</p>
			</div>
		</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>4.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Po registraci může článek oficiálně začít fungovat.</b></h6>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 6vh"></div>
		<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>Zajít do banky založit transparentní účet</b></h6>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 12vh"></div>
		<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>Registrace jako fakultní spolek - <a href="/#">zde</a></b></h6>
			</div>
		</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>7.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Základní předpisy</b></h6>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 6vh"></div>
		<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>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 12vh"></div>
		<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>
Povinnosti a práva spolkuspolkem dělat se dělá tady:
					<a href="/#">formulář nahlašování akcí</a>
				</p>
			</div>
		</div>
	</div>
	<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
	<section class="col-5"></section>
	<section class="col bg-circle bg-center bg-auto" id="neformalni">
		<h2 style="margin-left: 17vw; margin-bottom: 1vh"><b>Neformální</b></h2>
		<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 žádné volby, orgány a nemusí odevzdávat výroční zprávy.
		</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>Je třeba sehnat tolik a tolik lidí a zaregistrovat se tady - <a href="/#">formulář</a></b></h6>
    		</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 6vh"></div>
		<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>O granty můžeš žádat tady, až bude venku výzva (dáme ti vědět na email)</b></h6>
    		</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 12vh"></div>
		<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>Pamatuj ale, že všechny akce musíš nahlašovat tady - <a href="/#">odkaz</a></b></h6>
    		</div>
		</div>
	</div>
	<div class="col-1"></div>
</section>
<div class="spacer"></div>
</main>

<UpArrow/>