|
|
@ -4,7 +4,10 @@
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { fade } from 'svelte/transition';
|
|
|
|
import { fade } from 'svelte/transition';
|
|
|
|
import Spolek from '../components/spolek.svelte';
|
|
|
|
import Spolek from '../components/spolek.svelte';
|
|
|
|
|
|
|
|
import { onMount } from 'svelte';
|
|
|
|
|
|
|
|
|
|
|
|
export let selected = "all";
|
|
|
|
export let selected = "all";
|
|
|
|
|
|
|
|
export let mobile = false;
|
|
|
|
|
|
|
|
|
|
|
|
function click(n) {
|
|
|
|
function click(n) {
|
|
|
|
console.log("click");
|
|
|
|
console.log("click");
|
|
|
@ -16,8 +19,22 @@
|
|
|
|
//[OsetTimeout(() => window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: 'smooth'}), 600);
|
|
|
|
//[OsetTimeout(() => window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: 'smooth'}), 600);
|
|
|
|
setTimeout(() => console.log("timed lol"), 600);
|
|
|
|
setTimeout(() => console.log("timed lol"), 600);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function resize() {
|
|
|
|
|
|
|
|
if (window.innerWidth <= 800)
|
|
|
|
|
|
|
|
mobile = true;
|
|
|
|
|
|
|
|
else
|
|
|
|
|
|
|
|
mobile = false;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onMount(() => {
|
|
|
|
|
|
|
|
if (window.innerWidth <= 800)
|
|
|
|
|
|
|
|
mobile = true;
|
|
|
|
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<svelte:window on:resize={resize}/>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="row" style="margin-top: 5vh">
|
|
|
|
<section class="row" style="margin-top: 5vh">
|
|
|
|
<div class="col flexy-boi">
|
|
|
|
<div class="col flexy-boi">
|
|
|
|
<h5 style="color: var(--color-primary)"><b>Najdi ten svůj</b></h5>
|
|
|
|
<h5 style="color: var(--color-primary)"><b>Najdi ten svůj</b></h5>
|
|
|
@ -130,7 +147,7 @@
|
|
|
|
<div class="col">
|
|
|
|
<div class="col">
|
|
|
|
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
|
|
|
|
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{:else if selected == "all"}
|
|
|
|
{:else if selected == "all" && !mobile}
|
|
|
|
<div class="col">
|
|
|
|
<div class="col">
|
|
|
|
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
|
|
|
|
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
|
|
|
|
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
|
|
|
|
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
|
|
|
@ -144,7 +161,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col">
|
|
|
|
<div class="col">
|
|
|
|
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
|
|
|
|
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
|
|
|
|
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
|
|
|
|
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
|
|
|
|
<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 Anglického jazyka" img="/img/5.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
|
|
|
|
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
|
|
|
|
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
|
|
|
@ -154,12 +171,40 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col">
|
|
|
|
<div class="col">
|
|
|
|
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
|
|
|
|
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
|
|
|
|
|
|
|
|
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
|
|
|
|
|
|
|
|
<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 Hudební výchovy" img="/img/16.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ" img="/img/15.png"/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{:else if selected == "all" && mobile}
|
|
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
|
|
|
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
|
|
|
|
|
|
|
|
<Spolek href="http://drosophila.cz/" name="Drosophila" img="/img/3.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
|
|
|
|
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
|
|
|
|
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
|
|
|
|
|
|
|
|
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
|
|
|
|
|
|
|
|
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
|
|
|
|
|
|
|
|
<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 Biologie" img="/img/13.png"/>
|
|
|
|
<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 Českého jazyka" img="/img/9.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Chemie" img="/img/14.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR MŠ" img="/img/20.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Německého jazyka" img="/img/12.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Psychologie" img="/img/18.png"/>
|
|
|
|
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR SPECPED" img="/img/21.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
|
|
|
|
|
|
|
|
<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 VV" img="/img/8.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ" img="/img/15.png"/>
|
|
|
|
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ" img="/img/15.png"/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{/if}
|
|
|
|
{/if}
|
|
|
|