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

prefinal update

Browse Source
master
Lukáš Hozda 4 years ago
parent ba79317025
commit fdb462dcdd
12 changed files with 255 additions and 133 deletions
Show Stats Download Patch File Download Diff File

1
src/components/menu-btn.svelte
Unescape Escape View File

@ -7,7 +7,6 @@
grid-template-areas: "btn menu";
position: sticky;
background-color: rgba(255, 255, 255, 0.8);
width: 100vw;
height: max(3vw, 1.7em);
left: 0;
top: 0;

1
src/components/spolek.svelte
Unescape Escape View File

@ -20,5 +20,4 @@
<div class="container">
<a class="hover-man" href={href}><img src="{img}" alt="" style="width:100%; height: auto"></a>
<div class="bottom-left">{name}</div>
</div>

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

@ -1,11 +1,5 @@
<style>
#plusko {
color: #d73648;
border: solid 0.1em;
border-color: #d73648;
border-radius: 50%;
width: 1em;
height: 1em;
align-items: center;
justify-content: center;
display: flex;
@ -13,8 +7,6 @@
line-height: 1em;
}
#plusko:hover {
color: #fff;
background-color: #d73648;
}
#container {
display: flex;
@ -75,9 +67,6 @@
top: 75vh;
}
.active {
background-color: #888 !important;
color: #fff !important;
border-color: #888 !important;
}
.cross {
width: 0.7em;
@ -141,12 +130,50 @@
line-height: 1;
margin-bottom: 0;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
} .spinny {
opacity: 0;
}
#plusko:hover .spinny {
opacity: 1;
animation: rotating 2s linear infinite;
}
#plusko:hover .not-spinny {
opacity: 0;
}
</style>
<script>
import Logo from '../components/logo.svelte';
import anime from 'animejs/lib/anime.es.js';
import { onMount } from 'svelte';
import { onMount, afterUpdate } from 'svelte';
let clicked = false;
//function drawLineXY(fromXY, toXY) {
@ -188,30 +215,105 @@
// ctx.stroke();
//}
function spin() {
anime({
targets: "#plusko span",
rotate: {
value: "+=180",
duration: 300,
direction: "alternate",
},
})
//anime({
// targets: "#plusko img",
// rotate: {
// value: "+=180",
// duration: 300,
// direction: "alternate",
// },
//})
}
function unspin() {
anime({
targets: "#plusko span",
rotate: {
value: 0
}
});
//anime({
// targets: "#plusko img",
// rotate: {
// value: 0
// }
//});
}
function clicked_fun() {
clicked = !clicked;
if (clicked) {
}
}
onMount(() => {
});
function getOffset( el ) {
console.log(el);
var rect = el.getBoundingClientRect();
return {
left: rect.left + window.pageXOffset,
top: rect.top + window.pageYOffset,
width: rect.width || el.offsetWidth,
height: rect.height || el.offsetHeight
};
}
function connect(div1, div2, color, thickness) { // draw a line connecting elements
var off1 = getOffset(div1);
var off2 = getOffset(div2);
// bottom right
var x1 = off1.left + off1.width;
var y1 = off1.top + off1.height;
// top right
var x2 = off2.left + off2.width;
var y2 = off2.top;
// distance
var length = Math.sqrt(((x2-x1) * (x2-x1)) + ((y2-y1) * (y2-y1)));
// center
var cx = ((x1 + x2) / 2) - (length / 2);
var cy = ((y1 + y2) / 2) - (thickness / 2);
// angle
var angle = Math.atan2((y1-y2),(x1-x2))*(180 / Math.PI);
// make hr
var htmlLine = "<div style='padding:0px; margin:0px; height:" + thickness + "px; background-color:" + color + "; line-height:1px; position:absolute; left:" + cx + "px; top:" + cy + "px; width:" + length + "px; -moz-transform:rotate(" + angle + "deg); -webkit-transform:rotate(" + angle + "deg); -o-transform:rotate(" + angle + "deg); -ms-transform:rotate(" + angle + "deg); transform:rotate(" + angle + "deg);' />";// "
/**/
// alert(htmlLine);
document.body.innerHTML += htmlLine;
}
//afterUpdate(() => {
// if (document.getElementById("predseda") !== null && document.getElementById("predseda") !== undefined) {
// let predseda = document.getElementById("predseda");
// let prebiram = document.getElementById("prebiram");
// let zapojit = document.getElementById("zapojit");
// let zalozit = document.getElementById("zalozit");
// let oborovky = document.getElementById("oborovky");
// let plusko = document.getElementById("plusko")
// connect(predseda, plusko, "#000", "1");
// connect(prebiram, plusko, "#000", "1");
// connect(zapojit, plusko, "#000", "1");
// connect(zalozit, plusko, "#000", "1");
// connect(oborovky, plusko, "#000", "1");
// }
//});
function vwTOpx(value) {
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth,
y = w.innerHeight|| e.clientHeight|| g.clientHeight;
var result = (x*value) / 100;
document.getElementById("result_vw_px").innerHTML = result; // affichage du résultat (facultatif)
return result;
}
function vhTOpx(value) {
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth,
y = w.innerHeight|| e.clientHeight|| g.clientHeight;
var result = (y*value) / 100;
return result;
}
</script>
<svelte:head>
@ -221,7 +323,16 @@
<Logo/>
<main id="container">
<div id="plusko" on:mouseover="{spin}" on:mouseout="{unspin}" class:active="{clicked}" on:click="{clicked_fun}"><span style="height: 1em; width: 1em; text-align: center">+</span></div>
<div id="plusko" on:mouseover="{spin}" on:mouseout="{unspin}" class:active="{clicked}" on:click="{clicked_fun}">
{#if clicked}
<img src="/img/main-btn-active.png">
{:else}
<div style="position: relative">
<img src="/img/main-btn.png" class="not-spinny" style="height:92px; width: 92px">
<img src="/img/main-btn-spin.png" style="position:absolute; left:0; top: 0; height: 92px; width: 92px" class="spinny">
</div>
{/if}
</div>
{#if clicked}
<div class="labels">

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

@ -40,7 +40,7 @@
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 menu={true}/>
<ZjistiBtn/>
</div>
</section>
</div>
@ -67,7 +67,7 @@
<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>Nejméně 3 zapsané studenty z daného oboru a různých ročníků na PedF UK a zvolte si mluvčího rady.</p>
<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>
</div>
</div>
</div>
@ -78,7 +78,7 @@
<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/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku_formular.docx">tento papír</a>
<a href=" http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_1_ustanoveni_sor.pdf">tento formulář</a>
a směřuj ho do rukou místopředsedy Akademického senátu (AS).
</p>
</div>
@ -112,7 +112,7 @@
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 se vyjadřuje k průběhu výuky na příslušném pracovišti Pedf UK.
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>
@ -163,9 +163,9 @@
</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)">
Podrobně rozepsaná všechna pravidla a práva SOR najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku.pdf">
tady
</a>.
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf">
tady.
</a>
</p>
</div>
</div>
@ -191,7 +191,7 @@
<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 (formál)</b> je spolek s IČem (je zapsaný na soudu) a oficiálně volenými orgány -
tj. rada, kontrolní/volební komise. Spolek má stanovy, jednací řád a vlastní bankovní účet
tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní bankovní účet
</li>
<li style="padding-left: 0; margin-left: 0">
<b>Neformální spolek (neformál)</b> je sdružení kamarádů, které hrozně baví něco dělat, např. pořádat akce.
@ -230,7 +230,7 @@
<section class="row">
<div class="col-1"></div>
<div class="col">
<div class="number-thing" style="margin-top: 14vh">
<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>
@ -260,14 +260,14 @@
<source src="/video/8_stepan.mp4" type="video/webm">
Your browser does not support video.
</video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Jaké to bylo v oborovce?: Štěpán Gabriel, bývalý člen SOR biologie</h6>
<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" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<p style="font-size: calc(var(--font-size) / 1.7)">
Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku.pdf">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">sem</a>.
</p>
<div class="spacer"></div>
</div>

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

@ -36,7 +36,7 @@
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.
</h6>
<ZjistiBtn menu={true}/>
<ZjistiBtn/>
</div>
</section>
</div>
@ -70,9 +70,9 @@
<ol style="list-style-type: alpha; 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
orgány - tj. rada, kontrolní/volební komise. Spolek má stanovy, jednací řád a vlastní
orgány - tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní
bankovní účet. Formálními spolky u nás na fakultě jsou: <a href="https://spolekagora.cz">Agora</a>,
<a href="http://drosophila.cz">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz">Emil</a>
<a href="http://drosophila.cz">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz">Emil</a>.
<br>
</li>
<li style="margin-left:0; padding-left: 0">
@ -83,7 +83,7 @@
</li>
<li style="margin-left:0; padding-left: 0">
<b>Studentská oborová rada </b>(SOR) pomáhá studentům v komunikaci s katedrou a zná hlavní
předpisy, kterými se řídí univerzita a její pracoviště.
předpisy, kterými se řídí fakulta i univerzita a její pracoviště.
</li>
</ol>
</div>
@ -113,8 +113,8 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlaš to fakultě</b></h6>
<p>
Když budeš v tom papírování, tak 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
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_2_neformalni_spolky.pdf">stačí vyplnit tohle</a>.
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">tento formulář</a>.
</p>
</div>
</div>
@ -143,7 +143,7 @@
<span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nejdříve zkontroluj finanční dokumenty</b></h6>
<p>
Seznam se s tím, jak si spolek vede účetnictví a zkontroluj, zda bylo podáno daňová
Seznam se s tím, jak si spolek vede účetnictví a zkontroluj, zda bylo podáno daňové
přiznání za minulé období. Poslední, co chceš řešit je návštěva berňáku.
</p>
</div>
@ -157,8 +157,8 @@
<p>
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">spoustu spolků</a> i mimo PedF, zajímavé najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/">na VŠE</a> a
nebo téměř každé větší univerzitě v republice - stačí googlit. V zahraničí
hledej německy verbindurg či burschenshaft, anglicky student society,
nebo téměř na každé větší univerzitě v republice. V zahraničí
hledej německy Verbindung či Burschenshaft, anglicky student society,
sorority či fraternity.
</p>
</div>
@ -187,7 +187,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<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,
přes jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v
přes jednoduchý formulář <a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v
<a href="/predseda">Předseda spolku</a>.
</p>
</div>
@ -271,7 +271,7 @@
<source src="/video/10_veru.mp4" type="video/webm">
Your browser does not support video.
</video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Jaké to bylo být předsedou?: 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ě spolku Agora</h6>
</div>
</section>
<section class="row" style="margin-top: 9rem">
@ -295,7 +295,7 @@
<ol style="list-style-type: alpha; 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
orgány - tj. rada, kontrolní/volební komise. Spolek má stanovy, jednací řád a vlastní
orgány - tj. rada, kontrolní nebo volební komise. Spolek má stanovy, jednací řád a vlastní
bankovní účet. Formálními spolky u nás na fakultě jsou: <a href="https://spolekagora.cz">Agora</a>,
<a href="http://drosophila.cz">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz">Emil</a>
<br>
@ -321,7 +321,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlaš to fakultě</b></h6>
<p>
Jak jsme již zmiňovali, tak nejdůležitější je dát vědět fakultě, 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_2_neformalni_spolky.pdf">tohle.</a>
ať ví, s kým mají jednat. Stačí vyplnit <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_2_neformalni_spolky.pdf">tento formulář.</a>
</p>
</div>
</div>
@ -362,8 +362,8 @@
<p>
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">spoustu spolků</a> i mimo PedF, zajímavé najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/">na VŠE</a> a
nebo téměř každé větší univerzitě v republice - stačí googlit. V zahraničí
hledej německy verbindurg či burschenshaft, anglicky student society,
nebo téměř na každé větší univerzitě v republice. V zahraničí
hledej německy Verbindung či Burschenshaft, anglicky student society,
sorority či fraternity.
</p>
</div>
@ -377,8 +377,8 @@
<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
tři týdny, přes
jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v
<a href="/predseda">Předseda spolku</a>
jednoduchý formulář <a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v
<a href="/predseda">Předseda spolku</a>.
</p>
</div>
</div>

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

@ -44,7 +44,7 @@
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áš.
</h6>
<ZjistiBtn menu={true}/>
<ZjistiBtn/>
</div>
</section>
</div>
@ -74,7 +74,7 @@
<source src="/video/3_nela.mp4" type="video/webm">
Your browser does not support video.
</video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Výroční zpráva: Nela Pastrnková, bývalá místopředsedkyně spolku Agora</h6>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Nela Pastrnková, bývalá místopředsedkyně spolku Agora</h6>
</div>
</section>
<section class="row" style="margin-top: 5vh">
@ -117,7 +117,7 @@
<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>
<p>
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í
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
přehled toho, jakou kombinaci studují.
</p>
@ -206,6 +206,43 @@
</p>
</div>
</section>
<section class="row" style="margin-top: 9rem">
<div class="col-1"></div>
<div class="col-5 bg-square" style="background-position: top center" id="predpisy">
<h4>Předpisy a pravidla spolkové místnosti</h4>
<hr class="thing-hr">
<div class="side-line" style="margin-top: 3vh">
<div class="down">
<h6 style="margin-bottom: 0"><b>Základní předpisy, kterými se spolky řídí</b></h6>
</div>
</div>
<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>
</ul>
<div class="side-line">
<h6 style="margin-bottom: 0"><b>Povinnnosti správce spolkovky</b></h6>
</div>
<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í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>
</ul>
<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é ji mít
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>
<div class="spacer"></div>
</div>
</section>
<section class="row" style="margin-top: 9rem">
<div class="col-1"></div>
</section>
@ -215,24 +252,24 @@
<h3 style="font-size: 2.5em" id="akce">Akce a nahlašování akcí</h3>
<hr class="thing-hr">
<p style="margin-top: 5vh">
Pokud ses rozhodl uspořádat akci na fakultě, tak pamatuj, že musí být nahlášena přes
Pokud ses rozhodl uspořádat akci na fakultě, tak pamatuj, že musí být vždy nahlášena přes
jednoduchý formulář <a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>.
<br><br>
Pokud je to akce malá nebo jen na krátko 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,
židle, zapnutí techniky nebo třeba propagaci na sockách. Za nájem prostor na fakultě
formální spolek nezaplatí ani korunu.
<br><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.
řešit už tři týdny předem s OVV, a to také přes zmíněný formulář.
<br><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říš
Všechny spolky i SORky 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říš
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><br>
Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._62019_fakultni_studentske_spolky.pdf">tady v článku IV.</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">tady v článku VII.</a>
</p>
</div>
<div class="col-5">
@ -264,7 +301,7 @@
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 2</div>
<div class="numbertext">1 / 3</div>
<video class="smol-video" controls style="width: 100%">
<source src="/video/5_lenka.mp4" type="video/webm">
Your browser does not support video.
@ -273,7 +310,7 @@
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 2</div>
<div class="numbertext">2 / 3</div>
<video class="smol-video" controls style="width: 100%">
<source src="/video/4_holka_pozvanka.mp4" type="video/webm">
Your browser does not support video.
@ -281,6 +318,15 @@
<h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<video class="smol-video" controls style="width: 100%">
<source src="/video/12_petr_22.mp4" type="video/webm">
Your browser does not support video.
</video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)" href="/predseda#0">&#10094;</a>
<a class="next" onclick="plusSlides(1)" href="/predseda#0">&#10095;</a>
@ -291,47 +337,11 @@
<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>
</div>
</section>
<script src="js/carousel.js"></script>
</section>
<section class="row" style="margin-top: 9rem">
<div class="col-1"></div>
<div class="col-5 bg-square" style="background-position: top center" id="predpisy">
<h4>Předpisy a pravidla</h4>
<hr class="thing-hr">
<div class="side-line" style="margin-top: 3vh">
<div class="down">
<h6 style="margin-bottom: 0"><b>Základní předpisy, kterými se spolky řídí</b></h6>
</div>
</div>
<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>
</ul>
<div class="side-line">
<h6 style="margin-bottom: 0"><b>Povinnnosti správce spolkovky</b></h6>
</div>
<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>
<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>
<div class="spacer"></div>
</div>
</section>
</main>
<UpArrow/>

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

