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

minor fixes

Browse Source
master
Lukáš Hozda 4 years ago
parent fdb462dcdd
commit 6fbb4167e5
38 changed files with 202 additions and 131 deletions
Show Stats Download Patch File Download Diff File

16
src/components/Nav.svelte
Unescape Escape View File

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

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

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

22
src/components/llink.svelte
Unescape Escape View File

@ -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>

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

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

14
src/components/zjisti-vice.svelte
Unescape Escape View File

@ -1,10 +1,14 @@
<script> <script>
export let menu;
function scroll() { function scroll() {
document.getElementById("main-content").scrollIntoView({behavior: 'smooth'}); var element = document.getElementById('main-content');
if (menu) { var panel = document.querySelector(".panel");
document.querySelector(".horizontal-menu").scrollIntoView({behavior: 'smooth'}); var elementPosition = element.getBoundingClientRect().top;
} var offsetPosition = elementPosition - panel.scrollHeight;
window.scrollTo({
top: offsetPosition,
behavior: "smooth"
});
} }
</script> </script>

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

@ -14,16 +14,17 @@
import Logo from '../components/logo.svelte'; import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte'; import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte'; import MenuBtn from '../components/menu-btn.svelte';
import LLink from '../components/llink.svelte';
import Carousel from '@beyonk/svelte-carousel'; import Carousel from '@beyonk/svelte-carousel';
import ZjistiBtn from '../components/zjisti-vice.svelte'; import ZjistiBtn from '../components/zjisti-vice.svelte';
</script> </script>
<MenuBtn> <MenuBtn>
<div class="horizontal-menu"> <div class="horizontal-menu">
<a href="oborovky/#zalozit">Chci založit SOR</a> <LLink href="main-content">Chci založit SOR</LLink>
<a href="oborovky/#povinnosti">Povinnosti člena SOR</a> <LLink href="povinnosti">Povinnosti člena SOR</LLink>
<a href="oborovky/#mluvci">Mluvčí SOR</a> <LLink href="mluvci">Mluvčí SOR</LLink>
<a href="oborovky/#prebiram">Přebírám SOR</a> <LLink href="prebiram">Přebírám SOR</LLink>
</div> </div>
</MenuBtn> </MenuBtn>
@ -48,14 +49,14 @@
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col"> <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"> <hr class="thing-hr">
<div class="side-line"> <div class="side-line">
<h6 style="margin-bottom: 0;"><b>Informace k založení studentské oborové rady</b></h6> <h6 style="margin-bottom: 0;"><b>Informace k založení studentské oborové rady</b></h6>
</div> </div>
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 4vh"> <p style="font-size: calc(var(--font-size) / 1.7); margin-top: 4vh">
Nedřív se podívej, jestli pro tvůj obor už oborová rada neexistuje, všechny ustanovené SOR najdeš na 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> </p>
</div> </div>
<div class="col-1"></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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Vyplň žádost pro ustanovení SOR</b></h6>
<p> <p>
Přines na podatelnu vyplněný 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). a směřuj ho do rukou místopředsedy Akademického senátu (AS).
</p> </p>
</div> </div>
@ -122,12 +123,12 @@
<div class="col"></div> <div class="col"></div>
<div class="col-1"></div> <div class="col-1"></div>
</section> </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-1"></div>
<div class="col-5" style="line-height: 1"> <div class="col-5" style="line-height: 1">
<div class="down" style="margin-right: 3vw"> <div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh+" id="povinnosti"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>Povinnosti člena SOR</b></h6> <h6 style="margin-bottom: 0" id="povinnosti"><b>Povinnosti člena SOR</b></h6>
</div> </div>
<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
<li>řešit záležitosti spojené se studiem daného oboru a s vedením katedry</li> <li>řešit záležitosti spojené se studiem daného oboru a s vedením katedry</li>
@ -148,8 +149,8 @@
</div> </div>
<div class="col-5" style="line-height: 1"> <div class="col-5" style="line-height: 1">
<div class="down" style="margin-right: 3vw"> <div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh" id="mluvci"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>Mluvčí SOR</b></h6> <h6 style="margin-bottom: 0" id="mluvci"><b>Mluvčí SOR</b></h6>
</div> </div>
<p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.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á. 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>
<p style="margin-top:0vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p style="margin-top:0vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
Podrobně rozepsaná všechna pravidla a práva SOR najdeš Podrobně rozepsaná všechna pravidla a práva SOR najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf"> <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">
tady. tady.
</a> </a>
</p> </p>
@ -173,7 +174,7 @@
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col"> <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"> <hr class="thing-hr">
<div class="side-line"> <div class="side-line">
<h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6> <h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6>
@ -267,7 +268,7 @@
<div class="col-1"></div> <div class="col-1"></div>
<div class="col"> <div class="col">
<p style="font-size: calc(var(--font-size) / 1.7)"> <p style="font-size: calc(var(--font-size) / 1.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> </p>
<div class="spacer"></div> <div class="spacer"></div>
</div> </div>

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

