pedf
/
spolky
Archived
1
0
Fork 0
master
Lukáš Hozda 4 years ago
parent 8e3e245458
commit f7be540b54

@ -0,0 +1,10 @@
<script>
function scroll() {
document.getElementById("main-content").scrollIntoView({behavior: 'smooth'});
document.querySelector(".horizontal-menu").scrollIntoView({behavior: 'smooth'});
}
</script>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw" on:click="{scroll}">
↓ Zjisti více
</button>

@ -5,6 +5,9 @@
.spaced-li li { .spaced-li li {
margin-bottom: 4vh; margin-bottom: 4vh;
} }
p {
font-size: calc(var(--font-size) / 1.8)
}
</style> </style>
<script> <script>
@ -12,6 +15,7 @@
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 Carousel from '@beyonk/svelte-carousel'; import Carousel from '@beyonk/svelte-carousel';
import ZjistiBtn from '../components/zjisti-vice.svelte';
</script> </script>
<MenuBtn/> <MenuBtn/>
@ -29,14 +33,12 @@
Něco ti na katedře chybí nebo nefunguje podle předpisů? Přebíráš po někom SOR a chceš u Něco ti na katedře chybí nebo nefunguje podle předpisů? Přebíráš po někom SOR a chceš u
vás na katedře zastupovat zájmy studentů? Dáme ti všechny potřebné informace. vás na katedře zastupovat zájmy studentů? Dáme ti všechny potřebné informace.
</h6> </h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw"> <ZjistiBtn/>
↓ Zjisti více
</button>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row" id="main-content" 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">
@ -89,7 +91,7 @@
<h4 style="color: var(--color-primary)"><b>Přebírám SOR</b></h4> <h4 style="color: var(--color-primary)"><b>Přebírám SOR</b></h4>
</div> </div>
<h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6> <h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6>
<ol style="font-size: calc(var(--font-size) / 1.5)" class="spaced-li"> <ol style="font-size: calc(var(--font-size) / 1.8)" class="spaced-li">
<li>Seznam se s terminologií</li> <li>Seznam se s terminologií</li>
<ol style="list-style-type: lower-alpha"> <ol style="list-style-type: lower-alpha">
<li> <li>
@ -133,7 +135,7 @@
<h4 style="color: var(--color-primary)"><b>Chci založit SOR</b></h4> <h4 style="color: var(--color-primary)"><b>Chci založit SOR</b></h4>
</div> </div>
<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>
<ol style="font-size: calc(var(--font-size) / 1.5)" class="spaced-li"> <ol style="font-size: calc(var(--font-size) / 1.8)" class="spaced-li">
<li>Najdi nejméně 3 zapsané studenty z daného oboru a různých ročníků na Pedf UK a zvol si mluvčího rady</li> <li>Najdi nejméně 3 zapsané studenty z daného oboru a různých ročníků na Pedf UK a zvol si mluvčího rady</li>
<li> <li>
Přines na podatelnu vyplněný Přines na podatelnu vyplněný

@ -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 ZjistiBtn from '../components/zjisti-vice.svelte';
</script> </script>
<MenuBtn/> <MenuBtn/>
@ -26,14 +27,12 @@
které z toho vyplývají. Ale někdy se tak nestane, a proto jsme s ostatními předsedi dali hlavy dohromady a vytvořili které z toho vyplývají. Ale někdy se tak nestane, a proto jsme s ostatními předsedi dali hlavy dohromady a vytvořili
návod toho, co bys měl/a určitě dělat. návod toho, co bys měl/a určitě dělat.
</h6> </h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw"> <ZjistiBtn/>
↓ Zjisti více
</button>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row" id="main-content" style="margin-top: 9rem">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-5 bg-square"> <div class="col-5 bg-square">
<h3>Přebírám formální spolek</h3> <h3>Přebírám formální spolek</h3>

