pedf
/
spolky
Archived
1
0
Fork 0
Code Pull Requests Releases Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'e12b00937b'
${ noResults }
spolky/src/components/galerie.svelte

252 lines
11 KiB
Svelte
Raw Blame History

<style>
</style>
<script>
import { fade } from 'svelte/transition';
import Spolek from '../components/spolek.svelte';
import { onMount } from 'svelte';
export let selected = "all";
export let mobile = false;
function click(n) {
console.log("click");
if (selected == n) {
selected = "all";
} else {
selected = n;
}
//[OsetTimeout(() => window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: 'smooth'}), 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>
<svelte:window on:resize={resize}/>
<section class="row" style="margin-top: 5vh">
<div class="col flexy-boi">
<h5 style="color: var(--color-primary)"><b>Najdi ten svůj</b></h5>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col flexy-boi">
<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important;">
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('all')}>Všechny</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('hudba')}>Hudba</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('human')}>Humanitní</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('jazyky')}>Jazyky</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('pedag')}>Pedagogika</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('prirod')}>Přírodovědné</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('psych')}>Psychologie</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('sport')}>Sport</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('tech')}>Technika</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('umeni')}>Umění</span>
</div>
</div>
<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 3vh; margin-bottom: 5vh">
<div class="col-2"></div>
{#if selected == "hudba"}
<div class="col">
<Spolek href="mailto:tomas.vonsovsky@agstepanska.cz" name="SOR Hudební výchovy" img="/img/16.png"/>
</div>
<div class="col">
</div>
<div class="col">
</div>
<div class="col">
</div>
{:else if selected == "human"}
<div class="col">
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
</div>
<div class="col">
<Spolek href="https://www.instagram.com/bratri_lihovovi/" name="Bratři Lihovovi" img="/img/27.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/NaSlovickoUK" name="Na slovíčko" img="/img/26.png"/>
</div>
<div class="col">
</div>
{:else if selected == "jazyky"}
<div class="col">
<Spolek href="https://kajl-studenti.webnode.cz/" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://www.facebook.com/thesaurus.pedfuk" name="THESAURUS" img="/img/29.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/SORKGcuni" name="SOR Německého jazyka" img="/img/12.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/SORcestiny/" name="SOR Českého jazyka" img="/img/9.png"/>
</div>
<div class="col">
<Spolek href="https://pages.pedf.cuni.cz/strofa/" name="SOR Francouzského jazyka" img="/img/11.png"/>
</div>
{:else if selected == "pedag"}
<div class="col">
<Spolek href="https://www.facebook.com/SOR1st/" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://www.facebook.com/studentskaradapedagogika/" name="SOR PED" img="/img/22.png"/>
</div>
<div class="col">
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
</div>
<div class="col">
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
</div>
<div class="col">
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
</div>
{:else if selected == "prirod"}
<div class="col">
<Spolek href="https://www.facebook.com/SORbiologie/" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://www.facebook.com/VKZUK/" name="SOR VZ" img="/img/15.png"/>
</div>
<div class="col">
<Spolek href="hhttps://www.facebook.com/SRKCHDCH/" name="SOR Chemie" img="/img/14.png"/>
</div>
<div class="col">
<Spolek href="http://drosophila.cz/" name="Drosophila" img="/img/3.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/strompedfuk" name="SOR Matematiky" img="/img/7.png"/>
</div>
{:else if selected == "psych"}
<div class="col">
<Spolek href="http://psychorada-pedfuk.cz/" name="SOR Psychologie" img="/img/18.png"/>
</div>
<div class="col">
</div>
<div class="col">
</div>
<div class="col">
</div>
{:else if selected == "sport"}
<div class="col">
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="SOR Tělocviku" img="/img/6.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="TĚLOCVIKÁŘI" img="/img/28.png"/>
</div>
<div class="col">
</div>
<div class="col">
</div>
{:else if selected == "tech"}
<div class="col">
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
</div>
<div class="col">
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
</div>
<div class="col">
</div>
<div class="col">
</div>
{:else if selected == "umeni"}
<div class="col">
<Spolek href="https://www.facebook.com/SORKVV/" name="SOR VV" img="/img/8.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
</div>
<div class="col">
</div>
{:else if selected == "all" && !mobile}
<div class="col">
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
<Spolek href="https://www.facebook.com/SORbiologie/" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://www.facebook.com/SRKCHDCH/" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://www.facebook.com/SORKVV/" name="SOR VV" img="/img/8.png"/>
</div>
<div class="col">
<Spolek href="https://www.instagram.com/bratri_lihovovi/" name="Bratři Lihovovi" img="/img/27.png"/>
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="TĚLOCVIKÁŘI" img="/img/28.png"/>
<Spolek href="https://www.facebook.com/SORcestiny/" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
<Spolek href="https://www.facebook.com/SOR1st/" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://www.facebook.com/VKZUK/" name="SOR VZ" img="/img/15.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
<Spolek href="https://www.facebook.com/thesaurus.pedfuk" name="THESAURUS" img="/img/29.png"/>
<Spolek href="https://pages.pedf.cuni.cz/strofa/" name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="https://www.facebook.com/strompedfuk" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://www.facebook.com/SORKGcuni" name="SOR Německého jazyka" img="/img/12.png"/>
</div>
<div class="col">
<Spolek href="http://drosophila.cz/" name="Drosophila" img="/img/3.png"/>
<Spolek href="https://www.facebook.com/NaSlovickoUK" name="Na slovíčko" img="/img/26.png"/>
<Spolek href="https://kajl-studenti.webnode.cz/" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="mailto:tomas.vonsovsky@agstepanska.cz" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="http://psychorada-pedfuk.cz/" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://www.facebook.com/studentskaradapedagogika/" name="SOR PED" img="/img/22.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.instagram.com/bratri_lihovovi/" name="Bratři Lihovovi" img="/img/27.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://www.facebook.com/NaSlovickoUK" 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://www.facebook.com/telocvikaripedfuk" name="TĚLOCVIKÁŘI" img="/img/28.png"/>
<Spolek href="https://www.facebook.com/thesaurus.pedfuk" name="THESAURUS" img="/img/29.png"/>
<Spolek href="https://kajl-studenti.webnode.cz/" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://www.facebook.com/SORbiologie/" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://www.facebook.com/SORcestiny/" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://pages.pedf.cuni.cz/strofa/ " name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="mailto:tomas.vonsovsky@agstepanska.cz" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="https://www.facebook.com/SRKCHDCH/" 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://www.facebook.com/strompedfuk" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://www.facebook.com/SORKGcuni" name="SOR Německého jazyka" img="/img/12.png"/>
<Spolek href="https://www.facebook.com/studentskaradapedagogika/" name="SOR PED" img="/img/22.png"/>
<Spolek href="http://psychorada-pedfuk.cz/" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://www.facebook.com/SOR1st/" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://www.facebook.com/SORKVV/" name="SOR VV" img="/img/8.png"/>
<Spolek href="https://www.facebook.com/VKZUK/ " name="SOR VZ" img="/img/15.png"/>
</div>
{/if}
<div class="col-2"></div>
</section>
View Git Blame Copy Permalink