pedf
/
spolky
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

final changes?

Browse Source
master
Lukáš Hozda 4 years ago
parent 20f0cd468c
commit b875ff1aab
11 changed files with 230 additions and 181 deletions
Show Stats Download Patch File Download Diff File

45
src/components/galerie.svelte
Unescape Escape View File

@ -4,12 +4,16 @@
<script> <script>
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import Spolek from '../components/spolek.svelte'; import Spolek from '../components/spolek.svelte';
export let selected; export let selected = "all";
function click(n) { function click(n) {
console.log("click"); console.log("click");
selected = n; if (selected == n) {
setTimeout(() => window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: 'smooth'}), 600); selected = "all";
} else {
selected = n;
}
//[OsetTimeout(() => window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: 'smooth'}), 600);
setTimeout(() => console.log("timed lol"), 600); setTimeout(() => console.log("timed lol"), 600);
} }
</script> </script>
@ -37,7 +41,7 @@
<div class="col-1"></div> <div class="col-1"></div>
</section> </section>
<section class="row" style="margin-top: 3vh"> <section class="row" style="margin-top: 3vh">
<div class="col-1"></div> <div class="col-2"></div>
{#if selected == "hudba"} {#if selected == "hudba"}
<div class="col"> <div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/> <Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
@ -126,6 +130,37 @@
<div class="col"> <div class="col">
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/> <Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
</div> </div>
{:else if selected == "all"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR MŠ" img="/img/20.png"/>
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VV" img="/img/8.png"/>
</div>
<div class="col">
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Německého jazyka" img="/img/12.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ" img="/img/15.png"/>
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
</div>
<div class="col">
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR SPECPED" img="/img/21.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
</div>
{/if} {/if}
<div class="col-1"></div> <div class="col-2"></div>
</section> </section>

20
src/routes/akcelerator.svelte
Unescape Escape View File

@ -84,21 +84,21 @@
<div class="side-line" style="margin-bottom: 1vh" id="main-content"> <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> <h6 style="margin-bottom: 0" id="povinnosti"><b>Pro koho to je?</b></h6>
</div> </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 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ř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> </p>
<div class="side-line"> <div class="side-line">
<h6><b>Jak se přihlásit?</b></h6> <h6><b>Jak se přihlásit?</b></h6>
</div> </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.7)"> <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> tvůj záměr studentského spolku, 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: který bude obsahovat následující informace:
</p> </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)"> <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>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>cíle spolku – co chcete spolkem říct, jaká má být jeho činnost,</li>
<li>Motivace založení</li> <li>motivace založení,</li>
<li>Rozsah: maximálně 1x A4 <li>rozsah: maximálně 1x A4
</ul> </ul>
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0" id="mluvci"><b>Fáze akcelerátoru</b></h6> <h6 style="margin-bottom: 0" id="mluvci"><b>Fáze akcelerátoru</b></h6>
@ -118,8 +118,8 @@
Proto přípravě budeme věnovat celé dva měsíce. Nastavíme si specifické cíle, 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í 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ů 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 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ů. poradit na základě vlastních zkušeností s fungováním fakultních spolků.
</p> </p>
</div> </div>
</div> </div>

10
src/routes/index.svelte
Unescape Escape View File

