You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
318 lines
13 KiB
Svelte
318 lines
13 KiB
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, main span');
|
|
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>
|
|
<div class="horizontal-menu">
|
|
<LLink href="main-content">Chci založit SOR</LLink>
|
|
<LLink href="povinnosti">Povinnosti člena SOR</LLink>
|
|
<LLink href="mluvci">Mluvčí SOR</LLink>
|
|
<LLink href="prebiram">Přebírám SOR</LLink>
|
|
</div>
|
|
</MenuBtn>
|
|
|
|
<main id="root">
|
|
<section class="row fullheight">
|
|
<Logo/>
|
|
<div class="row" style="width: 100%">
|
|
<section class="col-1 hide-sm hide-xs"></section>
|
|
<section class="col-5">
|
|
<div class="top-margin">
|
|
<h1 style="margin-bottom: 5vh">Chci vědět víc o oborovkách</h1>
|
|
<hr class="thing-hr">
|
|
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
|
|
Něco ti na katedře chybí nebo nefunguje podle předpisů? Přebíráš po někom SOR a chceš u
|
|
vás na katedře zastupovat zájmy studentů? Dáme ti všechny potřebné informace.
|
|
</h6>
|
|
<ZjistiBtn/>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</section>
|
|
<section class="row margin-5vh">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<div class="col">
|
|
<h3 id="main-content"><b>Chci založit SOR</b></h3>
|
|
<hr class="thing-hr">
|
|
<div class="side-line">
|
|
<h6 style="margin-bottom: 0;"><b>Informace k založení studentské oborové rady</b></h6>
|
|
</div>
|
|
<p style="font-size: calc(var(--font-size) / 1.8); margin-top: 4vh">
|
|
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>.
|
|
</p>
|
|
</div>
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
</section>
|
|
<section class="row margin-5vh">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<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>Sežeň tři studenty z oboru</b></h6>
|
|
<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 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>Vyplň žádost pro ustanovení SOR</b></h6>
|
|
<p>
|
|
Přines na podatelnu vyplněný
|
|
<a href=" http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_1_ustanoveni_sor.pdf" target="_blank">tento formulář</a>
|
|
a směřuj ho do rukou místopředsedy Akademického senátu (AS).
|
|
</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>Počkej na nejbližší zasedání senátu</b></h6>
|
|
<p>Pokud jsi splnil všechno potřebné, na nejbližším zasedání AS bude tvá SOR ustanovena.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
</section>
|
|
<section class="row">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<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>Shrnutí základní pravidel pro SOR</b></h6>
|
|
<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">
|
|
<li style="margin-left: 0; padding-left: 0;">
|
|
Každý obor může mít pouze jednu oborovou radu.
|
|
</li>
|
|
<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
|
|
do konce daného akademického roku – to znamená, že každý rok musíš radu ustanovit znova.
|
|
</li>
|
|
<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.
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col"></div>
|
|
<div class="col"></div>
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
</section>
|
|
<section class="row margin-5vh">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<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="povinnosti"><b>Povinnosti člena SOR</b></h6>
|
|
</div>
|
|
<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>propagovat studentské hodnocení výuky,</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>
|
|
</ul>
|
|
<div class="side-line">
|
|
<h6><b>Jednání rady a vedení</b></h6>
|
|
</div>
|
|
<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í
|
|
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>další jednání probíhají po vzájemné dohodě.</li>
|
|
</ul>
|
|
</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>Mluvčí SOR</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)">
|
|
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>
|
|
<div class="side-line">
|
|
<h6><b>Důležité</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)">
|
|
Funkční období SOR je pouze do konce daného akademického roku,
|
|
takže je potřeba ji ustanovit každý rok znovu.
|
|
</p>
|
|
<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š
|
|
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">
|
|
tady.
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="row margin-5vh">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<div class="col">
|
|
<h3 id="prebiram"><b>Přebírám SOR</b></h3>
|
|
<hr class="thing-hr">
|
|
<div class="side-line">
|
|
<h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6>
|
|
</div>
|
|
</div>
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
</section>
|
|
<section class="row margin-5vh">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<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>Seznam se s terminologií</b></h6>
|
|
<ol style="list-style-type: lower-alpha; padding-left: 0; margin-left: 0">
|
|
<li style="padding-left: 0; margin-left: 0">
|
|
<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í
|
|
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>
|
|
<br>
|
|
</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">
|
|
<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ě
|
|
</li>
|
|
</ol>
|
|
</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>Nahlaš to fakultě</b></h6>
|
|
<p>
|
|
Funkční období SOR je pouze do konce daného akademického roku, takže je potřeba ji ustanovit každý rok znovu.
|
|
</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>Zkontroluj si finance</b></h6>
|
|
<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>
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
</section>
|
|
<section class="row">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<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>Neboj se zeptat!</b></h6>
|
|
<p>
|
|
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 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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col"></div>
|
|
<div class="col"></div>
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
</section>
|
|
<section class="row margin-5vh">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<div class="col-5 flexy-boi">
|
|
<h5 style="margin-bottom: 0; margin-left: -14vw">
|
|
Chceš vědět, jaké je to být v oborovce?
|
|
</h5>
|
|
<h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
|
|
Tak koukni na video se Štěpánem.
|
|
<h5>
|
|
</div>
|
|
<div class="col-5">
|
|
<video class="smol-video" controls playsinline>
|
|
<source src="/video/8_stepan.mp4" type="video/mp4">
|
|
Your browser does not support video.
|
|
</video>
|
|
<h6 style="font-size: calc(var(--font-size) / 1.9)">Štěpán Gabriel, bývalý člen SOR biologie</h6>
|
|
</div>
|
|
</section>
|
|
<section class="row margin-5vh">
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
<div class="col">
|
|
<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>.
|
|
</p>
|
|
<div class="spacer"></div>
|
|
</div>
|
|
<section class="col-1 hide-xs hide-sm"></section>
|
|
</section>
|
|
</main>
|
|
|
|
<UpArrow/>
|