@ -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 ZjistiBtn from '../components/zjisti-vice.svelte';
</script> </script>
<MenuBtn/> <MenuBtn/>
@ -17,12 +18,12 @@
<Logo/> <Logo/>
<div class="horizontal-menu"> <div class="horizontal-menu">
<span>Povinnosti:</span> <span>Povinnosti:</span>
<a href="#0">Výroční zpráva</a> <a href="predseda/#vyrocni-zprava">Výroční zpráva</a>
<a href="#0">Spolková místnost</a> <a href="predseda/#spolkova-mistnost">Spolková místnost</a>
<a href="#0">Akce a nahlašování akcí</a> <a href="predseda/#akce">Akce a nahlašování akcí</a>
<a href="#0">Odkazy a inspirace</a> <a href="predseda/#odkazy">Odkazy a inspirace</a>
<a href="#0">Další spolky</a> <a href="predseda/#dalsi">Další spolky</a>
<a href="#0">Předpisy a pravidla</a> <a href="predseda/#predpisy">Předpisy a pravidla</a>
</div> </div>
<div class="row" style="width: 100%"> <div class="row" style="width: 100%">
<section class="col-1"></section> <section class="col-1"></section>
@ -30,20 +31,18 @@
<div style="margin-top: 23vh"> <div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Předseda spolku</h1> <h1 style="margin-bottom: 5vh">Předseda spolku</h1>
<hr class="gay-hr"> <hr class="gay-hr">
<h6 style="line-height: 1.4; margin-top: 5vh"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.7)">
Přebíráš právě teď spolek nebo si jen něco potřebuješ ujasnit? Provedeme Přebíráš právě teď spolek nebo si jen něco potřebuješ ujasnit? Provedeme
tě všemi povinnostmi a možnostmi, které jako předseda máš. tě všemi povinnostmi a možnostmi, které jako předseda máš.
</h6> </h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw"> <ZjistiBtn/>
↓ Zjisti více
</button>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row" id="main-content" style="margin-top: 9rem">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-4 bg-circle"> <div class="col-4 bg-circle" id="vyrocni-zprava">
<h3>Výroční zpráva</h3> <h3>Výroční zpráva</h3>
<hr class="gay-hr"> <hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
@ -183,7 +182,7 @@
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row" style="margin-top: 9rem">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-4 bg-square"> <div class="col-4 bg-square" id="spolkova-mistnost">
<h3>Spolková místnost</h3> <h3>Spolková místnost</h3>
<hr class="gay-hr"> <hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
@ -217,7 +216,7 @@ S tímhle ale přichází i nějaké povinnosti, které je potřeba dodržovat:
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row" style="margin-top: 9rem">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-5 bg-circle"> <div class="col-5 bg-circle" id="akce">
<h3>Akce a nahlašování akcí</h3> <h3>Akce a nahlašování akcí</h3>
<hr class="gay-hr"> <hr class="gay-hr">
</div> </div>
@ -255,7 +254,7 @@ S tímhle ale přichází i nějaké povinnosti, které je potřeba dodržovat:
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row" style="margin-top: 9rem">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-5 bg-square" style="background-position: top center"> <div class="col-5 bg-square" style="background-position: top center" id="odkazy">
<h4>Odkazy a inspirace</h4> <h4>Odkazy a inspirace</h4>
<hr class="gay-hr"> <hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
@ -268,7 +267,7 @@ S tímhle ale přichází i nějaké povinnosti, které je potřeba dodržovat:
</p> </p>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 4vh"> <section class="row" style="margin-top: 4vh" id="dalsi">
<section class="col"> <section class="col">
<link rel="stylesheet" href="/css/carousel.css"> <link rel="stylesheet" href="/css/carousel.css">
<!-- Slideshow container --> <!-- Slideshow container -->
@ -317,23 +316,23 @@ S tímhle ale přichází i nějaké povinnosti, které je potřeba dodržovat:
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row" style="margin-top: 9rem">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-5 bg-square" style="background-position: top center"> <div class="col-5 bg-square" style="background-position: top center" id="predpisy">
<h4>Předpisy a pravidla</h4> <h4>Předpisy a pravidla</h4>
<hr class="gay-hr"> <hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify">
Základní předpisy, kterými se spolky řidí jsou:<br> Základní předpisy, kterými se spolky řidí jsou:<br>
</p> </p>
<ul style="font-size: calc(var(--font-size) / 1.3);"> <ul style="font-size: calc(var(--font-size) / 1.7);">
<li>udržovat ve spolkovce pořádek</li> <li>udržovat ve spolkovce pořádek</li>
<li>nahlásit a opravit jakoukoliv škodu, která byla způsobena</li> <li>nahlásit a opravit jakoukoliv škodu, která byla způsobena</li>
<li>zamykat dveře</li> <li>zamykat dveře</li>
<li>zapisovat všechny větší akce do kalendáře (viz. výše)</li> <li>zapisovat všechny větší akce do kalendáře (viz. výše)</li>
<li>každý spolek má povinnost zvolit jednoho zástupce, který bude komunikovat s ostatními zástupci a tím se z něj stane správce spolkovky</li> <li>každý spolek má povinnost zvolit jednoho zástupce, který bude komunikovat s ostatními zástupci a tím se z něj stane správce spolkovky</li>
</ul> </ul>
<p style="font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify">
Povinnosti správce spolkovky<br> Povinnosti správce spolkovky<br>
</p> </p>
<ul style="font-size: calc(var(--font-size) / 1.3);"> <ul style="font-size: calc(var(--font-size) / 1.7);">
<li>předávat informace dál do spolku</li> <li>předávat informace dál do spolku</li>
<li>bude mít přehled o majetku spolku v esku</li> <li>bude mít přehled o majetku spolku v esku</li>
<li>směny na úklid (střídání po 14 dnech) - jsou vyvěšené v esku</li> <li>směny na úklid (střídání po 14 dnech) - jsou vyvěšené v esku</li>
@ -341,7 +340,7 @@ S tímhle ale přichází i nějaké povinnosti, které je potřeba dodržovat:
<li>při celofakultních akcích uklízí všichni správci, při velkých akcí jednoho spolku odpovídá správce spolku sám</li> <li>při celofakultních akcích uklízí všichni správci, při velkých akcí jednoho spolku odpovídá správce spolku sám</li>
<li>ví kde jsou baterky a nabíječka k zámku a hlavně jak funguje</li> <li>ví kde jsou baterky a nabíječka k zámku a hlavně jak funguje</li>
</ul> </ul>
<p style="font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify"> <p style="font-size: calc(var(--font-size) / 1.7); margin-top: 5vh; text-align: justify">
Jelikož přístup do spolkovky nefunguje na klíč, ale přes bluetooth a mobilní Jelikož přístup do spolkovky nefunguje na klíč, ale přes bluetooth a mobilní
aplikaci Danalock (stáhneš na Google Play nebo App Storu), je nutné mít ji aplikaci Danalock (stáhneš na Google Play nebo App Storu), je nutné mít ji
nainstalovanou na telefonu. U nově vzniklých spolků může předseda požádat o nainstalovanou na telefonu. U nově vzniklých spolků může předseda požádat o