@ -34,8 +34,8 @@
<h1 style="margin-bottom: 5vh">Chci založit spolek</h1>
<hr class="thing-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Na peďáku se snažíme podporovat vznik nových studentských spolků jak nejvíc to jde,
proto existují i tyhle stránky, aby ti usnadnili se ve všem zorientovat.
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.
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
formálním a neformálním spolkem a pak vzhůru na to!<br><br>
@ -43,7 +43,7 @@
Do budoucnosti připravujeme spolkový akcelerátor, 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.
</h6>
<ZjistiBtn menu={true}/>
<ZjistiBtn/>
</div>
</section>
</div>
@ -104,8 +104,8 @@
<span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Potom vyplníš tento formulář</b></h6>
<p>
Formulář je potřeba vyplnit, aby byl tvůj spolek zapsán na fakultě. Odkaz najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/formular_opad_c._192017_spolky.pdf">tady</a>.
Formulář je potřeba vyplnit, aby byl tvůj spolek zapsán na fakultě. Odkaz na něj najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_3_spolky.pdf">tady</a>.
</p>
</div>
</div>
@ -186,7 +186,7 @@
<section class="row">
<div class="col-1"></div>
<div class="col-5" style="line-height: 1.4">
<div style="height: 8vh"></div>
<div style="height: 8vh" id="stanovy"></div>
<div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh" id="mluvci">
<h6 style="margin-bottom: 0"><b>Jak na stanovy podrobně</b></h6>
@ -194,16 +194,16 @@
<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)">
<li>
Ve stanovách je nejdůležitější, kdo bude <b>statutární orgán</b> (bude vystupovat za spolek) -
jeden nebo dva lidi (předseda a místopředseda)?
jeden nebo dva lidi (předseda a místopředseda).
</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> - 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,
jestli jedná podle stanov.
</li>
<li>
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 / 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>
Důležité je vybalancovat pravomoci mezi těmito všemi orgány, aby se nestalo, že
@ -214,9 +214,9 @@
Neopomenutelnou záležitostí jsou již zmiňované volby. Je potřeba:
</li>
<ol>
<li>Určit jak se volí (přímo na pozice nebo se zvolí celá rada a ta si pak zvolí předsedu a rozhodne o funkcích?)</li>
<li>Určit, jak se volí (přímo na pozice, celá rada a rada si zvolí předsedu a podobně)</li>
<li>Jak dlouhé bude jejich funkční období</li>
<li>Jak se volby svolávají (kolik dní předem, písemně/mailem, kdo je svolává).</li>
<li>Jak se volby svolávají (kolik dní předem, písemně nebo e-mailem, kdo je svolává a podobně).</li>
</ol>
<li>A nezapomeň na věci jako je název spolku, jeho účel a sídlo.</li>
</ul>
@ -230,10 +230,10 @@
</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)">
<li>
Musíš do 30. 4. odevzdat výroční zprávu.
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>
Po vyzvání vedením, se musíš aktivně účastnit vybraných fakultních akcí (DOD, předstudijní, …).
Po vyzvání vedením se musíš aktivně účastnit vybraných fakultních akcí (DOD, předstudijní soustředění a podobně).
</li>
<li>
Veškeré poskytnuté prostory musíš udržovat v pořádku a čistotě (to platí i o spolkovce).
@ -268,7 +268,7 @@
<section class="col bg-circle bg-center bg-auto" id="neformalni">
<h3 style="margin-bottom: 1vh">Neformální spolek</h3>
<hr class="thing-hr" style="margin-bottom: 5vh; ">
<p style="font-size: calc(var(--font-size) / 1.8); margin-right: 15vw">
<p style="font-size: calc(var(--font-size) / 1.7); margin-right: 15vw">
Hodí se pro partu lidí, které 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,
je těžší jej řídit.
@ -324,7 +324,7 @@
<span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p>
Pamatuj, že všechny akce musíš nahlašovat 10 dní předem <a href="https://akce.pedf.cuni.cz">tady</a>.
Pamatuj, že všechny akce musíš nahlašovat týden předem pomocího tohoto formuláře na <a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>.
</p>
</div>
</div>
@ -351,7 +351,7 @@ Pozor: funkční období spolku je vždy do konce daného akademického roku, ta
</p>
<p style="font-size: calc(var(--font-size) / 1.7)">
Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku.pdf">tady</a> v článku VI.
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf">tady</a> v článku VIII.
</p>
</div>
<div class="col-1"></div>

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

