pedf
/
spolky
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

wip

Browse Source
master
Lukáš Hozda 4 years ago
parent 8e3e245458
commit f7be540b54
8 changed files with 65 additions and 44 deletions
Show Stats Download Patch File Download Diff File

10
src/components/zjisti-vice.svelte
Unescape Escape View File

@ -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>

14
src/routes/oborovky.svelte
Unescape Escape View File

@ -5,6 +5,9 @@
.spaced-li li {
margin-bottom: 4vh;
}
p {
font-size: calc(var(--font-size) / 1.8)
}
</style>
<script>
@ -12,6 +15,7 @@
import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte';
import Carousel from '@beyonk/svelte-carousel';
import ZjistiBtn from '../components/zjisti-vice.svelte';
</script>
<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
vás na katedře zastupovat zájmy studentů? Dáme ti všechny potřebné informace.
</h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
↓ Zjisti více
</button>
<ZjistiBtn/>
</div>
</section>
</div>
</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-5" style="line-height: 1">
<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>
</div>
<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>
<ol style="list-style-type: lower-alpha">
<li>
@ -133,7 +135,7 @@
<h4 style="color: var(--color-primary)"><b>Chci založit SOR</b></h4>
</div>
<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>
Přines na podatelnu vyplněný

7
src/routes/prebiram.svelte
Unescape Escape View File

@ -8,6 +8,7 @@
import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte';
import ZjistiBtn from '../components/zjisti-vice.svelte';
</script>
<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
návod toho, co bys měl/a určitě dělat.
</h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
↓ Zjisti více
</button>
<ZjistiBtn/>
</div>
</section>
</div>
</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-5 bg-square">
<h3>Přebírám formální spolek</h3>

43
src/routes/predseda.svelte
Unescape Escape View File

@ -8,6 +8,7 @@
import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte';
import ZjistiBtn from '../components/zjisti-vice.svelte';
</script>
<MenuBtn/>
@ -17,12 +18,12 @@
<Logo/>
<div class="horizontal-menu">
<span>Povinnosti:</span>
<a href="#0">Výroční zpráva</a>
<a href="#0">Spolková místnost</a>
<a href="#0">Akce a nahlašování akcí</a>
<a href="#0">Odkazy a inspirace</a>
<a href="#0">Další spolky</a>
<a href="#0">Předpisy a pravidla</a>
<a href="predseda/#vyrocni-zprava">Výroční zpráva</a>
<a href="predseda/#spolkova-mistnost">Spolková místnost</a>
<a href="predseda/#akce">Akce a nahlašování akcí</a>
<a href="predseda/#odkazy">Odkazy a inspirace</a>
<a href="predseda/#dalsi">Další spolky</a>
<a href="predseda/#predpisy">Předpisy a pravidla</a>
</div>
<div class="row" style="width: 100%">
<section class="col-1"></section>
@ -30,20 +31,18 @@
<div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Předseda spolku</h1>
<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
tě všemi povinnostmi a možnostmi, které jako předseda máš.
</h6>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
↓ Zjisti více
</button>
<ZjistiBtn/>
</div>
</section>
</div>
</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-4 bg-circle">
<div class="col-4 bg-circle" id="vyrocni-zprava">
<h3>Výroční zpráva</h3>
<hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
@ -183,7 +182,7 @@
</section>
<section class="row" style="margin-top: 9rem">
<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>
<hr class="gay-hr">
<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 class="row" style="margin-top: 9rem">
<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>
<hr class="gay-hr">
</div>
@ -255,7 +254,7 @@ S tímhle ale přichází i nějaké povinnosti, které je potřeba dodržovat:
</section>
<section class="row" style="margin-top: 9rem">
<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>
<hr class="gay-hr">
<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>
</div>
</section>
<section class="row" style="margin-top: 4vh">
<section class="row" style="margin-top: 4vh" id="dalsi">
<section class="col">
<link rel="stylesheet" href="/css/carousel.css">
<!-- 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 class="row" style="margin-top: 9rem">
<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>
<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>
</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>nahlásit a opravit jakoukoliv škodu, která byla způsobena</li>
<li>zamykat dveř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>
</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>
</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>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>
@ -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>ví kde jsou baterky a nabíječka k zámku a hlavně jak funguje</li>
</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í
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

11
src/routes/zalozit-spolek.svelte
Unescape Escape View File

@ -8,6 +8,7 @@
import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte';
import ZjistiBtn from '../components/zjisti-vice.svelte';
</script>
<MenuBtn/>
@ -26,16 +27,16 @@
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,
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>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
↓ Zjisti více
</button>
<ZjistiBtn/>
</div>
</section>
</div>
</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-6 bg-square bg-center">
<h2 style="margin-bottom: 1vh"><b>Formální</b></h2>

12
src/routes/zapojit-se.svelte
Unescape Escape View File

@ -2,12 +2,16 @@
main {
background: none !important;
}
p {
text-align: justify;
}
</style>
<script>
import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte';
import ZjistiBtn from '../components/zjisti-vice.svelte';
import Carousel from '@beyonk/svelte-carousel';
</script>
@ -22,18 +26,16 @@
<div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Chci se zapojit</h1>
<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?
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>
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
↓ Zjisti více
</button>
<ZjistiBtn/>
</div>
</section>
</div>
</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-5" style="line-height: 1">
<div class="down" style="margin-right: 3vw">

6
static/main.css
Unescape Escape View File

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

6
static/main.styl
Unescape Escape View File

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