@ -119,35 +119,35 @@
} }
.bottom-right { .bottom-right {
position: absolute; position: absolute;
right: 0; right: -5px;
bottom: 0; bottom: 0;
margin-left: 90%; margin-left: 90%;
margin-top: 5%; margin-top: 5%;
} }
.top-right { .top-right {
position: absolute; position: absolute;
right: 0; right: -5px;
top: 0; top: 0;
margin-left: 90%; margin-left: 90%;
margin-bottom: 5%; margin-bottom: 5%;
} }
.bottom-left { .bottom-left {
position: absolute; position: absolute;
left: 0; left: -5px;
bottom: 0; bottom: 0;
margin-right: 110%; margin-right: 110%;
margin-top: 5%; margin-top: 5%;
} }
.top-left { .top-left {
position: absolute; position: absolute;
left: 0; left: -5px;
top: 0; top: 0;
margin-right: 110%; margin-right: 110%;
margin-bottom: 5%; margin-bottom: 5%;
} }
.pedftext { .pedftext {
position: absolute; position: absolute;
font-size: calc(var(--font-size) / 1.7); font-size: calc(var(--font-size) / 1.8);
left: 5vw; left: 5vw;
bottom: 5vh; bottom: 5vh;
line-height: 1; line-height: 1;

69
src/routes/oborovky.svelte
Unescape Escape View File

@ -83,8 +83,8 @@
<div class="side-line"> <div class="side-line">
<h6 style="margin-bottom: 0;"><b>Informace k založení studentské oborové rady</b></h6> <h6 style="margin-bottom: 0;"><b>Informace k založení studentské oborové rady</b></h6>
</div> </div>
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 4vh"> <p style="font-size: calc(var(--font-size) / 1.8); margin-top: 4vh">
Nedřív se podívej, jestli pro tvůj obor už oborová rada neexistuje, všechny ustanovené SOR najdeš na Nejdřív se podívej, jestli pro tvůj obor už oborová rada neexistuje, všechny ustanovené SOR najdeš na
<a href="https://pedf.cuni.cz/PEDF-386.html" target="_blank">webu fakulty</a>. <a href="https://pedf.cuni.cz/PEDF-386.html" target="_blank">webu fakulty</a>.
</p> </p>
</div> </div>
@ -97,7 +97,7 @@
<div class="down"> <div class="down">
<span>1.</span> <span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Sežeň tři studenty z oboru</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Sežeň tři studenty z oboru</b></h6>
<p>Rada se musí skládat z nejméně 3 studentů z daného oboru. Nejlépe ještě z různých ročníků. Mezi sebou si zvolíte mluvčího rady.</p> <p>Rada se musí skládat nejméně ze 3 studentů z daného oboru. Nejlépe ještě z různých ročníků. Mezi sebou si zvolíte mluvčího rady.</p>
</div> </div>
</div> </div>
</div> </div>
@ -119,7 +119,7 @@
<div class="down"> <div class="down">
<span>3.</span> <span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Počkej na nejbližší zasedání senátu</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Počkej na nejbližší zasedání senátu</b></h6>
<p>Pokud jsi splnil všechno potřebné, tak na nejbližším zasedání AS bude tvá SOR ustanovena.</p> <p>Pokud jsi splnil všechno potřebné, na nejbližším zasedání AS bude tvá SOR ustanovena.</p>
</div> </div>
</div> </div>
</div> </div>
@ -132,14 +132,14 @@
<div class="down"> <div class="down">
<span>4.</span> <span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Shrnutí základní pravidel pro SOR</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Shrnutí základní pravidel pro SOR</b></h6>
<p style="font-size: calc(var(--font-size) / 1.7)">A nakonec tu pro tebe máme shrnutí těch nejzákladnějších pravidel pro zřizování SOR:</p> <p style="font-size: calc(var(--font-size) / 1.8)">A nakonec tu pro tebe máme shrnutí těch nejzákladnějších pravidel pro zřizování SOR:</p>
<ol style="list-style-type: lower-alpha; padding-left: 0; margin-left: 0; margin-top: 1vh"> <ol style="list-style-type: lower-alpha; padding-left: 0; margin-left: 0; margin-top: 1vh">
<li style="margin-left: 0; padding-left: 0;"> <li style="margin-left: 0; padding-left: 0;">
Každý obor může mít pouze jednu oborovou radu. Každý obor může mít pouze jednu oborovou radu.
</li> </li>
<li style="margin-left: 0; padding-left: 0;"> <li style="margin-left: 0; padding-left: 0;">
Radu je možné ustanovit kdykoliv v průběhu akademického roku a její funkční období je Radu je možné ustanovit kdykoliv v průběhu akademického roku a její funkční období je
do konce daného akademického roku - to znamená, že každý rok musíš radu ustanovit znova. do konce daného akademického roku &ndash; to znamená, že každý rok musíš radu ustanovit znova.
</li> </li>
<li style="margin-left: 0; padding-left: 0;"> <li style="margin-left: 0; padding-left: 0;">
Rada komunikuje a schází se s vedením katedry, a dále se vyjadřuje k průběhu výuky. Rada komunikuje a schází se s vedením katedry, a dále se vyjadřuje k průběhu výuky.
@ -159,20 +159,20 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0" id="povinnosti"><b>Povinnosti člena SOR</b></h6> <h6 style="margin-bottom: 0" id="povinnosti"><b>Povinnosti člena SOR</b></h6>
</div> </div>
<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <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>řešit záležitosti spojené se studiem daného oboru a s vedením katedry</li> <li>Řešit záležitosti spojené se studiem daného oboru a s vedením katedry,</li>
<li>propagovat studentské hodnocení výuky</li> <li>propagovat studentské hodnocení výuky,</li>
<li>účastnit se společných setkání se zástupci vedení fakulty</li> <li>účastnit se společných setkání se zástupci vedení fakulty,</li>
<li>spolupracovat při akcích typu předstudijní soustředění, den otevřených dveří apod.</li> <li>spolupracovat při akcích typu předstudijní soustředění, den otevřených dveří apod.</li>
</ul> </ul>
<div class="side-line"> <div class="side-line">
<h6><b>Jednání rady a vedení</b></h6> <h6><b>Jednání rady a vedení</b></h6>
</div> </div>
<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <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>rada má právo na jednání s vedoucím katedry (případně jeho zástupcem) nejméně jednou za semestr, kdy vedoucí katedry zajistí <li>Rada má právo na jednání s vedoucím katedry (případně jeho zástupcem) nejméně jednou za semestr, kdy vedoucí katedry zajistí
projednání otázek spadajících pod činnosti rady</li> projednání otázek spadajících pod činnosti rady,</li>
<li>mluvčí rady se také účastní jednání SOR a spolků s vedením fakulty o kterém vedení informuje alespoň 14 dní předem</li> <li>mluvčí rady se také účastní jednání SOR a spolků s vedením fakulty, o kterém vedení informuje alespoň 14 dní předem,</li>
<li>další jednání probíhají po vzájemné dohodě</li> <li>další jednání probíhají po vzájemné dohodě.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -181,17 +181,17 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0" id="mluvci"><b>Mluvčí SOR</b></h6> <h6 style="margin-bottom: 0" id="mluvci"><b>Mluvčí SOR</b></h6>
</div> </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 style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Mluvčí je zvolený zástupce z členů SOR. Jedná za SOR navenek, komunikuje s vedením a dohlíží na to, aby SOR fungovala jak má. Mluvčí je zvolený zástupce z členů SOR. Jedná za SOR navenek, komunikuje s vedením a dohlíží na to, aby SOR fungovala jak má.
</p> </p>
<div class="side-line"> <div class="side-line">
<h6><b>Důležité</b></h6> <h6><b>Důležité</b></h6>
</div> </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 style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Funkční období SOR je pouze do konce daného akademického roku, Funkční období SOR je pouze do konce daného akademického roku,
takže je potřeba ji ustanovit každý rok znovu. takže je potřeba ji ustanovit každý rok znovu.
</p> </p>
<p style="margin-top:0vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:0vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Podrobně rozepsaná všechna pravidla a práva SOR najdeš Podrobně rozepsaná všechna pravidla a práva SOR najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank"> <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">
tady. tady.
@ -220,13 +220,22 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Seznam se s terminologií</b></h6> <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: lower-alpha; padding-left: 0; margin-left: 0"> <ol style="list-style-type: lower-alpha; padding-left: 0; margin-left: 0">
<li style="padding-left: 0; margin-left: 0"> <li style="padding-left: 0; margin-left: 0">
<b>Formální spolek (formál)</b> je spolek s IČem (je zapsaný na soudu) a oficiálně volenými orgány - <b>Formální spolek </b>(formál) je spolek s IČ (je zapsaný na soudu) a oficiálně volenými
tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní bankovní účet orgány &ndash; tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní
</li> bankovní účet. Formální spolky u nás na fakultě jsou: <a href="https://spolekagora.cz" target="_blank">Agora</a>,
<li style="padding-left: 0; margin-left: 0"> <a href="http://drosophila.cz" target="_blank">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz" target="_blank">Emil</a>
<b>Neformální spolek (neformál)</b> je sdružení kamarádů, které hrozně baví něco dělat, např. pořádat akce. <br>
Takový spolek nemá IČo (není na soudě) a ani žádné oficiální orgány (neoficiálně si může určovat radu, stařešiny, atp.)
</li> </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="padding-left: 0; margin-left: 0"> <li style="padding-left: 0; margin-left: 0">
<b>Studentská oborová rada (SOR)</b> pomáhá studentům v komunikaci s katedrou a zná hlavní předpisy, <b>Studentská oborová rada (SOR)</b> pomáhá studentům v komunikaci s katedrou a zná hlavní předpisy,
kterými se řídí univerzita a její pracoviště kterými se řídí univerzita a její pracoviště
@ -251,7 +260,7 @@
<div class="down"> <div class="down">
<span>3.</span> <span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Zkontroluj si finance</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Zkontroluj si finance</b></h6>
<p>Seznam se s tím, jak si SOR doteď nakládala s penězi a zjisti si, jak fungují granty.</p> <p>Seznam se s tím, jak SOR do teď nakládala s penězi a zjisti si, jak fungují granty.</p>
</div> </div>
</div> </div>
</div> </div>
@ -263,10 +272,10 @@
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
<span>4.</span> <span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Neboj se zeptat</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Neboj se zeptat!</b></h6>
<p> <p>
Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, měsíc nebo půl 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 objevilo něco, čemu nerozumíš. Neboj se kontaktovat bývalého mluvčího, roku zjistíš, že se vylouplo něco, čemu nerozumíš. Neboj se kontaktovat bývalého mluvčího,
někoho z jiné SOR nebo z fakulty a prostě se zeptej!</p> někoho z jiné SOR nebo z fakulty a prostě se zeptej!</p>
</div> </div>
</div> </div>
@ -279,7 +288,7 @@
<section class="col-1 hide-xs hide-sm"></section> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 flexy-boi"> <div class="col-5 flexy-boi">
<h5 style="margin-bottom: 0; margin-left: -14vw"> <h5 style="margin-bottom: 0; margin-left: -14vw">
Chceš vědět jaké je to být v oborovce? Chceš vědět, jaké je to být v oborovce?
</h5> </h5>
<h5 style="padding-left: 4vw; margin-top:0" class="text-primary"> <h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
Tak koukni na video se Štěpánem. Tak koukni na video se Štěpánem.
@ -296,7 +305,7 @@
<section class="row margin-5vh"> <section class="row margin-5vh">
<section class="col-1 hide-xs hide-sm"></section> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<p style="font-size: calc(var(--font-size) / 1.7)"> <p style="font-size: calc(var(--font-size) / 1.8)">
Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">sem</a>. Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">sem</a>.
</p> </p>
<div class="spacer"></div> <div class="spacer"></div>

62
src/routes/prebiram.svelte
Unescape Escape View File

@ -65,7 +65,7 @@
<hr class="thing-hr"> <hr class="thing-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)"> <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. 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 hotovo. 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> </h6>
<ZjistiBtn/> <ZjistiBtn/>
</div> </div>
@ -77,7 +77,7 @@
<div class="col-5 bg-square" id="formalni"> <div class="col-5 bg-square" id="formalni">
<h3>Přebírám formální spolek</h3> <h3>Přebírám formální spolek</h3>
<hr class="thing-hr"> <hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: left"> <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 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ě! potřebuješ se ujistit v tom, co všechno máš udělat? Tak jsi na správném místě!
</p> </p>
@ -100,16 +100,16 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Seznam se s terminologií</b></h6> <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"> <ol style="list-style-type: alpha; margin-left:0; padding-left: 0">
<li style="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Čem (je zapsaný na soudu) a oficiálně volenými <b>Formální spolek </b>(formál) je spolek s IČ (je zapsaný na soudu) a oficiálně volenými
orgány - tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní 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>, 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>. <a href="http://drosophila.cz" target="_blank">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz" target="_blank">Emil</a>.
<br> <br>
</li> </li>
<li style="margin-left:0; padding-left: 0"> <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, <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í na soudě) a ani žádné oficiální 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.). orgány (neoficiálně si může určovat radu, stařešiny atp.).
Neformální spolky u nás na Neformální spolky u nás na
fakultě jsou: <a href="https://www.facebook.com/spolekCult/" target="_blank">CULT</a>, 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://www.facebook.com/LaVieBohemePedFUK/" target="_blank">La Vie Bohème</a> a
@ -130,10 +130,10 @@
<span>2.</span> <span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Napiš na soud</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Napiš na soud</b></h6>
<p> <p>
Jak jsme již zmiňovali, formály jsou zapsané na soudě, takže 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 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á 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) 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 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, 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. protože v každém spolku se můžou detaily lehce lišit.
@ -147,7 +147,7 @@
<span>3.</span> <span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlaš to fakultě</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlaš to fakultě</b></h6>
<p> <p>
Když budeš v tom papírování, tak je potřeba dát vědět i fakultě, 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 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>. <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_3_spolky.pdf" target="_blank">tento formulář</a>.
</p> </p>
@ -191,7 +191,8 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<p> <p>
Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
- 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> a &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čí nebo téměř na každé větší univerzitě v republice. V zahraničí
hledej německy Verbindung či Burschenshaft, anglicky student society, hledej německy Verbindung či Burschenshaft, anglicky student society,
sorority či fraternity. sorority či fraternity.
@ -210,7 +211,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Přečti si pravidla spolkovky</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Přečti si pravidla spolkovky</b></h6>
<p> <p>
Asi víš, že máte přístup do spolkovky. Nese to s sebou spoustu benefitů, ale i povinností, Asi víš, že máte přístup do spolkovky. Nese to s sebou spoustu benefitů, ale i povinností,
tak si přečti více o jejím fungování v sekci <a href="/predseda">Předseda spolku</a>. přečti si více o jejím fungování v sekci <a href="/predseda">Předseda spolku</a>.
</p> </p>
</div> </div>
</div> </div>
@ -222,7 +223,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <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, 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 v 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>. <a href="/predseda">Předseda spolku</a>.
</p> </p>
</div> </div>
@ -234,9 +235,9 @@
<span>9.</span> <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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nastav si fungování týmu</b></h6>
<p> <p>
V tvém nejbližším okolí bude tým lidí, nejčastěji se nazývají Rada, 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 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áplň práce, tak se neboj jim rozdělit úkoly nebo co je vlastně jejich náplňí práce, neboj se
kontaktovat ostatní spolky, které podle tebe fungují dobře. Určitě už kontaktovat ostatní spolky, které podle tebe fungují dobře. Určitě už
někdy řešili podobný problém jako teď ty. někdy řešili podobný problém jako teď ty.
</p> </p>
@ -253,7 +254,7 @@
<span>11.</span> <span>11.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>SWOT</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>SWOT</b></h6>
<p> <p>
Osobně hodně doporučujeme udělat si základní SWOT analýzu, která ti poradí, jak na tom spolek 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: 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> </p>
<ol style="margin-left: 0; padding-left:0; margin-top: 2vh"> <ol style="margin-left: 0; padding-left:0; margin-top: 2vh">
@ -270,7 +271,7 @@
<span>12.</span> <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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nezapomeň se koukat i k sobě</b></h6>
<p> <p>
Zjisti si, jestli máte sami např. někde na disku vlastní návody, infografiky, seznamy toho, jak 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. fungují některé procesy ve spolku nebo třeba kde co najít.
</p> </p>
</div> </div>
@ -282,8 +283,8 @@
<span>13.</span> <span>13.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neboj se zeptat!</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neboj se zeptat!</b></h6>
<p> <p>
Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, měsíc nebo půl roku zjistíš, 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 objevilo něco, čemu nerozumíš. Neboj se kontaktovat bývalého předsedu, někoho z jiného spolku nebo ž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! z fakulty a prostě se zeptej!
</p> </p>
</div> </div>
@ -298,7 +299,7 @@
Jaké to bylo být předsedou? Jaké to bylo být předsedou?
</h5> </h5>
<h5 style="padding-left: 4vw; margin-top:0" class="text-primary"> <h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
O tom ti poví Verča. O tom ti poví Veru.
<h5> <h5>
</div> </div>
<div class="col-5"> <div class="col-5">
@ -306,7 +307,7 @@
<source src="/video/10_veru.mp4" type="video/webm"> <source src="/video/10_veru.mp4" type="video/webm">
Your browser does not support video. Your browser does not support video.
</video> </video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Müllerová, bývalá předsedkyně spolku Agora</h6> <h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Müllerová, bývalá předsedkyně Studentského spolku Agora</h6>
</div> </div>
</section> </section>
<section class="row margin-5vh"> <section class="row margin-5vh">
@ -314,7 +315,7 @@
<div class="col-5 bg-circle" style="background-position: top center"> <div class="col-5 bg-circle" style="background-position: top center">
<h4 id="neformalni">Přebírám neformální spolek</h4> <h4 id="neformalni">Přebírám neformální spolek</h4>
<hr class="thing-hr"> <hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify"> <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ý. 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. Nejdůležitější je nahlásit fakultě změnu předsedy.
</p> </p>
@ -337,16 +338,16 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Seznam se s terminologií</b></h6> <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"> <ol style="list-style-type: alpha; margin-left:0; padding-left:0">
<li style="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Čem (je zapsaný na soudu) a oficiálně volenými <b>Formální spolek </b>(formál) je spolek s IČ (je zapsaný na soudu) a oficiálně volenými
orgány - tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní 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>, 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> <a href="http://drosophila.cz" target="_blank">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz" target="_blank">Emil</a>
<br> <br>
</li> </li>
<li style="margin-left: 0; padding-left: 0"> <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, <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í na soudě) a ani žádné oficiální 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.). orgány (neoficiálně si může určovat radu, stařešiny atp.).
Neformální spolky u nás na Neformální spolky u nás na
fakultě jsou: <a href="https://www.facebook.com/spolekCult/" target="_blank">CULT</a>, 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://www.facebook.com/LaVieBohemePedFUK/" target="_blank">La Vie Bohème</a> a
@ -408,7 +409,8 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<p> <p>
Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
- 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> a &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čí nebo téměř na každé větší univerzitě v republice. V zahraničí
hledej německy Verbindung či Burschenshaft, anglicky student society, hledej německy Verbindung či Burschenshaft, anglicky student society,
sorority či fraternity. sorority či fraternity.
@ -424,7 +426,7 @@
<p> <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 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 tři týdny, přes
jednoduchý formulář <a href="https://akce.pedf.cuni.cz" target="_blank">akce.pedf.cuni.cz</a>. Více v 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>. <a href="/predseda">Předseda spolku</a>.
</p> </p>
</div> </div>
@ -440,7 +442,7 @@
<span>7.</span> <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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nezapomeň se koukat i k sobě</b></h6>
<p> <p>
Zjisti si, jestli máte sami např. někde na disku vlastní návody, infografiky, seznamy toho, 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. jak fungují některé procesy ve spolku nebo třeba kde co najít.
</p> </p>
</div> </div>
@ -452,8 +454,8 @@
<span>8.</span> <span>8.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neboj se zeptat!</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neboj se zeptat!</b></h6>
<p> <p>
Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, 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 objevilo něco, čemu nerozumíš. Neboj se 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 kontaktovat bývalého předsedu, někoho z jiného spolku nebo z fakulty a
prostě se zeptej! prostě se zeptej!
</p> </p>