@ -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 ZjistiBtn from '../components/zjisti-vice.svelte';
</script> </script>
<MenuBtn/> <MenuBtn/>
@ -26,16 +27,16 @@
proto existují i tyhle stránky, aby ti usnadnili se ve všem zorientovat. proto existují i tyhle stránky, aby ti usnadnili se ve všem zorientovat.
Už sis něco pročetl a zjistil jsi, že žádný spolek se ani neblíží tomu, Už sis něco pročetl a zjistil jsi, že žádný spolek se ani neblíží tomu,
co bys chtěl dělat ty? Tak si pro začátek přečti jaké jsou rozdíly mezi co bys chtěl dělat ty? Tak si pro začátek přečti jaké jsou rozdíly mezi
formálním a neformálním spolkem a pak vzhůru na to! formálním a neformálním spolkem a pak vzhůru na to!<br>
Navštiv také <a>spolkový akcelerátor</a>
</h6> </h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw"> <ZjistiBtn/>
↓ Zjisti více
</button>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row" id="main-content" style="margin-top: 5vh">
<section class="col-1"></section> <section class="col-1"></section>
<section class="col-6 bg-square bg-center"> <section class="col-6 bg-square bg-center">
<h2 style="margin-bottom: 1vh"><b>Formální</b></h2> <h2 style="margin-bottom: 1vh"><b>Formální</b></h2>

