pedf
/
spolky
Archived
1
0
Fork 0
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.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

355 lines
14 KiB
Svelte

4 years ago
<style>
main {
background: none !important;
}
</style>
<script>
import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte';
4 years ago
import ZjistiBtn from '../components/zjisti-vice.svelte';
4 years ago
</script>
<MenuBtn/>
<main id="root">
5 years ago
<section class="row fullheight">
4 years ago
<Logo/>
5 years ago
<div class="horizontal-menu">
<span>Povinnosti:</span>
4 years ago
<a href="predseda/#vyrocni-zprava">Výroční zpráva</a>
<a href="predseda/#spolkova-mistnost">Spolková místnost</a>
<a href="predseda/#akce">Akce a nahlašování akcí</a>
<a href="predseda/#odkazy">Odkazy a inspirace</a>
<a href="predseda/#dalsi">Další spolky</a>
<a href="predseda/#predpisy">Předpisy a pravidla</a>
5 years ago
</div>
<div class="row" style="width: 100%">
<section class="col-1"></section>
<section class="col-5">
<div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Předseda spolku</h1>
<hr class="gay-hr">
4 years ago
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Přebíráš právě teď spolek nebo si jen něco potřebuješ ujasnit? Provedeme
tě všemi povinnostmi a možnostmi, které jako předseda máš.
5 years ago
</h6>
4 years ago
<ZjistiBtn/>
5 years ago
</div>
</section>
</div>
</section>
4 years ago
<section class="row" id="main-content" style="margin-top: 9rem">
5 years ago
<div class="col-1"></div>
4 years ago
<div class="col-4 bg-circle" id="vyrocni-zprava">
5 years ago
<h3>Výroční zpráva</h3>
<hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); 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.
5 years ago
</p>
</div>
</section>
<section class="row" style="margin-top: 4vh">
<div class="col-1"></div>
<div class="col-5 flexy-boi">
<h5 style="margin-bottom: 0; margin-left: -14vw">
A jak na ní?
</h5>
<h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
To ti řekne Verča
<h5>
</div>
<div class="col-5">
<video class="smol-video" controls>
4 years ago
<source src="/video/4_holka_pozvanka.mp4" type="video/webm">
Your browser does not support video.
5 years ago
</video>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col-3 side-line" style="line-height: 1">
<div>
<h6 style="margin-bottom: 0"><b>Hlavní body,</b></h6>
<p style="margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.5)">které nesmí chybět:</p>
5 years ago
<div>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<div class="number-gay">
<div class="down">
<div class="right">
<span>1.</span>
4 years ago
<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>
</div>
<ol type="a">
<li>
Hlavní úlohou této části je představit radu spolku za dané období a zároveň také
volební / kontrolní / či jinou komisi (pokud ji spolek má), která celý rok
fungovala s radou.
</li>
</ol>
</div>
5 years ago
</div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>4.</span>
4 years ago
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Souhrn činností za minulý kalendářní rok</b></h6>
</div>
<ol type="a">
<li>Jaké akce tvůj spolek za celý kalendářní rok udělal? O čem to bylo a kdo se na nich podílel?</li>
</ol>
</div>
5 years ago
</div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>7.</span>
4 years ago
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Hospodaření spolku</b></h6>
5 years ago
</div>
<ol type="a">
<li>
Odkud bere spolek peníze a za co je utrácí? Stačí rozepsat,
do jakých odvětví je spolek investuje (např. akce, PR, …)
</li>
5 years ago
</ol>
</div>
</div>
</div>
<div class="col">
<div style="height: 6vh"></div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>2.</span>
4 years ago
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Celkový počet členů</b></h6>
</div>
<ol type="a">
<li>Kolik členů má spolek? Kolik z nich nově přišlo do spolku a nebo kdo se stal čestným členem?</li>
</ol>
</div>
5 years ago
</div>
4 years ago
<div class="number-gay" style="margin-top: 15vh">
<div class="down">
<div class="right">
<span>5.</span>
4 years ago
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Reflexe - ohlédnutí za minulým rokem</b></h6>
</div>
<ol type="a">
<li>Jak si tvůj spolek v minulém roce vedl?</li>
</ol>
</div>
5 years ago
</div>
</div>
<div class="col">
<div style="height: 12vh"></div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>3.</span>
4 years ago
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Procentuální zastoupení ročníků studia a studijních programů členů</b></h6>
</div>
<ol type="a">
<li>
V téhle části se můžou vyžít milovníci grafů a udělat stručný přehled toho,
kolik % členů je v 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
přehled toho, jakou kombinaci studují
</li>
</ol>
</div>
5 years ago
</div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>6.</span>
4 years ago
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Plány na další rok</b></h6>
</div>
<ol type="a">
<li>
Na čem pracuje rada spolku? Jaké akce chcete pořádat?
V čem chcete pokračovat a naopak co chce dělat jinak?
</li>
</ol>
</div>
5 years ago
</div>
</div>
<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 9rem">
<div class="col-1"></div>
4 years ago
<div class="col-4 bg-square" id="spolkova-mistnost">
5 years ago
<h3>Spolková místnost</h3>
<hr class="gay-hr">
4 years ago
<p style="font-size: calc(var(--font-size) / 1.7); 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é. 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é:
5 years ago
</p>
<ul style="font-size: calc(var(--font-size) / 2)">
<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>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>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>
</ul>
5 years ago
</div>
</section>
<section class="row" style="margin-top: 9vh">
<div class="col-1"></div>
<div class="col-5 flexy-boi" style="width: 30vw; margin: 10vw 0">
5 years ago
<div class="side-line">
4 years ago
<p style="margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7); width: 30vw; line-height: 1.4">
Všechny spolky i SORky mají společný google kalendář, kam se mimo jiné zapisují akce jako 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 Spolek - akce (S104). Takže např. Emil - rada (S104).
<br><br>
S tímhle ale přichází i nějaké povinnosti, které je potřeba dodržovat:
5 years ago
</p>
</div>
</div>
<div class="col-5">
4 years ago
<img src="/img/trump.jpg" style="height: 100%; width: auto;" alt="">
5 years ago
</div>
</section>
<section class="row" style="margin-top: 9rem">
<div class="col-1"></div>
4 years ago
<div class="col-5 bg-circle" id="akce">
5 years ago
<h3>Akce a nahlašování akcí</h3>
<hr class="gay-hr">
</div>
</section>
<section class="row" style="margin-top: 9vh">
<div class="col-1"></div>
4 years ago
<div class="col-5" style="font-size: calc(var(--font-size) / 1.7); padding-right: 4vw">
5 years ago
<p>
Pokud ses rozhodl uspořádat akci na fakultě, tak pamatuj, že musí být nahlášena přes
jednoduchý formulář <a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>.
<br>
Pokud je to akce malá nebo jen na krátko potřebuješ společný prostor,
tak stačí vyplnit formulář 10 dní 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ě
formální spolek nezaplatí ani korunu.
<br>
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.
<br>
Všechny spolky i SORky mají společný google kalendář, kam se zapisují
všechny akce, které spolek pořádá. Funguje to jednoduše - v požadovaném čase vytvoříš
událost a nazveš ji Spolek - 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,
Bistro Café Therapy, fb událost.
<br>
Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš tady v článku IV.
5 years ago
</p>
<p>
Je možnost požádat o stoly, židle, podporu ajťáků nebo místo na webovkách. Všechny nájmy pro formální spolky jsou bezplatné.
</p>
</div>
<div class="col-5">
4 years ago
<img src="/img/trump.jpg" style="height: 100%; width: auto;" alt="">
5 years ago
</div>
</section>
<section class="row" style="margin-top: 9rem">
<div class="col-1"></div>
4 years ago
<div class="col-5 bg-square" style="background-position: top center" id="odkazy">
5 years ago
<h4>Odkazy a inspirace</h4>
<hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
Tady najdeš spolky, které působí na UK:<br>
<a href="https://cuni.cz/UK-8518.html">https://cuni.cz/UK-8518.html</a>
<br><br>
Kurzy na různé dovednosti můžeš najít zde:<br>
<a href="www.naucmese.cz">www.naucmese.cz</a> nebo na
<a href="https://www.acsa.cz">https://www.acsa.cz</a>
</p>
</div>
</section>
4 years ago
<section class="row" style="margin-top: 4vh" id="dalsi">
5 years ago
<section class="col">
<link rel="stylesheet" href="/css/carousel.css">
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
4 years ago
<img src="img/trump.jpg" style="width:100%" alt="">
5 years ago
<div class="text">Caption Text</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
4 years ago
<img src="img/trump.jpg" style="width:100%" alt="">
5 years ago
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
4 years ago
<img src="img/trump.jpg" style="width:100%" alt="">
5 years ago
<div class="text">Caption Three</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
4 years ago
<img src="img/trump.jpg" style="width:100%" alt="">
5 years ago
<div class="text">Caption Three</div>
</div>
<!-- Next and previous buttons -->
4 years ago
<a class="prev" onclick="plusSlides(-1)" href="#0">&#10094;</a>
<a class="next" onclick="plusSlides(1)" href="#0">&#10095;</a>
5 years ago
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
</div>
</section>
5 years ago
<script src="js/carousel.js"></script>
5 years ago
</section>
<section class="row" style="margin-top: 9rem">
<div class="col-1"></div>
4 years ago
<div class="col-5 bg-square" style="background-position: top center" id="predpisy">
5 years ago
<h4>Předpisy a pravidla</h4>
<hr class="gay-hr">
4 years ago
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify">
5 years ago
Základní předpisy, kterými se spolky řidí jsou:<br>
</p>
4 years ago
<ul style="font-size: calc(var(--font-size) / 1.7);">
<li>udržovat ve spolkovce pořádek</li>
<li>nahlásit a opravit jakoukoliv škodu, která byla způsobena</li>
<li>zamykat dveř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>
5 years ago
</ul>
4 years ago
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify">
Povinnosti správce spolkovky<br>
</p>
4 years ago
<ul style="font-size: calc(var(--font-size) / 1.7);">
<li>předávat informace dál do spolku</li>
<li>bude 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>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í jednoho spolku odpovídá správce spolku sám</li>
<li>ví kde jsou baterky a nabíječka k zámku a hlavně jak funguje</li>
</ul>
4 years ago
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify">
Jelikož přístup do spolkovky nefunguje na klíč, ale přes bluetooth a mobilní
aplikaci Danalock (stáhneš na Google Play nebo App Storu), je nutné mít ji
nainstalovanou na telefonu. U nově vzniklých spolků může předseda požádat o
přihlašovací údaje tajemníka spolku Agora a ty pak předá dalším členům.
</p>
4 years ago
<div class="spacer"></div>
5 years ago
</div>
</section>
4 years ago
</main>
<UpArrow/>