94
src/routes/predseda.svelte
Unescape Escape View File

@ -80,8 +80,8 @@
<div class="col-4 bg-circle" id="vyrocni-zprava"> <div class="col-4 bg-circle" id="vyrocni-zprava">
<h3>Výroční zpráva</h3> <h3>Výroční zpráva</h3>
<hr class="thing-hr"> <hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.8); margin-top: 5vh; text-align: justify">
Výroční zpráva se posílá na Oddělení pro vnější vztahy (OVV) a Veronice Laufkové, jako ohlédnutí za působením spolku, a to do 30. dubna každého roku. Výroční zpráva se posílá na Oddělení vnějších vztahů (OVV) a Veronice Laufkové, jako ohlédnutí za působením spolku, a to do 30. dubna každého roku.
</p> </p>
</div> </div>
</section> </section>
@ -89,10 +89,10 @@
<section class="col-1 hide-xs hide-sm"></section> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 flexy-boi"> <div class="col-5 flexy-boi">
<h5 style="margin-bottom: 0; margin-left: -14vw"> <h5 style="margin-bottom: 0; margin-left: -14vw">
A jak na ní? A jak na ni?
</h5> </h5>
<h5 style="padding-left: 4vw; margin-top:0" class="text-primary"> <h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
To ti řekne Nela To ti řekne Nela.
<h5> <h5>
</div> </div>
<div class="col-5"> <div class="col-5">
@ -108,7 +108,7 @@
<div class="col-3 side-line" style="line-height: 1"> <div class="col-3 side-line" style="line-height: 1">
<div> <div>
<h6 style="margin-bottom: 0"><b>Hlavní body,</b></h6> <h6 style="margin-bottom: 0"><b>Hlavní body,</b></h6>
<p style="margin-top: 2vh; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7)">které nesmí chybět:</p> <p style="margin-top: 2vh; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.8)">které nesmí chybět:</p>
<div> <div>
</div> </div>
</section> </section>
@ -120,7 +120,7 @@
<span>1.</span> <span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Statutární orgán a členové výkonného orgánu</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Statutární orgán a členové výkonného orgánu</b></h6>
<p> <p>
Hlavní úlohou této části je představit radu spolku za dané období a zároveň také Hlavní úlohou této části je představit radu spolku za dané období a zároveň
volební, kontrolní či jinou komisi (pokud ji spolek má), která celý rok volební, kontrolní či jinou komisi (pokud ji spolek má), která celý rok
fungovala s radou. fungovala s radou.
</p> </p>
@ -132,7 +132,7 @@
<div class="down"> <div class="down">
<span>2.</span> <span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Celkový počet členů</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Celkový počet členů</b></h6>
<p>Kolik členů má spolek? Kolik z nich nově přišlo do spolku a nebo kdo se stal čestným členem?</p> <p>Kolik členů má spolek? Kolik z nich nově přišlo do spolku nebo kdo se stal čestným členem?</p>
</div> </div>
</div> </div>
</div> </div>
@ -144,7 +144,7 @@
<p> <p>
V téhle části se můžou vyžít milovníci grafů a udělat stručný přehled toho, V téhle části se můžou vyžít milovníci grafů a udělat stručný přehled toho,
kolik % členů je ve kterém ročníku studia nebo třeba jaké je procentuální kolik % členů je ve kterém ročníku studia nebo třeba jaké je procentuální
zastoupení aktivních absolventů. Zároveň je důležité udělat v jiném grafu zastoupení aktivních absolventů. Zároveň je důležité udělat v dalším grafu
přehled toho, jakou kombinaci studují. přehled toho, jakou kombinaci studují.
</p> </p>
</div> </div>
@ -159,7 +159,7 @@
<div class="down"> <div class="down">
<span>4.</span> <span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Souhrn činností za minulý kalendářní rok</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Souhrn činností za minulý kalendářní rok</b></h6>
<p>Jaké akce tvůj spolek za celý kalendářní rok udělal? O čem to bylo a kdo se na nich podílel?</p> <p>Jaké akce tvůj spolek za celý kalendářní rok uspořádal? O čem byly a kdo se na nich podílel?</p>
</div> </div>
</div> </div>
</div> </div>
@ -167,7 +167,7 @@
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
<span>5.</span> <span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Reflexe - ohlédnutí za minulým rokem</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Reflexe &ndash; ohlédnutí za minulým rokem</b></h6>
<p>Jak si tvůj spolek v minulém roce vedl?</p> <p>Jak si tvůj spolek v minulém roce vedl?</p>
</div> </div>
</div> </div>
@ -195,7 +195,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Hospodaření spolku</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Hospodaření spolku</b></h6>
<p> <p>
Odkud bere spolek peníze a za co je utrácí? Stačí rozepsat, Odkud bere spolek peníze a za co je utrácí? Stačí rozepsat,
do jakých odvětví je spolek investuje (např. akce, PR, …) do jakých odvětví je spolek investuje (např. akce, PR…).
</p> </p>
</div> </div>
</div> </div>
@ -209,26 +209,28 @@
<div class="col-5 bg-square" id="spolkova-mistnost" style="padding-right: 3vw"> <div class="col-5 bg-square" id="spolkova-mistnost" style="padding-right: 3vw">
<h3>Spolková místnost</h3> <h3>Spolková místnost</h3>
<hr class="thing-hr"> <hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.8); margin-top: 5vh; text-align: justify">
Každý formální spolek má nárok na přístup do spolkové místnosti, která se označuje S104 a nachází se v budově hned vedle hlavní budovy v Rettigově 4. Jinak se jí taky říká spolkovka nebo esko. Je to příjemně zařízená místnost s velkým stolem, židlemi, pódiem na sezení a úložnými prostory. Každý formální spolek má nárok na přístup do spolkové místnosti, která s označením S104 a nachází
se v budově hned vedle hlavní budovy v Rettigově 4. Jinak se jí taky říká „spolkovka“ nebo „esko“.
Je to příjemně zařízená místnost s velkým stolem, židlemi, pódiem na sezení a úložnými prostory.
Využívat spolkovku můžou všichni členové spolku a má spoustu výhod. Mimo jiné: Využívat spolkovku můžou všichni členové spolku a má spoustu výhod. Mimo jiné:
</p> </p>
<ul style="font-size: calc(var(--font-size) / 1.7)"> <ul style="font-size: calc(var(--font-size) / 1.8)">
<li>můžeš používat tiskárnu a spolkový počítač</li> <li>můžeš používat tiskárnu a spolkový počítač</li>
<li>dají se zde pořádat spolkové schůzky nebo třeba přečkat čas mezi přednáškami (pokud je ve spolkovce volno)</li> <li>dají se zde pořádat spolkové schůzky nebo třeba přečkat čas mezi přednáškami (pokud je tu volno)</li>
<li>máš zde k dispozici základní kancelářské potřeby</li> <li>máš zde k dispozici základní kancelářské potřeby</li>
<li>máš úložné prostory vyhrazené pro spolkové věci, takže je nemusíš skladovat u nikoho doma</li> <li>máš úložné prostory vyhrazené pro spolkové věci, takže je nemusíš skladovat u nikoho doma</li>
<li>na patře je kuchyňka, takže není problém si v ní ohřát oběd. Nezapomeň si vlastní příbory a pokud si něco půjčíš, tak to vrať.</li> <li>na patře je kuchyňka, takže není problém si tu ohřát oběd. Nezapomeň si vlastní příbory a pokud si něco půjčíš, vrať to.</li>
</ul> </ul>
</div> </div>
<div class="col-5" style="padding-left: 3vw"> <div class="col-5" style="padding-left: 3vw">
<h3>Google kalendář</h3> <h3>Google kalendář</h3>
<hr class="thing-hr"> <hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.8); margin-top: 5vh; text-align: justify">
Všechny spolky i SORky mají společný Google kalendář, kam se mimo jiné zapisují akce jako schůze spolku nebo rady, Všechny spolky i SOR mají společný Google kalendář, kam se, mimo jiné, zapisují akce jako jsou schůze spolku nebo rady,
pro které potřebuje spolek esko pro sebe. Funguje to jednoduše - v požadovaném čase vytvoříš událost a nazveš ji pro které potřebuje spolek místnost pro sebe. Funguje to jednoduše &ndash; v požadovaném čase vytvoříš událost a nazveš ji
Spolek - akce (S104). Takže např. Emil - rada (S104). Spolek &ndash; akce (S104). Takže např. Emil &ndash; rada (S104).
</p> </p>
</div> </div>
</section> </section>
@ -242,26 +244,26 @@
<h6 style="margin-bottom: 0"><b>Základní předpisy, kterými se spolky řídí</b></h6> <h6 style="margin-bottom: 0"><b>Základní předpisy, kterými se spolky řídí</b></h6>
</div> </div>
</div> </div>
<ul style="font-size: calc(var(--font-size) / 1.7);"> <ul style="font-size: calc(var(--font-size) / 1.8);">
<li>udržovat ve spolkovce pořádek</li> <li>udržovat ve spolkovce pořádek</li>
<li>nahlásit a opravit jakoukoliv škodu, která byla způsobena</li> <li>nahlásit a opravit jakoukoliv škodu, která byla způsobena</li>
<li>zamykat dveře</li> <li>zamykat dveře</li>
<li>zapisovat všechny větší akce do kalendáře (viz. výše)</li> <li>zapisovat všechny větší akce do kalendáře (viz výše)</li>
<li>každý spolek má povinnost zvolit jednoho zástupce, který bude komunikovat s ostatními zástupci a tím se z něj stane správce spolkovky</li> <li>zvolit jednoho zástupce, který bude komunikovat s ostatními zástupci, a tím se z něj stane správce spolkovky</li>
</ul> </ul>
<div class="side-line"> <div class="side-line">
<h6 style="margin-bottom: 0"><b>Povinnnosti správce spolkovky</b></h6> <h6 style="margin-bottom: 0"><b>Povinnosti správce spolkovky</b></h6>
</div> </div>
<ul style="font-size: calc(var(--font-size) / 1.7);"> <ul style="font-size: calc(var(--font-size) / 1.8);">
<li>předávat informace dál do spolku</li> <li>předávat informace dál do spolku,</li>
<li>bude mít přehled o majetku spolku v esku</li> <li>mít přehled o majetku spolku v esku,</li>
<li>směny na úklid (střídání po 14 dnech) - jsou vyvěšené v esku</li> <li>vytvořit úklidové směny (střídání po 14 dnech) &ndash; jsou vyvěšené v esku,</li>
<li>měsíční směny – koncem měsíce se perou deky, polštáře a luxuje podium</li> <li>dodržovat měsíční směny – koncem měsíce se perou deky, polštáře a luxuje podium,</li>
<li>při celofakultních akcích uklízí všichni správci, při velkých akcích jednoho spolku odpovídá za úklid správce spolku sám</li> <li>při celofakultních akcích uklízí všichni správci, při velkých akcích jednoho spolku odpovídá za úklid správce spolku sám,</li>
<li>ví, kde jsou baterky a nabíječka k zámku, a hlavně jak funguje</li> <li>vědět, kde jsou baterky a nabíječka k zámku, a hlavně jak funguje,</li>
</ul> </ul>
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.8); margin-top: 5vh; text-align: justify">
Jelikož přístup do spolkovky nefunguje na klíč, ale přes bluetooth a mobilní Jelikož přístup do spolkovky nefunguje na klíč, ale přes mobilní
aplikaci Danalock (stáhneš na Google Play nebo App Storu), je nutné ji mít aplikaci Danalock (stáhneš na Google Play nebo App Storu), je nutné ji mít
nainstalovanou v telefonu. U nově vzniklých spolků musí předseda požádat o nainstalovanou v telefonu. U nově vzniklých spolků musí předseda požádat o
přihlašovací údaje tajemníka spolku Agora a ty pak předá dalším členům. přihlašovací údaje tajemníka spolku Agora a ty pak předá dalším členům.
@ -271,26 +273,26 @@
</section> </section>
<section class="row margin-5vh"> <section class="row margin-5vh">
<section class="col-1 hide-xs hide-sm"></section> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5" style="font-size: calc(var(--font-size) / 1.7); padding-right: 4vw"> <div class="col-5" style="font-size: calc(var(--font-size) / 1.8); padding-right: 4vw">
<h3 style="font-size: 2.5em" id="akce">Akce a nahlašování akcí</h3> <h3 style="font-size: 2.5em" id="akce">Akce a nahlašování akcí</h3>
<hr class="thing-hr"> <hr class="thing-hr">
<p style="margin-top: 5vh"> <p style="margin-top: 5vh">
Pokud ses rozhodl uspořádat akci na fakultě, tak pamatuj, že musí být vždy nahlášena přes Pokud se rozhodneš uspořádat akci na fakultě, pamatuj, že musí být vždy nahlášena přes
jednoduchý formulář <a href="https://akce.pedf.cuni.cz" target="_blank">akce.pedf.cuni.cz</a>. jednoduchý formulář <a href="https://akce.pedf.cuni.cz" target="_blank">akce.pedf.cuni.cz</a>.
<br><br> <br><br>
Pokud je to akce malá nebo jen na krátko a potřebuješ společný prostor, Pokud je to akce malá, nebo jen na krátko a potřebuješ společný prostor,
tak stačí vyplnit formulář týden předem. Ve formuláři můžeš požádat např. o stoly, stačí vyplnit formulář týden předem. Ve formuláři můžeš požádat např. o stoly,
židle, zapnutí techniky nebo třeba propagaci na sockách. Za nájem prostor na fakultě židle, zapnutí techniky nebo třeba propagaci na sockách. Za pronájem prostor na fakultě
formální spolek nezaplatí ani korunu. formální spolek nezaplatí ani korunu.
<br><br> <br><br>
Velké akce a akce přesahující otevírací dobu vrátnice je potřeba začít Velké akce a akce přesahující otevírací dobu vrátnice je potřeba začít
řešit už tři týdny předem s OVV, a to také přes zmíněný formulář. řešit už tři týdny předem s OVV, a to také přes zmíněný formulář.
<br><br> <br><br>
Všechny spolky i SORky mají společný Google kalendář, kam se zapisují Všechny spolky i SOR mají společný Google kalendář, kam se zapisují
všechny akce, které spolek pořádá. Funguje to úplně stejně jako u rezervování spolkovky - v požadovaném čase vytvoříš všechny akce, které spolek pořádá. Funguje to úplně stejně jako u rezervování spolkovky &ndash v požadovaném čase vytvoříš
událost a nazveš ji Spolek - akce, zadáš kde se akce koná (místnost na fakultě, kavárna, …) událost a nazveš ji „Název Spolku – akce“, zadáš, kde se akce koná (místnost na fakultě, kavárna…)
a do popisu dáš odkaz na fb událost. Takže např. Drosophila - BIOgraf: Pelíšky, 10.12. 19:00-22:30, a do popisu dáš odkaz na FB událost. Takže např. Drosophila &ndash BIOgraf: Pelíšky, 10.12. 19:00-22:30,
Bistro Café Therapy, fb událost. Bistro Café Therapy, FB událost.
<br><br> <br><br>
Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady v článku VII.</a> Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady v článku VII.</a>
</p> </p>
@ -304,10 +306,10 @@
<div class="col-5 bg-square" style="background-position: top center" id="odkazy"> <div class="col-5 bg-square" style="background-position: top center" id="odkazy">
<h4>Odkazy a inspirace</h4> <h4>Odkazy a inspirace</h4>
<hr class="thing-hr"> <hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.8); margin-top: 5vh; text-align: justify">
<a href="https://cuni.cz/UK-8518.html">Tady</a> najdeš spolky, které působí na UK. <a href="https://cuni.cz/UK-8518.html">Tady</a> najdeš spolky, které působí na UK.
<br><br> <br><br>
Kurzy na různé dovednosti můžeš najít <a href="https://www.naucmese.cz" target="_blank">zde</a> a nebo Kurzy na různé dovednosti můžeš najít <a href="https://www.naucmese.cz" target="_blank">tady</a> a
<a href="https://www.acsa.cz" target="_blank">tady.</a> <a href="https://www.acsa.cz" target="_blank">tady.</a>
</p> </p>
<h5 id="dalsi">A co ti radí předsedové našich formálních spolků?</h5> <h5 id="dalsi">A co ti radí předsedové našich formálních spolků?</h5>
@ -327,7 +329,7 @@
<source src="/video/5_lenka.mp4" type="video/mp4"> <source src="/video/5_lenka.mp4" type="video/mp4">
Your browser does not support video. Your browser does not support video.
</video> </video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6> <h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně Studentského spolku Agora</h6>
</div> </div>
<div class="mySlides fade"> <div class="mySlides fade">