@ -8,6 +8,7 @@
import Logo from '../components/logo.svelte'; import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte'; import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte'; import MenuBtn from '../components/menu-btn.svelte';
import LLink from '../components/llink.svelte';
import ZjistiBtn from '../components/zjisti-vice.svelte'; import ZjistiBtn from '../components/zjisti-vice.svelte';
</script> </script>
@ -18,9 +19,10 @@
<MenuBtn> <MenuBtn>
<div class="horizontal-menu"> <div class="horizontal-menu">
<a href="prebiram/#formalni">Formální spolek</a> <LLink href="formalni">Formální spolek</LLink>
<a href="prebiram/#postup">Postup přebírání</a> <LLink href="postup">Postup přebírání formálních spolků</LLink>
<a href="prebiram/#neformalni">Neformální spolek</a> <LLink href="neformalni">Neformální spolek</LLink>
<LLink href="postup-neformalni">Postup přebírání neformálních spolků</LLink>
</div> </div>
</MenuBtn> </MenuBtn>
<main id="root"> <main id="root">
@ -57,7 +59,7 @@
<div class="col-3 side-line" style="line-height: 1" id="postup"> <div class="col-3 side-line" style="line-height: 1" id="postup">
<div> <div>
<h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6> <h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6>
<div> </div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
@ -71,8 +73,8 @@
<li style="margin-left:0; padding-left: 0"> <li style="margin-left:0; padding-left: 0">
<b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými <b>Formální spolek </b>(formál) je spolek s IČ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í 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>, 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">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz">Emil</a>. <a href="http://drosophila.cz" target="_blank">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz" target="_blank">Emil</a>.
<br> <br>
</li> </li>
<li style="margin-left:0; padding-left: 0"> <li style="margin-left:0; padding-left: 0">
@ -114,7 +116,7 @@
<p> <p>
Když budeš v tom papírování, tak je potřeba dát vědět i fakultě, Když budeš v tom papírování, 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 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> </p>
</div> </div>
</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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<p> <p>
Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
- např. na UK máme <a href="https://cuni.cz/UK-8518.html">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čí nebo téměř na každé větší univerzitě v republice. V zahraničí
hledej německy Verbindung či Burschenshaft, anglicky student society, hledej německy Verbindung či Burschenshaft, anglicky student society,
sorority či fraternity. sorority či fraternity.
@ -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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <p>
Nezapomeň, že všechny akce na fakultě, musí být nahlášeny týden předem, ale u větších akcí jsou to tři týdny, Nezapomeň, že všechny akce na fakultě, musí být nahlášeny týden předem, ale u větších akcí jsou to tři týdny,
přes jednoduchý formulář <a href="https://akce.pedf.cuni.cz">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>. <a href="/predseda">Předseda spolku</a>.
</p> </p>
</div> </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: je a kam může směřovat dál. Co je to SWOTka a jak na ni najdeš třeba na těchto odkazech:
</p> </p>
<ol style="margin-left: 0; padding-left:0; margin-top: 2vh"> <ol style="margin-left: 0; padding-left:0; margin-top: 2vh">
<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://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/">https://www.marketingmind.cz/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">https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797</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> </ol>
</div> </div>
</div> </div>
@ -285,6 +287,14 @@
</p> </p>
</div> </div>
</section> </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"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col"> <div class="col">
@ -296,8 +306,8 @@
<li style="margin-left: 0; padding-left: 0"> <li style="margin-left: 0; padding-left: 0">
<b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými <b>Formální spolek </b>(formál) je spolek s IČ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í 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>, 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">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz">Emil</a> <a href="http://drosophila.cz" target="_blank">Drosophila</a> a <a href="http://pedagogickyspolekemil.cz" target="_blank">Emil</a>
<br> <br>
</li> </li>
<li style="margin-left: 0; padding-left: 0"> <li style="margin-left: 0; padding-left: 0">
@ -321,7 +331,7 @@
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlaš to fakultě</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlaš to fakultě</b></h6>
<p> <p>
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, 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> </p>
</div> </div>
</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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<p> <p>
Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
- např. na UK máme <a href="https://cuni.cz/UK-8518.html">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čí nebo téměř na každé větší univerzitě v republice. V zahraničí
hledej německy Verbindung či Burschenshaft, anglicky student society, hledej německy Verbindung či Burschenshaft, anglicky student society,
sorority či fraternity. sorority či fraternity.
@ -377,7 +387,7 @@
<p> <p>
Nezapomeň, že všechny akce na fakultě, musí být nahlášeny týden předem, ale u větších akcí to musí být Nezapomeň, že všechny akce na fakultě, musí být nahlášeny týden předem, ale u větších akcí to musí být
tři týdny, přes tři týdny, přes
jednoduchý formulář <a href="https://akce.pedf.cuni.cz">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>. <a href="/predseda">Předseda spolku</a>.
</p> </p>
</div> </div>
@ -393,9 +403,9 @@
<span>7.</span> <span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neformály na fakultě</b></h6> <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"> <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/spolekCult/" target="_blank">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://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">microlab</a></li> <li style="padding-left: 0; margin-left:0"><a href="https://microlab.pedf.cuni.cz" target="_blank">microlab</a></li>
</ol> </ol>
</div> </div>
</div> </div>

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

