From ba79317025eb2479d9c4d1117f32dda3866c852a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Hozda?= Date: Wed, 7 Oct 2020 11:33:48 +0200 Subject: [PATCH] najdi ten svuj --- src/components/galerie.svelte | 131 ++++++++++++++++++++++++++++++++++ src/components/spolek.svelte | 24 +++++++ src/routes/predseda.svelte | 2 +- src/routes/zapojit-se.svelte | 28 +------- static/main.css | 12 ++++ static/main.styl | 11 ++- 6 files changed, 180 insertions(+), 28 deletions(-) create mode 100644 src/components/galerie.svelte create mode 100644 src/components/spolek.svelte diff --git a/src/components/galerie.svelte b/src/components/galerie.svelte new file mode 100644 index 0000000..8452657 --- /dev/null +++ b/src/components/galerie.svelte @@ -0,0 +1,131 @@ + + + + +
+
+
Najdi ten svůj
+
+
+
+
+
+
+ click('hudba')}>Hudba + click('human')}>Humanitní + click('jazyky')}>Jazyky + click('pedag')}>Pedagogika + click('prirod')}>Přírodovědné + click('psych')}>Psychologie + click('sport')}>Sport + click('tech')}>Technika + click('umeni')}>Umění +
+
+
+
+
+
+ {#if selected == "hudba"} +
+ +
+
+
+
+
+ {:else if selected == "human"} +
+ +
+
+ +
+
+
+ {:else if selected == "jazyky"} +
+ + +
+
+ +
+
+ +
+ {:else if selected == "pedag"} +
+ + +
+
+ + +
+
+ + +
+ {:else if selected == "prirod"} +
+ + +
+
+ + +
+
+ +
+ {:else if selected == "psych"} +
+ +
+
+
+
+
+ {:else if selected == "sport"} +
+ +
+
+
+
+
+ {:else if selected == "tech"} +
+ +
+
+ +
+
+
+ {:else if selected == "umeni"} +
+ +
+
+ +
+
+ +
+ {/if} +
+
diff --git a/src/components/spolek.svelte b/src/components/spolek.svelte new file mode 100644 index 0000000..7e8d7b4 --- /dev/null +++ b/src/components/spolek.svelte @@ -0,0 +1,24 @@ + + + + +
+ +
{name}
+
diff --git a/src/routes/predseda.svelte b/src/routes/predseda.svelte index 98db2c8..7afa27c 100644 --- a/src/routes/predseda.svelte +++ b/src/routes/predseda.svelte @@ -212,7 +212,7 @@
-

Akce a nahlašování akcí

+

Akce a nahlašování akcí

Pokud ses rozhodl uspořádat akci na fakultě, tak pamatuj, že musí být nahlášena přes diff --git a/src/routes/zapojit-se.svelte b/src/routes/zapojit-se.svelte index f23e99c..a15a138 100644 --- a/src/routes/zapojit-se.svelte +++ b/src/routes/zapojit-se.svelte @@ -13,6 +13,7 @@ import MenuBtn from '../components/menu-btn.svelte'; import ZjistiBtn from '../components/zjisti-vice.svelte'; import Carousel from '@beyonk/svelte-carousel'; + import Galerie from '../components/galerie.svelte'; import { onMount } from 'svelte'; onMount(async () => { @@ -274,32 +275,7 @@

-
-
-
Najdi ten svůj
-
-
-
-
-
-
- Sport - Umění - Psychologie - Pedagogika - Logika - Filozofie - Společnost - Hudba - Dějiny -
-
-
-
-
-
-
-
+ diff --git a/static/main.css b/static/main.css index 8412b4d..d786cdb 100644 --- a/static/main.css +++ b/static/main.css @@ -135,6 +135,17 @@ canvas { border-bottom: solid 2px var(--color-primary); opacity: 1 !important; } +.horizontal-menu.no-underline span { + color: #000; + font-size: calc(var(--font-size) / 1.7); + cursor: pointer; + transition: 0.1s; + box-sizing: content-box; +} +.horizontal-menu.no-underline span:hover { + border-bottom: solid 2px var(--color-primary); + opacity: 1 !important; +} .thing-hr { width: 10vw; height: 0.6vh; @@ -237,6 +248,7 @@ canvas { } .hover-man { transition: 0.3s; + cursor: pointer; } .hover-man:hover { filter: brightness(0.7) contrast(0.7); diff --git a/static/main.styl b/static/main.styl index 758bfa3..837024d 100644 --- a/static/main.styl +++ b/static/main.styl @@ -130,6 +130,15 @@ body > canvas &:hover border-bottom: solid 2px var(--color-primary) opacity: 1 !important + &.no-underline span + color: #000 + font-size calc(var(--font-size) / 1.7) + cursor pointer + transition .1s + box-sizing: content-box + &:hover + border-bottom: solid 2px var(--color-primary) + opacity: 1 !important .thing-hr width: 10vw; @@ -216,11 +225,11 @@ body > canvas content: counter(list, lower-alpha) ") "; .row -// width: 100vw text-transform none .hover-man transition: .3s + cursor: pointer &:hover filter brightness(.7) contrast(.7)