@ -37,10 +37,10 @@
<h1 style="margin-bottom: 5vh">Chci se zapojit</h1>
<hr class="thing-hr">
<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?
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.
Určitě ti neuniklo, že na fakultě máme nějaké spolky a SORky. 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.
</h6>
<ZjistiBtn menu={false}/>
<ZjistiBtn/>
</div>
</section>
</div>
@ -54,9 +54,10 @@
</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)">
Studentská organizace, jak již napovídá sám název, je uskupení studentů,
které přispívá k lepšímu životu na fakultě. Na peďáku jsou studentské organizace
které přispívá k lepšímu životu na fakultě. Na fakultě jsou studentské organizace
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.
Jak na to najdeš v sekci <a href="/zalozit-spolek">Chci založit spolek</a>.
</p>
</div>
</div>
@ -97,7 +98,7 @@
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,
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 peďáku máme tři formální spolky: Agora,
a vést si účetnictví. Na fakultě máme tři formální spolky: Agora,
Drosophila a Pedagogický spolek Emil.
</p>
</div>
@ -121,7 +122,7 @@
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
jako “Queer sdružení UK” nebo Univerzitní křesťanské hnutí,
které můžeš často potkat i na akcích peďáku.
které můžeš často potkat i na akcích fakulty.
</p>
</div>
</div>
@ -133,7 +134,9 @@
</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)">
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áčí vtipné spoty ke studentskému hodnocení 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.
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é
ateliéry, večerní promítání a spoustu dalších akcí.
</p>
</div>
<div class="down" style="margin-right: 3vw">
@ -143,7 +146,7 @@
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
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
až tak rozdílné jako u nás. Na peďáku 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.
</p>
</div>
</div>
@ -186,7 +189,7 @@
<source src="/video/1_verca_1.mp4" type="video/webm">
Your browser does not support video.
</video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá členka spolku Agora</h6>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá místopředsedkyně spolku Agora</h6>
</div>
<!-- Next and previous buttons -->

BIN
static/img/main-btn-active.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/img/main-btn-spin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
static/img/main-btn.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
static/video/12_petr_22.mp4
View File

Binary file not shown.