pedf
/
spolky
Archived
1
0
Fork 0

minor fixes

master
Lukáš Hozda 4 years ago
parent fdb462dcdd
commit 6fbb4167e5

@ -26,7 +26,7 @@
width: 60vw;
}
.menu ul li {
font-family: "Gill Sans MT";
font-family: var(--font-family-sans);
font-size: 5vh;
margin-bottom: 5vh;
}
@ -40,12 +40,22 @@
text-decoration: underline;
color: #7c242e;
}
.big {
width: max(3vw, 1.7em);
height: max(3vw, 1.7em);
}
.cross-og:hover .idle {
opacity: 0;
}
.cross-og:hover .active {
opacity: 1;
}
</style>
<div class="navigation-overlay" id="particles-js" style="position: fixed">
<div class="cross cross-og" on:click="{click_link}">
<img src="/svg/cross1.svg" class="idle" alt=" cross ">
<img src="/svg/cross2.svg" class="active" alt=" cross ">
<img src="/svg/cross1.svg" class="idle big" alt=" cross ">
<img src="/svg/cross2.svg" class="active big" alt=" cross ">
</div>
<Logo/>

@ -39,92 +39,92 @@
<section class="row" style="margin-top: 3vh">
<div class="col-1"></div>
{#if selected == "hudba"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
{:else if selected == "human"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://spolekagora.cz/" name="Agora"/>
<div class="col">
<Spolek href="https://spolekagora.cz/" name="Agora" img="/img/2.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko"/>
<div class="col">
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
{:else if selected == "jazyky"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Anglického jazyka"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Německého jazyka"/>
<div class="col">
<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 Německého jazyka" img="/img/12.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Českého jazyka"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Českého jazyka" img="/img/9.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
</div>
{:else if selected == "pedag"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Učitelství pro 1. st. ZŠ"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR MŠ"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR MŠ" img="/img/20.png"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR SPECPED"/>
<Spolek href="https://otevreno.org" name="SOR SPECPED"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR SPECPED" img="/img/21.png"/>
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
</div>
{:else if selected == "prirod"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Biologie"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ"/>
<div class="col">
<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"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Chemie"/>
<Spolek href="http://drosophila.cz/" name="Drosophila"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="http://drosophila.cz/" name="Drosophila" img="/img/3.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
</div>
{:else if selected == "psych"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Psychologie"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Psychologie" img="/img/18.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
{:else if selected == "sport"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
{:else if selected == "tech"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR IT"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR IT" img="/img/17.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://microlab.space" name="microlab"/>
<div class="col">
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<div class="col">
</div>
{:else if selected == "umeni"}
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VV"/>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VV" img="/img/8.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT"/>
<div class="col">
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
</div>
<div class="col" transition:fade="{{delay: 250, duration: 300}}">
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème"/>
<div class="col">
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
</div>
{/if}
<div class="col-1"></div>

@ -0,0 +1,22 @@
<style>
</style>
<script>
export let href;
function click() {
console.log(href);
window.scrollTo(0, 0);
var element = document.getElementById(href);
var panel = document.querySelector(".panel");
var elementPosition = element.getBoundingClientRect().top;
var offsetPosition = elementPosition - panel.scrollHeight;
window.scrollTo({
top: offsetPosition,
behavior: "smooth"
});
}
</script>
<span on:click|preventDefault={click}><slot></slot></span>

@ -40,6 +40,17 @@
.querySelectorAll(".navigation-overlay")
.forEach(elem => elem.classList.toggle("open-nav"));
};
function click_link() {
document
.querySelectorAll(".menu-btn")
.forEach(elem => elem.classList.remove("darken"));
document
.querySelectorAll("#root")
.forEach(elem => elem.classList.remove("darken"));
document
.querySelectorAll(".navigation-overlay")
.forEach(elem => elem.classList.remove("open-nav"));
};
</script>
@ -50,7 +61,7 @@
<img src="/svg/menu2.svg" class="active" alt="active">
</div>
</div>
<div class="menu">
<div class="menu" on:click="{click_link}">
<slot></slot>
</div>
</div>

@ -1,11 +1,15 @@
<script>
export let menu;
function scroll() {
document.getElementById("main-content").scrollIntoView({behavior: 'smooth'});
if (menu) {
document.querySelector(".horizontal-menu").scrollIntoView({behavior: 'smooth'});
}
}
var element = document.getElementById('main-content');
var panel = document.querySelector(".panel");
var elementPosition = element.getBoundingClientRect().top;
var offsetPosition = elementPosition - panel.scrollHeight;
window.scrollTo({
top: offsetPosition,
behavior: "smooth"
});
}
</script>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw" on:click="{scroll}">

@ -14,16 +14,17 @@
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';
</script>
<MenuBtn>
<div class="horizontal-menu">
<a href="oborovky/#zalozit">Chci založit SOR</a>
<a href="oborovky/#povinnosti">Povinnosti člena SOR</a>
<a href="oborovky/#mluvci">Mluvčí SOR</a>
<a href="oborovky/#prebiram">Přebírám SOR</a>
<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>
@ -48,14 +49,14 @@
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<h3><b>Chci založit SOR</b></h3>
<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.7); margin-top: 4vh">
Nedří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">webu fakulty</a>.
<a href="https://pedf.cuni.cz/PEDF-386.html" target="_blank">webu fakulty</a>.
</p>
</div>
<div class="col-1"></div>
@ -78,7 +79,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/priloha_1_ustanoveni_sor.pdf">tento formulář</a>
<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>
@ -122,12 +123,12 @@
<div class="col"></div>
<div class="col-1"></div>
</section>
<section class="row" id="main-content" style="margin-top: 5vh">
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col-5" style="line-height: 1">
<div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh+" id="povinnosti">
<h6 style="margin-bottom: 0"><b>Povinnosti člena SOR</b></h6>
<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.7)">
<li>řešit záležitosti spojené se studiem daného oboru a s vedením katedry</li>
@ -148,8 +149,8 @@
</div>
<div class="col-5" style="line-height: 1">
<div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh" id="mluvci">
<h6 style="margin-bottom: 0"><b>Mluvčí SOR</b></h6>
<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.7)">
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á.
@ -163,7 +164,7 @@
</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_sor_spolky_final_31.8.2020.pdf">
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">
tady.
</a>
</p>
@ -173,7 +174,7 @@
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<h3><b>Přebírám SOR</b></h3>
<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>
@ -267,7 +268,7 @@
<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_sor_spolky_final_31.8.2020.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" target="_blank">sem</a>.
</p>
<div class="spacer"></div>
</div>

@ -8,6 +8,7 @@
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 ZjistiBtn from '../components/zjisti-vice.svelte';
</script>
@ -18,9 +19,10 @@
<MenuBtn>
<div class="horizontal-menu">
<a href="prebiram/#formalni">Formální spolek</a>
<a href="prebiram/#postup">Postup přebírání</a>
<a href="prebiram/#neformalni">Neformální spolek</a>
<LLink href="formalni">Formální spolek</LLink>
<LLink href="postup">Postup přebírání formálních spolků</LLink>
<LLink href="neformalni">Neformální spolek</LLink>
<LLink href="postup-neformalni">Postup přebírání neformálních spolků</LLink>
</div>
</MenuBtn>
<main id="root">
@ -57,7 +59,7 @@
<div class="col-3 side-line" style="line-height: 1" id="postup">
<div>
<h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6>
<div>
</div>
</div>
</section>
<section class="row" style="margin-top: 5vh">
@ -71,8 +73,8 @@
<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í 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>.
bankovní účet. Formálními 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">
@ -114,7 +116,7 @@
<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. Stačí vyplnit
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_3_spolky.pdf">tento formulář</a>.
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_3_spolky.pdf" target="_blank">tento formulář</a>.
</p>
</div>
</div>
@ -156,7 +158,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<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
- 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
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.
@ -187,7 +189,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="https://akce.pedf.cuni.cz">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 v
<a href="/predseda">Předseda spolku</a>.
</p>
</div>
@ -222,9 +224,9 @@
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>
<ol style="margin-left: 0; padding-left:0; margin-top: 2vh">
<li style="margin-left: 0; padding-left: 0"><a href="https://managementmania.com/cs/swot-analyza">https://managementmania.com/cs/swot-analyza</a></li>
<li style="margin-left: 0; padding-left: 0"><a href="https://www.marketingmind.cz/swot-analyza/">https://www.marketingmind.cz/swot-analyza/</a></li>
<li style="margin-left: 0; padding-left: 0"><a href="https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797">https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797</a></li>
<li style="margin-left: 0; padding-left: 0"><a href="https://managementmania.com/cs/swot-analyza" target="_blank">https://managementmania.com/cs/swot-analyza</a></li>
<li style="margin-left: 0; padding-left: 0"><a href="https://www.marketingmind.cz/swot-analyza/" target="_blank">https://www.marketingmind.cz/swot-analyza/</a></li>
<li style="margin-left: 0; padding-left: 0"><a href="https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797" target="_blank">https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797</a></li>
</ol>
</div>
</div>
@ -285,6 +287,14 @@
</p>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col-3 side-line" style="line-height: 1" id="postup-neformalni">
<div>
<h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6>
</div>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
@ -296,8 +306,8 @@
<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í 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>
bankovní účet. Formálními 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">
@ -321,7 +331,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">tento formulář.</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" target="_blank">tento formulář.</a>
</p>
</div>
</div>
@ -361,7 +371,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<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
- 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
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.
@ -377,7 +387,7 @@
<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="https://akce.pedf.cuni.cz">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 v
<a href="/predseda">Předseda spolku</a>.
</p>
</div>
@ -393,9 +403,9 @@
<span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neformály na fakultě</b></h6>
<ol style="padding-left:0; margin-left: 0">
<li style="padding-left: 0; margin-left:0"><a href="https://www.facebook.com/spolekCult/">CULT</a></li>
<li style="padding-left: 0; margin-left:0"><a href="https://www.facebook.com/LaVieBohemePedFUK/">La Vie Bohème</a></li>
<li style="padding-left: 0; margin-left:0"><a href="https://microlab.pedf.cuni.cz">microlab</a></li>
<li style="padding-left: 0; margin-left:0"><a href="https://www.facebook.com/spolekCult/" target="_blank">CULT</a></li>
<li style="padding-left: 0; margin-left:0"><a href="https://www.facebook.com/LaVieBohemePedFUK/" target="_blank">La Vie Bohème</a></li>
<li style="padding-left: 0; margin-left:0"><a href="https://microlab.pedf.cuni.cz" target="_blank">microlab</a></li>
</ol>
</div>
</div>

@ -8,6 +8,7 @@
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 ZjistiBtn from '../components/zjisti-vice.svelte';
import { onMount } from 'svelte';
@ -22,12 +23,12 @@
<MenuBtn>
<div class="horizontal-menu">
<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>
<LLink href="vyrocni-zprava">Výroční zpráva</LLink>
<LLink href="spolkova-mistnost">Spolková místnost</LLink>
<LLink href="akce">Akce a nahlašování akcí</LLink>
<LLink href="odkazy">Odkazy a inspirace</LLink>
<LLink href="dalsi">Další spolky</LLink>
<LLink href="predpisy">Předpisy a pravidla</LLink>
</div>
</MenuBtn>
@ -253,7 +254,7 @@
<hr class="thing-hr">
<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
jednoduchý formulář <a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>.
jednoduchý formulář <a href="https://akce.pedf.cuni.cz" target="_blank">akce.pedf.cuni.cz</a>.
<br><br>
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,
@ -269,7 +270,7 @@
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_sor_spolky_final_31.8.2020.pdf">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>
</div>
<div class="col-5">
@ -283,11 +284,11 @@
<hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); 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>
<a href="https://cuni.cz/UK-8518.html" target="_blank">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>
<a href="www.naucmese.cz" target="_blank">www.naucmese.cz</a> nebo na
<a href="https://www.acsa.cz" target="_blank">https://www.acsa.cz</a>
</p>
<h5>A jak to dělají další spolky na fakultě?</h5>
<hr class="thing-hr">

@ -8,6 +8,7 @@
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 ZjistiBtn from '../components/zjisti-vice.svelte';
</script>
@ -17,10 +18,10 @@
<MenuBtn>
<div class="horizontal-menu">
<a href="zalozit-spolek/#formalni">Formální spolek</a>
<a href="zalozit-spolek/#formalni-info">Informace k založení formálního spolku</a>
<a href="zalozit-spolek/#neformalni">Neformální spolek</a>
<a href="zalozit-spolek/#neformalni-info">Info k založení neformálního spolku</a>
<LLink href="formalni">Formální spolek</LLink>
<LLink href="formalni-info">Informace k založení formálního spolku</LLink>
<LLink href="neformalni">Neformální spolek</LLink>
<LLink href="neformalni-info">Info k založení neformálního spolku</LLink>
</div>
</MenuBtn>
@ -89,11 +90,11 @@
<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>
<p>
<a href="https://drive.google.com/file/d/1ie3rxcpAcsY-OtzDxiZGqgqWJhoaj9gW/view">Takhle</a> je má Agora,
<a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=53001499&subjektId=918043&spis=1008310">takhle</a> Drosophila a
<a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=60136056&subjektId=903187&spis=990377">takhle</a> Emil.
Otevřeno má složitou strukturu poboček, ale kdyby přece jen, tak odkaz je <a href="https://otevreno.org/stanovy.pdf">tady.</a>
Víc ke stanovám najdeš <a href="zalozit-spolek/#stanovy">tady</a>.
<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=60136056&subjektId=903187&spis=990377" target="_blank">takhle</a> Emil.
Otevřeno má složitou strukturu poboček, ale kdyby přece jen, tak odkaz je <a href="https://otevreno.org/stanovy.pdf" target="_blank">tady.</a>
Víc ke stanovám najdeš <a href="zalozit-spolek/#stanovy" target="_blank">tady</a>.
</p>
</div>
</div>
@ -105,7 +106,7 @@
<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 na něj najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_3_spolky.pdf">tady</a>.
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_3_spolky.pdf" target="_blank">tady</a>.
</p>
</div>
</div>
@ -163,7 +164,7 @@
<div class="down">
<span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Povinnosti a práva spolku</b></h6>
<p>Tohle jsme ti podrobněji sepsali <a href="/zalozit-spolek#zakladni-prava">tady</a>.</p>
<p>Tohle jsme ti podrobněji sepsali <a href="/zalozit-spolek#zakladni-prava" target="_blank">tady</a>.</p>
</div>
</div>
</div>
@ -174,7 +175,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p>
Všechny akce, které spolek bude pořádat je nutné nahlašovat prostřednictvím
<a href="https://akce.pedf.cuni.cz/">tohoto formuláře</a>.
<a href="https://akce.pedf.cuni.cz/" target="_blank">tohoto formuláře</a>.
</p>
</div>
</div>
@ -292,7 +293,7 @@
<span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Sežeň pět kamarádů</b></h6>
<p>Je potřeba sehnat minimálně pět lidí a zaregistrovat se tímto
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_2_neformalni_spolky.pdf">formulářem</a>.</p>
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_2_neformalni_spolky.pdf" target="_blank">formulářem</a>.</p>
</div>
</div>
</div>
@ -324,7 +325,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 týden předem pomocího tohoto formuláře na <a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</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" target="_blank">akce.pedf.cuni.cz</a>.
</p>
</div>
</div>
@ -335,7 +336,7 @@
<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>
<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">tady</a>.
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>.
</p>
</div>
</div>
@ -351,7 +352,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_sor_spolky_final_31.8.2020.pdf">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>
</div>
<div class="col-1"></div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1015 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 989 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 992 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

@ -34,6 +34,7 @@ body > canvas {
top: 1vh;
width: 2vw;
height: 2vw;
z-index: 1003;
}
.cross .idle {
opacity: 1;
@ -123,19 +124,22 @@ canvas {
align-items: baseline;
min-height: 3em;
}
.horizontal-menu a {
text-decoration: underline;
.horizontal-menu a,
.horizontal-menu span {
cursor: pointer;
color: #000;
font-size: calc(var(--font-size) / 1.7);
cursor: pointer;
transition: 0.1s;
box-sizing: content-box;
}
.horizontal-menu a:hover {
.horizontal-menu a:hover,
.horizontal-menu span:hover {
border-bottom: solid 2px var(--color-primary);
opacity: 1 !important;
}
.horizontal-menu.no-underline span {
text-decoration: none !important;
color: #000;
font-size: calc(var(--font-size) / 1.7);
cursor: pointer;
@ -292,13 +296,16 @@ canvas {
.menu .horizontal-menu {
bottom: auto;
top: 0;
justify-content: flex-start;
padding-top: 1vw;
padding-left: 4vw;
box-sizing: border-box;
padding-right: 1vw;
}
.menu .horizontal-menu a {
.menu .horizontal-menu a,
.menu .horizontal-menu span {
text-decoration: none;
margin-right: 2em;
}
.panel .btn .menu-btn {
left: auto;

@ -34,6 +34,7 @@ body > canvas
top 1vh
width max(2vw, 1.5em)
height max(2vw, 1.5em)
z-index 1003
.idle
opacity: 1
position: absolute
@ -120,8 +121,8 @@ body > canvas
flex-direction row
align-items baseline
min-height: 3em;
& a
text-decoration underline
& a, & span
cursor pointer
color: #000
font-size calc(var(--font-size) / 1.7)
cursor pointer
@ -131,6 +132,7 @@ body > canvas
border-bottom: solid 2px var(--color-primary)
opacity: 1 !important
&.no-underline span
text-decoration none !important
color: #000
font-size calc(var(--font-size) / 1.7)
cursor pointer
@ -275,12 +277,14 @@ body > canvas
.menu .horizontal-menu
bottom: auto;
top: 0;
justify-content: flex-start
padding-top: max(1vw, 0.4em);
padding-left: max(4vw, 1.8em);
box-sizing: border-box;
padding-right: 1vw;
& a
& a, & span
text-decoration none
margin-right: 2em
.panel .btn .menu-btn {