@ -8,6 +8,7 @@
import Logo from '../components/logo.svelte'; import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte'; import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte'; import MenuBtn from '../components/menu-btn.svelte';
import LLink from '../components/llink.svelte';
import ZjistiBtn from '../components/zjisti-vice.svelte'; import ZjistiBtn from '../components/zjisti-vice.svelte';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
@ -22,12 +23,12 @@
<MenuBtn> <MenuBtn>
<div class="horizontal-menu"> <div class="horizontal-menu">
<a href="predseda/#vyrocni-zprava">Výroční zpráva</a> <LLink href="vyrocni-zprava">Výroční zpráva</LLink>
<a href="predseda/#spolkova-mistnost">Spolková místnost</a> <LLink href="spolkova-mistnost">Spolková místnost</LLink>
<a href="predseda/#akce">Akce a nahlašování akcí</a> <LLink href="akce">Akce a nahlašování akcí</LLink>
<a href="predseda/#odkazy">Odkazy a inspirace</a> <LLink href="odkazy">Odkazy a inspirace</LLink>
<a href="predseda/#dalsi">Další spolky</a> <LLink href="dalsi">Další spolky</LLink>
<a href="predseda/#predpisy">Předpisy a pravidla</a> <LLink href="predpisy">Předpisy a pravidla</LLink>
</div> </div>
</MenuBtn> </MenuBtn>
@ -253,7 +254,7 @@
<hr class="thing-hr"> <hr class="thing-hr">
<p style="margin-top: 5vh"> <p style="margin-top: 5vh">
Pokud ses rozhodl uspořádat akci na fakultě, tak pamatuj, že musí být vždy nahlášena přes Pokud 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> <br><br>
Pokud je to akce malá nebo jen na krátko a potřebuješ společný prostor, Pokud je to akce malá nebo jen na krátko a potřebuješ společný prostor,
tak stačí vyplnit formulář týden předem. Ve formuláři můžeš požádat např. o stoly, 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, 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. Bistro Café Therapy, fb událost.
<br><br> <br><br>
Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf">tady v článku VII.</a> Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady v článku VII.</a>
</p> </p>
</div> </div>
<div class="col-5"> <div class="col-5">
@ -283,11 +284,11 @@
<hr class="thing-hr"> <hr class="thing-hr">
<p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify">
Tady najdeš spolky, které působí na UK:<br> 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> <br><br>
Kurzy na různé dovednosti můžeš najít zde:<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="www.naucmese.cz" target="_blank">www.naucmese.cz</a> nebo na
<a href="https://www.acsa.cz">https://www.acsa.cz</a> <a href="https://www.acsa.cz" target="_blank">https://www.acsa.cz</a>
</p> </p>
<h5>A jak to dělají další spolky na fakultě?</h5> <h5>A jak to dělají další spolky na fakultě?</h5>
<hr class="thing-hr"> <hr class="thing-hr">

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