@ -2,12 +2,16 @@
main { main {
background: none !important; background: none !important;
} }
p {
text-align: justify;
}
</style> </style>
<script> <script>
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 ZjistiBtn from '../components/zjisti-vice.svelte';
import Carousel from '@beyonk/svelte-carousel'; import Carousel from '@beyonk/svelte-carousel';
</script> </script>
@ -22,18 +26,16 @@
<div style="margin-top: 23vh"> <div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Chci se zapojit</h1> <h1 style="margin-bottom: 5vh">Chci se zapojit</h1>
<hr class="gay-hr"> <hr class="gay-hr">
<h6 style="line-height: 1.4; margin-top: 5vh"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Určitě ti neuniklo, že na fakultě máme nějaké spolky a SORky. Víš ale co je co a jak to funguje? Určitě ti neuniklo, že na fakultě máme nějaké spolky a SORky. Víš ale co je co a jak to funguje?
Tady ti vysvětlíme o co že to vlastně jde, proč je dobré toho být součástí a jak a kam se můžeš zapojit. Tady ti vysvětlíme o co že to vlastně jde, proč je dobré toho být součástí a jak a kam se můžeš zapojit.
</h6> </h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw"> <ZjistiBtn/>
↓ Zjisti více
</button>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section id="main-content" 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">

@ -33,12 +33,16 @@ body > canvas {
position: absolute; position: absolute;
left: 0; left: 0;
transition: 0.5s; transition: 0.5s;
width: 2vw;
height: 2vw;
} }
.cross .active { .cross .active {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
left: 0; left: 0;
transition: 0.5s; transition: 0.5s;
width: 2vw;
height: 2vw;
} }
.cross img { .cross img {
max-width: inherit; max-width: inherit;
@ -74,7 +78,7 @@ canvas {
--color-success: #28bd14; --color-success: #28bd14;
--grid-maxWidth: 120rem; --grid-maxWidth: 120rem;
--grid-gutter: 0rem; --grid-gutter: 0rem;
--font-size: 2.5vw; --font-size: 2vw;
--font-family: "Moderat Regular", sans-serif; --font-family: "Moderat Regular", sans-serif;
--font-family-sans: "Moderat Regular", sans-serif; --font-family-sans: "Moderat Regular", sans-serif;
} }

@ -33,11 +33,15 @@ body > canvas
position: absolute position: absolute
left: 0 left: 0
transition: .5s transition: .5s
width max(2vw, 1.5em)
height max(2vw, 1.5em)
.active .active
opacity: 0 opacity: 0
position: absolute position: absolute
left: 0 left: 0
transition: .5s transition: .5s
width max(2vw, 1.5em)
height max(2vw, 1.5em)
img img
max-width: inherit max-width: inherit
&:hover .active &:hover .active
@ -71,7 +75,7 @@ body > canvas
--color-success: #28bd14 --color-success: #28bd14
--grid-maxWidth: 120rem --grid-maxWidth: 120rem
--grid-gutter: 0rem --grid-gutter: 0rem
--font-size: 2.5vw --font-size: 2vw
--font-family: "Moderat Regular", sans-serif --font-family: "Moderat Regular", sans-serif
--font-family-sans: "Moderat Regular", sans-serif --font-family-sans: "Moderat Regular", sans-serif