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>

<svelte:head>
	<title>Spolky a SORky PedF UK | Spolkový akcelerátor</title>
	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
		})(window,document,'script','dataLayer','GTM-MQM8H3M');</script>
		<!-- End Google Tag Manager -->
	</svelte:head>
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQM8H3M"
		height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
		<!-- End Google Tag Manager (noscript) -->
	

<MenuBtn>
</MenuBtn>

<main id="root">
<section class="row fullheight">
	<Logo/>
	<div class="row" style="width: 100%">
		<section class="col-1 hide-xs hide-sm"></section>
		<section class="col-8">
			<div class="top-margin">
				<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ý ti pomůže se založením spolku a s prvními kroky jeho fungování.
					Jeho úkolem je poskytnout ti metodiku a finanční pomoc do začátku, abys mohl rychleji dosahovat vytyčených cílů.<br><br>

					Na začátku si společně projdeme tvůj výchozí stav, cíle, priority a vize.
					Domluvíme se, kde by měl být tvůj 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 margin-5vh">
    <div class="col-1 hide-xs hide-sm"></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.8)">
				Přihlásit se může jakýkoliv student nebo skupina studentů z fakulty, 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 class="left-on-mobile" style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
				Je to jednoduché. Pošli na e-mail <a href="mailto:tomas.bederka@pedf.cuni.cz">Tomáše Bederky</a> svů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.8)">
    			<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>
    			<li>rozsah: maximálně 1x A4
			</ul>
			<div class="side-line" style="margin-bottom: 1vh">
			<h6 style="margin-bottom: 0" id="mluvci"><b>Fáze akcelerátoru</b></h6>
			</div>
		</div>
	</div>
</section>
<section class="row margin-5vh">
    <div class="col-1 hide-xs hide-sm"></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>Přípravná fáze</b></h6>
    			<p>
					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í s fungováním fakultních spolků.
				</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>Založení a první kroky</b></h6>
				<p>
					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á. Budeš si zkoušet, kterými cestami se chceš vydat, a objevíš i nějaké i ty slepé.
					Budeš 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 tvůj spolek nastaven tak, že procesy se budou dít automaticky a budeš mít čas se pustit do
					svého prvního projektu.
				</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>První projekt</b></h6>
				<p>
					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 reflexi realizovaného projektu.
				</p>
			</div>
		</div>
	</div>
    <div class="col-1 hide-xs hide-sm"></div>
</section>
<section class="row">
    <div class="col-1 hide-xs hide-sm"></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>Reflexe</b></h6>
				<p>
                	Po šesti měsících spolupráce bude třeba tě vyslat do spolkového světa.
    				Ještě předtím si ale s tebou sedneme a vyhodnotíme tvoji cestu. Co se ti
    				dařilo, co méně a jaký je náš pohled na tvůj další vývoj.
				</p>
			</div>
		</div>
    </div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col-1 hide-xs hide-sm"></div>
</section>
</main>