65
src/routes/zalozit-spolek.svelte
Unescape Escape View File

@ -64,15 +64,15 @@
<h1 style="margin-bottom: 5vh">Chci založit spolek</h1> <h1 style="margin-bottom: 5vh">Chci založit spolek</h1>
<hr class="thing-hr"> <hr class="thing-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Na fakultě se snažíme podporovat vznik nových studentských spolků jak nejvíc to jde, Na fakultě se snažíme podporovat vznik nových studentských spolků, jak nejvíc to jde,
proto jsme vytvořitly tyto webovky, aby ti usnadnily se ve všem zorientovat. proto jsme vytvořili tyto webovky, aby ti usnadnily se zorientovat.
Už sis něco pročetl a zjistil jsi, že žádný spolek se ani neblíží tomu, 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 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><br> formálním a neformálním spolkem, a pak vzhůru na to!<br><br>
Připravili jsme také <a href="/akcelerator">spolkový akcelerátor</a>, Připravili jsme také <a href="/akcelerator">spolkový akcelerátor</a>,
v rámci kterého tě současní a bývalí členové spolků osobně provedou vším, v rámci kterého tě současní a bývalí členové spolků osobně provedou vším,
co bys k založení spolku potřeboval. co budeš k založení spolku potřebovat.
</h6> </h6>
<ZjistiBtn/> <ZjistiBtn/>
</div> </div>
@ -84,11 +84,11 @@
<section class="col-6 bg-square bg-center"> <section class="col-6 bg-square bg-center">
<h2 style="margin-bottom: 1vh" id="formalni">Formální spolek</h2> <h2 style="margin-bottom: 1vh" id="formalni">Formální spolek</h2>
<hr class="thing-hr" style="margin-bottom: 5vh; "> <hr class="thing-hr" style="margin-bottom: 5vh; ">
<p style="font-size: calc(var(--font-size) / 1.7);"> <p style="font-size: calc(var(--font-size) / 1.8);">
Hodí se pro větší (nebo zamýšlené jako větší) spolky. 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. Výhodou je 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ň 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 se musíš oficiálně přihlásit k soudu a vést účetnictví. Se vším ti však pomůžeme.
</p> </p>
</section> </section>
</section> </section>
@ -98,7 +98,7 @@
<div class="side-line" id="formalni-info"> <div class="side-line" id="formalni-info">
<h5 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h5> <h5 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h5>
</div> </div>
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 2vh"> <p style="font-size: calc(var(--font-size) / 1.8); margin-top: 2vh">
Tady je to už trochu složitější, ale neboj se, zas tak hrozné to není Tady je to už trochu složitější, ale neboj se, zas tak hrozné to není
</p> </p>
</div> </div>
@ -118,7 +118,7 @@
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
<span>2.</span> <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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Je třeba sepsat stanovy</b></h6>
<p> <p>
<a href="https://drive.google.com/file/d/1ie3rxcpAcsY-OtzDxiZGqgqWJhoaj9gW/view" target="_blank">Takhle</a> je má Agora, <a href="https://drive.google.com/file/d/1ie3rxcpAcsY-OtzDxiZGqgqWJhoaj9gW/view" target="_blank">Takhle</a> je má Agora,
<a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=53001499&subjektId=918043&spis=1008310" target="_blank">takhle</a> Drosophila a <a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=53001499&subjektId=918043&spis=1008310" target="_blank">takhle</a> Drosophila a
@ -170,16 +170,16 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Základní předpisy</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Základní předpisy</b></h6>
<ol style="list-style-type: lower-alpha; margin-left: 0; padding-left: 0"> <ol style="list-style-type: lower-alpha; margin-left: 0; padding-left: 0">
<li style="margin-left: 0; padding-left: 0;"> <li style="margin-left: 0; padding-left: 0;">
Musíš být zapsán ve veřejném rejstříku spolků Musíš být zapsán ve veřejném rejstříku spolků,
</li> </li>
<li style="margin-left: 0; padding-left: 0;"> <li style="margin-left: 0; padding-left: 0;">
Musíš být zapsán v celouniverzitním rejstříku studentských spolků musíš být zapsán v celouniverzitním rejstříku studentských spolků,
</li> </li>
<li style="margin-left: 0; padding-left: 0;"> <li style="margin-left: 0; padding-left: 0;">
Většina členů musí být studenty nebo absolventy PedF UK většina členů musí být studenty nebo absolventy PedF UK,
</li> </li>
<li style="margin-left: 0; padding-left: 0;"> <li style="margin-left: 0; padding-left: 0;">
Jednající osobou je vždy statutární orgán jednající osobou je vždy statutární orgán.
</li> </li>
</ol> </ol>
</div> </div>
@ -222,24 +222,24 @@
<div class="side-line" style="margin-bottom: 1vh" id="mluvci"> <div class="side-line" style="margin-bottom: 1vh" id="mluvci">
<h6 style="margin-bottom: 0"><b>Jak na stanovy podrobně</b></h6> <h6 style="margin-bottom: 0"><b>Jak na stanovy podrobně</b></h6>
</div> </div>
<ul style="list-style-type: alphanum; margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <ul style="list-style-type: alphanum; margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
<li> <li>
Ve stanovách je nejdůležitější, kdo bude <b>statutární orgán</b> (bude vystupovat za spolek) - Ve stanovách je nejdůležitější, kdo bude <b>statutárním orgánem</b> (bude vystupovat za spolek) &ndash;
jeden nebo dva lidi (předseda a místopředseda). jeden nebo dva lidi (předseda a místopředseda).
</li> </li>
<li> <li>
Je potřeba určit, jak bude vypadat <b>výkonný orgán</b> - většinou označován jako “Rada”, Je potřeba určit, jak bude vypadat <b>výkonný orgán</b> &ndash; většinou označován jako „Rada”,
který spolek řídí. Je možné také určit kontrolní komisi, která bude dohlížet na Radu, který spolek řídí. Je možné také určit kontrolní komisi, která bude dohlížet na radu,
jestli jedná podle stanov. jestli jedná podle stanov.
</li> </li>
<li> <li>
Stejně tak můžeš ukotvit ve stanovách volební komisi, která bude dohlížet na správný průběh Stejně tak můžeš ukotvit ve stanovách volební komisi, která bude dohlížet na správný průběh
voleb. Je nezbytné určit sněm nebo valnou hromadu, čili sdružení všech členů, kteří tvoří <b>nejvyšší orgán</b>. voleb. Je nezbytné určit sněm nebo valnou hromadu čili sdružení všech členů, kteří tvoří <b>nejvyšší orgán</b>.
</li> </li>
<li> <li>
Důležité je vybalancovat pravomoci mezi těmito všemi orgány, aby se nestalo, že Důležité je vybalancovat pravomoci mezi těmito všemi orgány, aby se nestalo, že
jeden paralyzuje ten druhý, ale aby neměl ani jeden větší moc (můžeš si víc najít jeden paralyzuje ten druhý, ale aby neměl ani jeden větší moc (můžeš si víc najít
pod pojmem “checks and balances”). pod pojmem „checks and balances”).
</li> </li>
<li> <li>
Neopomenutelnou záležitostí jsou již zmiňované volby. Je potřeba: Neopomenutelnou záležitostí jsou již zmiňované volby. Je potřeba:
@ -249,7 +249,7 @@
<li>Jak dlouhé bude jejich funkční období</li> <li>Jak dlouhé bude jejich funkční období</li>
<li>Jak se volby svolávají (kolik dní předem, písemně nebo e-mailem, kdo je svolává a podobně).</li> <li>Jak se volby svolávají (kolik dní předem, písemně nebo e-mailem, kdo je svolává a podobně).</li>
</ol> </ol>
<li>A nezapomeň na věci jako je název spolku, jeho účel a sídlo.</li> <li>A nezapomeň na náležitosti jako je název spolku, jeho účel a sídlo.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -259,18 +259,18 @@
<div class="side-line" style="margin-bottom: 1vh" id="mluvci"> <div class="side-line" style="margin-bottom: 1vh" id="mluvci">
<h6 style="margin-bottom: 0" id="zakladni-prava"><b>Základní práva a povinnosti spolku</b></h6> <h6 style="margin-bottom: 0" id="zakladni-prava"><b>Základní práva a povinnosti spolku</b></h6>
</div> </div>
<ul class="spaced-ul" style="list-style-type: alphanum; margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <ul class="spaced-ul" style="list-style-type: alphanum; margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
<li> <li>
Musíš do 30. 4. odevzdat výroční zprávu. Více o výroční zprávě najdeš v sekci <a href="/predseda#vyrocni-zprava">Výroční zpráva</a>. Musíš do 30. 4. odevzdat výroční zprávu. Více o výroční zprávě najdeš v sekci <a href="/predseda#vyrocni-zprava">Výroční zpráva</a>.
</li> </li>
<li> <li>
Po vyzvání vedením se musíš aktivně účastnit vybraných fakultních akcí (DOD, předstudijní soustředění a podobně). Po vyzvání vedením se musíš aktivně účastnit vybraných fakultních akcí (DOD, předstudijní soustředění apod.).
</li> </li>
<li> <li>
Veškeré poskytnuté prostory musíš udržovat v pořádku a čistotě (to platí i o spolkovce). Veškeré poskytnuté prostory musíš udržovat v pořádku a čistotě (to platí i o spolkovce).
</li> </li>
<li> <li>
Je potřeba se řídit pravidly pořádání akcí. Musíš se řídit pravidly pořádání akcí.
</li> </li>
<li> <li>
Můžeš si umístit své sídlo v budovách PedF UK. Můžeš si umístit své sídlo v budovách PedF UK.
@ -279,7 +279,7 @@
Můžeš žádat o finanční podporu na svou činnost. Můžeš žádat o finanční podporu na svou činnost.
</li> </li>
<li> <li>
Máš přístup do spolkovky. Můžeš využívat spolkovku.
</li> </li>
<li> <li>
Můžeš si rezervovat učebny pro akce a jiné spolkové aktivity. Můžeš si rezervovat učebny pro akce a jiné spolkové aktivity.
@ -288,7 +288,7 @@
Dostaneš prostor pro spolkový web na fakultním serveru. Dostaneš prostor pro spolkový web na fakultním serveru.
</li> </li>
<li> <li>
Možnost propagace na oficiální webu PedF UK. Můžeš si propagovat spolek na oficiální webu PedF UK.
</li> </li>
</ul> </ul>
</div> </div>
@ -300,8 +300,8 @@
<section class="col bg-circle bg-center bg-auto" id="neformalni"> <section class="col bg-circle bg-center bg-auto" id="neformalni">
<h3 style="margin-bottom: 1vh">Neformální spolek</h3> <h3 style="margin-bottom: 1vh">Neformální spolek</h3>
<hr class="thing-hr" style="margin-bottom: 5vh; "> <hr class="thing-hr" style="margin-bottom: 5vh; ">
<p style="font-size: calc(var(--font-size) / 1.7); margin-right: 15vw"> <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. Hodí se pro partu lidí, kterou spojují společné zájmy a koníčky, jako například divadlo.
Nemusí mít sice žádné volby a orgány, ale má zase menší rozpočet a ve chvíli, kdy se začne rozrůstat, Nemusí mít sice žádné volby a orgány, ale má zase menší rozpočet a ve chvíli, kdy se začne rozrůstat,
je těžší jej řídit. je těžší jej řídit.
</p> </p>
@ -368,7 +368,8 @@
<span>5.</span> <span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Výroční zpráva</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Výroční zpráva</b></h6>
<p> <p>
Taky musíš odevzdávat výroční zpávu jako spolek formální a to vždy do 30. 4., formulář k tomu najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_4_vyrocni_zprava.pdf" target="_blank">tady</a>. Taky musíš odevzdávat výroční zpávu, a to vždy do 30. 4., formulář
k tomu najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_4_vyrocni_zprava.pdf" target="_blank">tady</a>.
</p> </p>
</div> </div>
</div> </div>
@ -379,10 +380,10 @@
<section class="row"> <section class="row">
<section class="col-1 hide-xs hide-sm"></section> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<p style="font-size: calc(var(--font-size) / 1.7)"> <p style="font-size: calc(var(--font-size) / 1.8)">
Pozor: funkční období spolku je vždy do konce daného akademického roku, takže jej musíš registrovat každý rok. Pozor! Funkční období spolku je vždy do konce daného akademického roku, takže jej musíš registrovat každý rok.
</p> </p>
<p style="font-size: calc(var(--font-size) / 1.7)"> <p style="font-size: calc(var(--font-size) / 1.8)">
Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady</a> v článku VIII. <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady</a> v článku VIII.
</p> </p>

