spolky/src/routes/akcelerator.svelte

<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('main p, main li');
          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>

<MenuBtn>
</MenuBtn>

<main id="root">
<section class="row fullheight">
	<Logo/>
	<div class="row" style="width: 100%">
		<section class="col-1"></section>
		<section class="col-8">
			<div style="margin-top: 23vh">
				<h1 style="margin-bottom: 5vh">Spolkový akcelerátor</h1>
				<hr class="thing-hr">
				<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
					Spolkový akcelerátor je program, který vám pomůže se založením spolku a s prvními kroky jeho fungování.
					Jeho úkolem je poskytnout Vám metodikou a finanční pomoc do začátku, abyste mohli rychleji dosahovat
					vytyčených cílů.<br><br>
					Na začátku si společně projdeme váš výchozí stav, cíle, priority a vize. Domluvíme se, kde by měl být
					váš spolek za 6 měsíců. Po ukončení programu si spolupráci vyhodnotíme a nasměrujeme další kroky.
				</h6>
				<ZjistiBtn/>
			</div>
		</section>
	</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" id="main-content">
			<h6 style="margin-bottom: 0" id="povinnosti"><b>Pro koho to je?</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)">
				Přihlásit se může jakýkoliv student nebo skupina studentů Pedagogické fakulty Univerzity Karlovy,
				kteří mají zájem založit studentský spolek působící na fakultě.
			</p>
			<div class="side-line">
    			<h6><b>Jak se přihlásit?</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)">
				Je to jednoduché. Pošlete na e-mail <a href="mailto:tomas.bederka@pedf.cuni.cz">tomas.bederka@pedf.cuni.cz</a> tvůj záměr studentského spolku,
				který bude obsahovat následující informace:
			</p>
			<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>Jména studentů, kteří chtějí studentský spolek založit.</li>
    			<li>Cíle spolku – co chcete spolkem říct, jaká má být jeho činnost</li>
    			<li>Motivace založení</li>
			</ul>
			<p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
				Rozsah: maximálně 1x A4
			</p>
		</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>Fáze akcelerátoru</b></h6>
			</div>
			<ol class="spaced-li" style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
    			<li><b>Přípravná fáze</b> -
					Dva měsíce budeme připravovat založení. Říká se, že štěstí přeje připraveným.
					Proto přípravě budeme věnovat celé dva měsíce. Nastavíme si specifické cíle,
					kde chcete na konci akcelerátoru být, připravíme stanovy a počátek fungování spolku
					(celé stanovy, orgány, bankovní účet atd.). Vysvětlíme ti pravidla spolků na fakultě
					Zároveň se sejdeš s našimi předsedy už stávajících spolků, aby ti mohli poradit na základě vlastních zkušeností
					z fungování fakultních spolků.
				</li>
    			<li><b>Založení a první kroky</b> -
					Další dva měsíce budeme pracovat na náboru nových členů, nastavení propagace,
					a hlavně vnitřních procesů, aby vše fungovalo, jak má. Budete si zkoušet, kterými
					cestami chcete vydat, a objevíte i nějaké i ty slepé. Budete chodit na valné hromady
					jiných spolků dívat se a scházet se s jedním ze spolkových předsedů. Na konci této fáze
					by měl být váš spolek nastaven tak, že procesy se budou dít automaticky a budete mít
					čas se pustit do svého prvního projektu.
				</li>
    			<li><b>První projekt</b> -
					Po nastavení fungování je čas na první projekt. Jaký je základ projektového řízení, kde na tebe čekají nástrahy?
					Všechno s tebou projdeme a budeme ti průvodcem. Připravíme to s tebou od A do Z a potom provedeme reflexirealizovaného projektu
				</li>
    			<li><b>Reflexe</b> -
				Po šesti měsících spolupráce je třeba vás vyslat do spolkového světa. Ještě předtím si ale s vámi sedneme
				a vyhodnotíme vaši cestu. Co se vám dařilo, co méně a jaký je náš pohled naváš další vývoj.
				</li>
			</ol>
		</div>
		<div class="spacer"></div>
	</div>
</section>
</main>