@ -8,6 +8,7 @@
import Logo from '../components/logo.svelte'; import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte'; import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte'; import MenuBtn from '../components/menu-btn.svelte';
import LLink from '../components/llink.svelte';
import ZjistiBtn from '../components/zjisti-vice.svelte'; import ZjistiBtn from '../components/zjisti-vice.svelte';
</script> </script>
@ -17,10 +18,10 @@
<MenuBtn> <MenuBtn>
<div class="horizontal-menu"> <div class="horizontal-menu">
<a href="zalozit-spolek/#formalni">Formální spolek</a> <LLink href="formalni">Formální spolek</LLink>
<a href="zalozit-spolek/#formalni-info">Informace k založení formálního spolku</a> <LLink href="formalni-info">Informace k založení formálního spolku</LLink>
<a href="zalozit-spolek/#neformalni">Neformální spolek</a> <LLink href="neformalni">Neformální spolek</LLink>
<a href="zalozit-spolek/#neformalni-info">Info k založení neformálního spolku</a> <LLink href="neformalni-info">Info k založení neformálního spolku</LLink>
</div> </div>
</MenuBtn> </MenuBtn>
@ -89,11 +90,11 @@
<span>2.</span> <span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Je třeba sepsat osnovy</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Je třeba sepsat osnovy</b></h6>
<p> <p>
<a href="https://drive.google.com/file/d/1ie3rxcpAcsY-OtzDxiZGqgqWJhoaj9gW/view">Takhle</a> je má Agora, <a href="https://drive.google.com/file/d/1ie3rxcpAcsY-OtzDxiZGqgqWJhoaj9gW/view" target="_blank">Takhle</a> je má Agora,
<a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=53001499&subjektId=918043&spis=1008310">takhle</a> Drosophila a <a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=53001499&subjektId=918043&spis=1008310" target="_blank">takhle</a> Drosophila a
<a href="https://or.justice.cz/ias/ui/vypis-sl-detail?dokument=60136056&subjektId=903187&spis=990377">takhle</a> Emil. <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">tady.</a> 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">tady</a>. Víc ke stanovám najdeš <a href="zalozit-spolek/#stanovy" target="_blank">tady</a>.
</p> </p>
</div> </div>
</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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Potom vyplníš tento formulář</b></h6>
<p> <p>
Formulář je potřeba vyplnit, aby byl tvůj spolek zapsán na fakultě. Odkaz na něj najdeš 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> </p>
</div> </div>
</div> </div>
@ -163,7 +164,7 @@
<div class="down"> <div class="down">
<span>7.</span> <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> <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> </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> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <p>
Všechny akce, které spolek bude pořádat je nutné nahlašovat prostřednictvím 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> </p>
</div> </div>
</div> </div>
@ -292,7 +293,7 @@
<span>1.</span> <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> <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 <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> </div>
</div> </div>
@ -324,7 +325,7 @@
<span>4.</span> <span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <p>
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> </p>
</div> </div>
</div> </div>
@ -335,7 +336,7 @@
<span>5.</span> <span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Výroční zpráva</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Výroční zpráva</b></h6>
<p> <p>
Taky musíš odevzdávat výroční zpávu jako spolek formální a to vždy do 30. 4., formulář k tomu najdeš <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_4_vyrocni_zprava.pdf">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> </p>
</div> </div>
</div> </div>
@ -351,7 +352,7 @@ Pozor: funkční období spolku je vždy do konce daného akademického roku, ta
</p> </p>
<p style="font-size: calc(var(--font-size) / 1.7)"> <p style="font-size: calc(var(--font-size) / 1.7)">
Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš Nenašel jsi svoji odpověď? Podrobněji rozepsané informace najdeš
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf">tady</a> v článku VIII. <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady</a> v článku VIII.
</p> </p>
</div> </div>
<div class="col-1"></div> <div class="col-1"></div>

BIN
static/img/1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
static/img/10.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
static/img/11.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
static/img/12.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/img/13.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/img/14.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
static/img/15.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
static/img/16.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/img/17.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
static/img/18.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
static/img/19.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
static/img/2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1015 KiB

BIN
static/img/20.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
static/img/21.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
static/img/22.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/img/23.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/img/24.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/img/25.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
static/img/26.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
static/img/3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
static/img/4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 989 KiB

BIN
static/img/5.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 868 KiB

BIN
static/img/6.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
static/img/7.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
static/img/8.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 992 KiB

BIN
static/img/9.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
static/img/spolky fotky.zip
View File

Binary file not shown.

15
static/main.css
Unescape Escape View File

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

10
static/main.styl
Unescape Escape View File

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