36
src/routes/zapojit-se.svelte
Unescape Escape View File

@ -62,7 +62,7 @@
<h1 style="margin-bottom: 5vh">Chci se zapojit</h1> <h1 style="margin-bottom: 5vh">Chci se zapojit</h1>
<hr class="thing-hr"> <hr class="thing-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Určitě ti neuniklo, že na fakultě máme nějaké spolky a SORky. Víš ale co je co, a jak to funguje? Určitě ti neuniklo, že na fakultě máme nějaké spolky a SOR. Víš ale co je co, a jak to funguje?
Tady ti vysvětlíme, o co že to vlastně jde, proč je dobré toho být součástí, a jak a kam se můžeš zapojit. Tady ti vysvětlíme, o co že to vlastně jde, proč je dobré toho být součástí, a jak a kam se můžeš zapojit.
</h6> </h6>
<ZjistiBtn/> <ZjistiBtn/>
@ -77,9 +77,9 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 2vh"><b>Co jsou vlastně studentské organizace?</b></h6> <h6 style="margin-bottom: 2vh"><b>Co jsou vlastně studentské organizace?</b></h6>
</div> </div>
<p style="margin-top:1vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:1vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Studentská organizace, jak již napovídá sám název, je uskupení studentů, Studentská organizace, jak už napovídá sám název, je uskupení studentů,
které přispívá k lepšímu životu na fakultě. Na fakultě jsou studentské organizace které přispívá k lepšímu životu na fakultě. Ty jsou
podporované vedením a máme jich celou řadu, takže si na své přijde každý. podporované vedením a máme jich celou řadu, takže si na své přijde každý.
A pokud by někomu náhodou nabídka nestačila, může si založit vlastní spolek. A pokud by někomu náhodou nabídka nestačila, může si založit vlastní spolek.
Jak na to najdeš v sekci <a href="/zalozit-spolek">Chci založit spolek</a>. Jak na to najdeš v sekci <a href="/zalozit-spolek">Chci založit spolek</a>.
@ -91,10 +91,10 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 2vh"><b>Proč bych se měl do toho pouštět?</b></h6> <h6 style="margin-bottom: 2vh"><b>Proč bych se měl do toho pouštět?</b></h6>
</div> </div>
<p style="margin-top:1vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:1vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Studentské organizace nabízí mnoho benefitů, které nemusí být na první pohled vidět. Studentské organizace nabízí mnoho benefitů, které nemusí být na první pohled vidět.
Seznámíš s novými lidmi a ruku na srdce, když na fakultě potkáváš známé tváře, tak Seznámíš se s novými lidmi a ruku na srdce, když na fakultě potkáváš známé tváře,
se tam najednou chodí o trochu líp. Být členem spolku je využití volného času, které najednou se tam chodí o trochu líp. Být členem spolku je využití volného času, které
ti něco dá. Je sice super sledovat doma v posteli Netflix, ale to tě nenaučí, jak uspořádat ti něco dá. Je sice super sledovat doma v posteli Netflix, ale to tě nenaučí, jak uspořádat
přednášku pro 300 lidí, pracovat v týmu nebo jak na sociální sítě. Tak se neboj a pojď si najít to svoje! přednášku pro 300 lidí, pracovat v týmu nebo jak na sociální sítě. Tak se neboj a pojď si najít to svoje!
</p> </p>
@ -113,11 +113,11 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>Formální spolek</b></h6> <h6 style="margin-bottom: 0"><b>Formální spolek</b></h6>
</div> </div>
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Formální spolek se hodí pro větší organizace. Výhodou je hlavně Formální spolek se hodí pro větší organizace. Výhodou je hlavně
větší pořádek díky stanovám a tomu, kdo co vede. Spolky mají obvykle radu, větší pořádek díky stanovám a tomu, kdo co vede. Spolky mají obvykle radu,
komisi a volby do těchto orgánů. Zároveň se musí oficiálně přihlásit k soudu komisi a volby do těchto orgánů. Zároveň se musí oficiálně přihlásit k soudu
a vést si účetnictví. Na fakultě máme tři formální spolky: Agora, a vést si účetnictví. Na fakultě máme tři formální spolky: Studentský spolek Agora,
Drosophila a Pedagogický spolek Emil. Drosophila a Pedagogický spolek Emil.
</p> </p>
</div> </div>
@ -125,11 +125,11 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>SOR</b></h6> <h6 style="margin-bottom: 0"><b>SOR</b></h6>
</div> </div>
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Studentské oborové rady (SOR) vznikají za účelem zastupování zájmů studentů Studentské oborové rady (SOR) vznikají za účelem zastupování zájmů studentů
daného studijního oboru. SORky pravidelně komunikují s katedrou, řeší daného studijního oboru. SOR pravidelně komunikují s katedrou, řeší
problémy a předávají zpětnou vazbu za účelem zkvalitňování výuky a problémy a předávají zpětnou vazbu za účelem zkvalitňování výuky a
atmosféry na katedře. SOR má svého mluvčího a nejlépe by její členové atmosféry na katedře. SOR má svého mluvčího a ideálně by její členové
měli být z různých ročníků studia, aby si dokázali předávat informace z první ruky. měli být z různých ročníků studia, aby si dokázali předávat informace z první ruky.
</p> </p>
</div> </div>
@ -137,10 +137,10 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>Univerzitní spolek</b></h6> <h6 style="margin-bottom: 0"><b>Univerzitní spolek</b></h6>
</div> </div>
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Univerzitní spolek sdružuje studenty, absolventy i kantory se společnými zájmy Univerzitní spolek sdružuje studenty, absolventy i kantory se společnými zájmy
a cíli z celé univerzity. Takovým spolkem je např. Charlie, který se definuje a cíli z celé univerzity. Takovým spolkem je např. Charlie, který se definuje
jako “Queer sdružení UK” nebo Univerzitní křesťanské hnutí, jako „Queer sdružení UK” nebo Univerzitní křesťanské hnutí,
které můžeš často potkat i na akcích fakulty. které můžeš často potkat i na akcích fakulty.
</p> </p>
</div> </div>
@ -150,10 +150,10 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>Neformální spolky</b></h6> <h6 style="margin-bottom: 0"><b>Neformální spolky</b></h6>
</div> </div>
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Neformální spolek je menší a zpravidla se věnuje komornějším věcem, Neformální spolek je menší a zpravidla se věnuje komornějším věcem,
jako například divadelní spolek La Vie Bohème, který každý semestr ve spolupráci s microlabem natáčí jako například divadelní spolek La Vie Bohème, který každý semestr ve spolupráci s microlabem natáčí
vtipné spoty ke studentskému hodnocení nebo třeba spolek CULT při katedře výtvarky, který pořádá otevřené spoty ke studentskému hodnocení výuky nebo třeba spolek CULT při katedře výtvarky, který pořádá otevřené
ateliéry, večerní promítání a spoustu dalších akcí. ateliéry, večerní promítání a spoustu dalších akcí.
</p> </p>
</div> </div>
@ -161,7 +161,7 @@
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>Fakultní spolek</b></h6> <h6 style="margin-bottom: 0"><b>Fakultní spolek</b></h6>
</div> </div>
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Fakultní spolky fungují napříč celou fakultou a bývají větších rozměrů. Na ostatních Fakultní spolky fungují napříč celou fakultou a bývají větších rozměrů. Na ostatních
fakultách je to běžnější způsob fungování spolků, protože jednotlivé katedry nejsou fakultách je to běžnější způsob fungování spolků, protože jednotlivé katedry nejsou
až tak rozdílné jako u nás. Na fakultě v současné době takový spolek nemáme. až tak rozdílné jako u nás. Na fakultě v současné době takový spolek nemáme.
@ -207,7 +207,7 @@
<source src="/video/1_verca_1.mp4" type="video/mp4"> <source src="/video/1_verca_1.mp4" type="video/mp4">
Your browser does not support video. Your browser does not support video.
</video> </video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá místopředsedkyně spolku Agora</h6> <h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá místopředsedkyně Studentského spolku Agora</h6>
</div> </div>
<!-- Next and previous buttons --> <!-- Next and previous buttons -->

