<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';
</script>

<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 založit spolek</h1>
				<hr class="gay-hr">
				<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.55)">
					Snažíme se podporovat vznik nových studentských spolků jak nejvíc to jde. Pro začátek trochu terminologie.
				</h6>
				<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
					↓  Zjisti více
				</button>
			</div>
		</section>
	</div>
</section>
<section class="row" style="margin-top: 5vh">
	<section class="col-1"></section>
	<section class="col-6 bg-square bg-center">
		<h2 style="margin-bottom: 1vh"><b>Formální</b></h2>
		<hr class="gay-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">
	<section class="col-5"></section>
	<section class="col bg-circle bg-center bg-auto">
		<h2 style="margin-left: 17vw; margin-bottom: 1vh"><b>Neformální</b></h2>
		<hr class="gay-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">
		<div>
		<h6 style="margin-bottom: 0"><b>Informace k založení neformálního spolku</b></h6>
		<div>
	</div>
</section>
<section class="row" style="margin-top: 5vh">
	<div class="col-1"></div>
	<div class="col">
		<div class="number-gay">
			<span>1.</span>
			<p>Je třeba sehnat tolik a tolik lidí a zaregistrovat se tady - <a href="/#">formulář</a></p>
		</div>
	</div>
	<div class="col">
		<div style="height: 6vh"></div>
		<div class="number-gay">
			<span>2.</span>
			<p>O granty můžeš žádat tady, až bude venku výzva (dáme ti vědět na email)</p>
		</div>
	</div>
	<div class="col">
		<div style="height: 12vh"></div>
		<div class="number-gay">
			<span>3.</span>
			<p>Pamatuj ale, že všechny akce musíš nahlašovat tady - <a href="/#">odkaz</a></p>
		</div>
	</div>
	<div class="col-1"></div>
</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">
			<h6 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h6>
		</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-gay">
			<div class="down">
			<span>1.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nejdříve potřebuješ přípravný výbor, ten se musí skládat z alespoň 3 osob</b></h6>
			</div>
		</div>
		<div class="number-gay">
			<div class="down">
			<span>4.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Po registraci může článek oficiálně začít fungovat.</b></h6>
			</div>
		</div>
		<div class="number-gay">
			<div class="down">
			<span>7.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Základní předpisy</b></h6>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 6vh"></div>
		<div class="number-gay">
			<div class="down">
			<span>2.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><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 class="number-gay">
			<div class="down">
			<span>5.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Zajít do banky založit transparentní účet</b></h6>
			</div>
		</div>
		<div class="number-gay">
			<div class="down">
			<span>8.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Povinnosti a práva spolku</b></h6>
			</div>
		</div>
	</div>
	<div class="col">
		<div style="height: 12vh"></div>
		<div class="number-gay">
			<div class="down">
			<span>3.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Po tomhle všem musíš vyplnit</b></h6>
				<p>
					<a href="/#">tenhle formulář</a>
				</p>
			</div>
		</div>
		<div class="number-gay">
			<div class="down">
			<span>6.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Registrace jako fakultní spolek - <a href="/#">zde</a></b></h6>
			</div>
		</div>
		<div class="number-gay">
			<div class="down">
			<span>9.</span>
				<h6 style="font-size: calc(var(--font-size) / 1.8)"><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>
</main>

<UpArrow/>
