diff --git a/src/components/logo.svelte b/src/components/logo.svelte index 096cd58..09503a5 100644 --- a/src/components/logo.svelte +++ b/src/components/logo.svelte @@ -2,7 +2,7 @@ .logo { position: absolute; right: 3vh; - top: 3vh; + top: 7vh; cursor: pointer; transition: 0.2s; width: 123px; diff --git a/src/components/menu-btn.svelte b/src/components/menu-btn.svelte index 85faf53..3043d13 100644 --- a/src/components/menu-btn.svelte +++ b/src/components/menu-btn.svelte @@ -1,3 +1,33 @@ + + -
- idle - active + +
+
+
+ idle + active +
+
+
+ +
diff --git a/src/routes/oborovky.svelte b/src/routes/oborovky.svelte index 093b6da..4a7cbc5 100644 --- a/src/routes/oborovky.svelte +++ b/src/routes/oborovky.svelte @@ -18,17 +18,18 @@ import ZjistiBtn from '../components/zjisti-vice.svelte'; - - -
-
- +
Chci založit SOR Povinnosti člena SOR Mluvčí SOR Přebírám SOR
+ + +
+
+
@@ -134,10 +135,18 @@
  • účastnit se společných setkání se zástupci vedení fakulty
  • spolupracovat při akcích typu předstudijní soustředění, den otevřených dveří apod.
    • +
    +
    Jednání rady a vedení
    +
    +
      +
    • rada má právo na jednání s vedoucím katedry (případně jeho zástupcem) nejméně jednou za semestr, kdy vedoucí katedry zajistí + projednání otázek spadajících pod činnosti rady
      • +
    • mluvčí rady se také účastní jednání SOR a spolků s vedením fakulty o kterém vedení informuje alespoň 14 dní předem
      • +
    • další jednání probíhají po vzájemné dohodě
      • +
    -
    Mluvčí SOR
    @@ -146,15 +155,6 @@ 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á.

    -
    Jednání rady a vedení
    -
    -
      -
    • rada má právo na jednání s vedoucím katedry (případně jeho zástupcem) nejméně jednou za semestr, kdy vedoucí katedry zajistí - projednání otázek spadajících pod činnosti rady
      • -
    • mluvčí rady se také účastní jednání SOR a spolků s vedením fakulty o kterém vedení informuje alespoň 14 dní předem
      • -
    • další jednání probíhají po vzájemné dohodě
      • -
    -
    Důležité

    @@ -260,6 +260,7 @@ Your browser does not support video. +

    Jaké to bylo v oborovce?: Štěpán Gabriel, bývalý člen SOR biologie
    diff --git a/src/routes/prebiram.svelte b/src/routes/prebiram.svelte index 2787629..cd88ecf 100644 --- a/src/routes/prebiram.svelte +++ b/src/routes/prebiram.svelte @@ -15,16 +15,17 @@ PedF UK Spolky | Přebírám spolek - + +
    + Formální spolek + Postup přebírání + Neformální spolek +
    +
    -
    - Formální spolek - Postup přebírání - Neformální spolek -
    @@ -270,6 +271,7 @@ Your browser does not support video. +
    Jaké to bylo být předsedou?: Veronika Müllerová, bývalá předsedkyně spolku Agora
    diff --git a/src/routes/predseda.svelte b/src/routes/predseda.svelte index 2d553fc..98db2c8 100644 --- a/src/routes/predseda.svelte +++ b/src/routes/predseda.svelte @@ -20,11 +20,7 @@ PedF UK Spolky | Předseda spolku - - -
    -
    - +
    Výroční zpráva Spolková místnost @@ -33,6 +29,11 @@ Další spolky Předpisy a pravidla
    +     + +
    +
    +
    @@ -73,6 +74,7 @@ Your browser does not support video. +
    Výroční zpráva: Nela Pastrnková, bývalá místopředsedkyně spolku Agora
    @@ -267,6 +269,7 @@ Your browser does not support video. +
    Lenka Nováková, předsedkyně spolku Agora
    @@ -275,6 +278,7 @@ Your browser does not support video. +
    Michala Chudobová, předsedkyně Pedagogického spolku Emil
    diff --git a/src/routes/zalozit-spolek.svelte b/src/routes/zalozit-spolek.svelte index c4a48c6..ae40630 100644 --- a/src/routes/zalozit-spolek.svelte +++ b/src/routes/zalozit-spolek.svelte @@ -15,17 +15,18 @@ PedF UK Spolky | Založit spolek - - -
    -
    - +
    Formální spolek Informace k založení formálního spolku Neformální spolek Info k založení neformálního spolku
    +     + +
    +
    +
    @@ -135,22 +136,6 @@
    6. -
    Registruj se jako fakultní spolek
    -

    - Formulář je potřeba vyplnit, aby byl tvůj spolek zapsán na fakultě. Odkaz najdeš - tady. -

    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    - 7.
    Základní předpisy
    1. @@ -169,19 +154,23 @@
    +
    +
    +
    +
    - 8. + 7.
    Povinnosti a práva spolku
    -

    Tohle jsme ti podrobněji sepsali tady.

    +

    Tohle jsme ti podrobněji sepsali tady.

    - 9. + 8.
    Nahlašování akcí

    Všechny akce, které spolek bude pořádat je nutné nahlašovat prostřednictvím @@ -190,6 +179,8 @@

    +
    +
    @@ -235,9 +226,9 @@
    -
    Základní práva a povinnosti spolku
    +
    Základní práva a povinnosti spolku
    -
      +
      • Musíš do 30. 4. odevzdat výroční zprávu.
        • @@ -276,7 +267,7 @@

        Neformální spolek

        -
        +

        Hodí se pro partu lidí, které spojují společné zájmy a koníčky, jako například divadlo. Nemusí mít sice žádné volby a orgány, ale má zase menší rozpočet a ve chvíli, kdy se začne rozrůstat, diff --git a/src/routes/zapojit-se.svelte b/src/routes/zapojit-se.svelte index a2048ee..f23e99c 100644 --- a/src/routes/zapojit-se.svelte +++ b/src/routes/zapojit-se.svelte @@ -167,6 +167,7 @@ Your browser does not support video. +

        Jana Gombík Ruszó, zakladatelka spolku Drosophila
    @@ -175,6 +176,7 @@ Your browser does not support video. +
    Štěpán Gabriel, bývalý člen SOR biologie
    @@ -183,6 +185,7 @@ Your browser does not support video. +
    Veronika Valínová, bývalá členka spolku Agora
    @@ -220,6 +223,7 @@ Your browser does not support video. +
    Michala Chudobová, předsedkyně Pedagogického spolku Emil
    @@ -228,6 +232,7 @@ Your browser does not support video. +
    Petr Holub, předseda spolku Drosophila
    @@ -236,6 +241,7 @@ Your browser does not support video. +
    Lenka Nováková, předsedkyně spolku Agora
    4 / 4
    @@ -243,6 +249,7 @@ Your browser does not support video. +
    Linda Pleskačová, radní pro PR spolku Otevřeno
    diff --git a/static/img/def-spolek.png b/static/img/def-spolek.png new file mode 100644 index 0000000..0be87a5 Binary files /dev/null and b/static/img/def-spolek.png differ diff --git a/static/main.css b/static/main.css index 59e8e53..8412b4d 100644 --- a/static/main.css +++ b/static/main.css @@ -21,15 +21,19 @@ body > canvas { opacity: 0; z-index: -1000; } +.navigation-overlay .logo { + position: fixed !important; +} .open-nav { opacity: 1; z-index: 1000; } .cross { cursor: pointer; - position: absolute; - left: 2vh; - top: 2vh; + left: 1vh; + top: 1vh; + width: 2vw; + height: 2vw; } .cross .idle { opacity: 1; @@ -38,6 +42,7 @@ body > canvas { transition: 0.5s; width: 2vw; height: 2vw; + margin-left: 1vw; } .cross .active { opacity: 0; @@ -46,6 +51,7 @@ body > canvas { transition: 0.5s; width: 2vw; height: 2vw; + margin-left: 1vw; } .cross img { max-width: inherit; @@ -61,6 +67,7 @@ body > canvas { top: 3vh; } #root { + margin-top: 3vw; transition: 0.6s; min-height: 100vh; } @@ -121,10 +128,11 @@ canvas { color: #000; font-size: calc(var(--font-size) / 1.7); cursor: pointer; - transition: 0.2s; + transition: 0.1s; + box-sizing: content-box; } .horizontal-menu a:hover { - border: solid 2px var(--color-primary); + border-bottom: solid 2px var(--color-primary); opacity: 1 !important; } .thing-hr { @@ -269,3 +277,21 @@ canvas { left: 0; z-index: 1; } +.menu .horizontal-menu { + bottom: auto; + top: 0; + padding-top: 1vw; + padding-left: 4vw; + box-sizing: border-box; + padding-right: 1vw; +} +.menu .horizontal-menu a { + text-decoration: none; +} +.panel .btn .menu-btn { + left: auto; + top: auto; +} +.spaced-ul li { + margin-bottom: 1em; +} diff --git a/static/main.styl b/static/main.styl index 175d399..758bfa3 100644 --- a/static/main.styl +++ b/static/main.styl @@ -21,6 +21,8 @@ body > canvas transition: .7s; opacity 0 z-index -1000 + & .logo + position: fixed !important .open-nav opacity 1 @@ -28,10 +30,10 @@ body > canvas .cross cursor pointer - position absolute - - left 2vh - top 2vh + left 1vh + top 1vh + width max(2vw, 1.5em) + height max(2vw, 1.5em) .idle opacity: 1 position: absolute @@ -39,6 +41,7 @@ body > canvas transition: .5s width max(2vw, 1.5em) height max(2vw, 1.5em) + margin-left 1vw .active opacity: 0 position: absolute @@ -46,6 +49,7 @@ body > canvas transition: .5s width max(2vw, 1.5em) height max(2vw, 1.5em) + margin-left 1vw img max-width: inherit &:hover .active @@ -58,6 +62,7 @@ body > canvas top 3vh #root + margin-top: max(3vw, 1.7em) transition .6s min-height 100vh // min-width 100vw @@ -120,9 +125,10 @@ body > canvas color: #000 font-size calc(var(--font-size) / 1.7) cursor pointer - transition .2s + transition .1s + box-sizing: content-box &:hover - border: solid 2px var(--color-primary) + border-bottom: solid 2px var(--color-primary) opacity: 1 !important .thing-hr @@ -256,3 +262,23 @@ body > canvas left:0; z-index:1; } + +.menu .horizontal-menu + bottom: auto; + top: 0; + padding-top: max(1vw, 0.4em); + padding-left: max(4vw, 1.8em); + box-sizing: border-box; + padding-right: 1vw; + & a + text-decoration none + + +.panel .btn .menu-btn { + left: auto; + top: auto; +} + +.spaced-ul li { + margin-bottom: 1em +}