4
static/main.css
Unescape Escape View File

@ -220,12 +220,12 @@ canvas {
} }
.number-thing p, .number-thing p,
.number-thing .down p { .number-thing .down p {
font-size: calc(var(--font-size) / 1.7); font-size: calc(var(--font-size) / 1.8);
margin-bottom: 0; margin-bottom: 0;
} }
.number-thing li, .number-thing li,
.number-thing .down li { .number-thing .down li {
font-size: calc(var(--font-size) / 1.7); font-size: calc(var(--font-size) / 1.8);
text-align: justify; text-align: justify;
} }
.number-thing ol, .number-thing ol,

4
static/main.styl
Unescape Escape View File

@ -207,10 +207,10 @@ body > canvas
color var(--color-primary) color var(--color-primary)
font-size calc(var(--font-size) * 2.2) font-size calc(var(--font-size) * 2.2)
& p, & .down p & p, & .down p
font-size calc(var(--font-size) / 1.7) font-size calc(var(--font-size) / 1.8)
margin-bottom 0 margin-bottom 0
& li, & .down li & li, & .down li
font-size calc(var(--font-size) / 1.7) font-size calc(var(--font-size) / 1.8)
text-align justify text-align justify
& ol, & .down ol & ol, & .down ol
margin-top 0 margin-top 0

BIN
static/video/4_holka_pozvanka.mp4
View File

Binary file not shown.