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

mobile shite

Browse Source
master
Lukáš Hozda 4 years ago
parent 657a125177
commit 0f64d007a9
8 changed files with 153 additions and 109 deletions
Show Stats Download Patch File Download Diff File

18
src/routes/akcelerator.svelte
Unescape Escape View File

@ -77,8 +77,8 @@
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <div class="col-1 hide-xs hide-sm"></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">
<div class="side-line" style="margin-bottom: 1vh" id="main-content"> <div class="side-line" style="margin-bottom: 1vh" id="main-content">
@ -90,8 +90,8 @@
<div class="side-line"> <div class="side-line">
<h6><b>Jak se přihlásit?</b></h6> <h6><b>Jak se přihlásit?</b></h6>
</div> </div>
<p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <p class="left-on-mobile" style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
Je to jednoduché. Pošli na e-mail <a href="mailto:tomas.bederka@pedf.cuni.cz">tomas.bederka@pedf.cuni.cz</a> tvůj záměr studentského spolku, Je to jednoduché. Pošli na e-mail <a href="mailto:tomas.bederka@pedf.cuni.cz">Tomáše Bederky</a> tvůj záměr studentského spolku,
který bude obsahovat následující informace: který bude obsahovat následující informace:
</p> </p>
<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)"> <ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
@ -106,8 +106,8 @@
</div> </div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <div class="col-1 hide-xs hide-sm"></div>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -152,10 +152,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <div class="col-1 hide-xs hide-sm"></div>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <div class="col-1 hide-xs hide-sm"></div>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -171,6 +171,6 @@
</div> </div>
<div class="col"></div> <div class="col"></div>
<div class="col"></div> <div class="col"></div>
<div class="col-1"></div> <div class="col-1 hide-xs hide-sm"></div>
</section> </section>
</main> </main>

16
src/routes/index.svelte
Unescape Escape View File

@ -200,35 +200,35 @@
} }
#predseda { #predseda {
top: 25vh; top: 25vh;
width: calc(100% - 16em); width: calc(100% - 4em);
left: 0; left: 0;
padding: 0; padding: 0;
padding-left: 20px; padding-left: 20px;
} }
#prebiram { #prebiram {
top: 37.5vh; top: 37.5vh;
width: calc(100% - 16em); width: calc(100% - 4em);
left: 0; left: 0;
padding: 0; padding: 0;
padding-left: 20px; padding-left: 20px;
} }
#zapojit { #zapojit {
top: 50vh; top: 50vh;
width: calc(100% - 16em); width: calc(100% - 4em);
left: 0; left: 0;
padding: 0; padding: 0;
padding-left: 20px; padding-left: 20px;
} }
#zalozit { #zalozit {
top: 62.5vh; top: 62.5vh;
width: calc(100% - 16em); width: calc(100% - 4em);
left: 0; left: 0;
padding: 0; padding: 0;
padding-left: 20px; padding-left: 20px;
} }
#oborovky { #oborovky {
top: 75vh; top: 75vh;
width: calc(100% - 16em); width: calc(100% - 4em);
left: 0; left: 0;
padding: 0; padding: 0;
padding-left: 20px; padding-left: 20px;
@ -251,9 +251,9 @@
border-radius: 4vw; border-radius: 4vw;
background-color: var(--color-primary); background-color: var(--color-primary);
color: #fff !important; color: #fff !important;
padding: 3rem 1rem; padding: 2rem 1rem;
margin-left: 8em; margin-left: 2em;
margin-right: 8em; margin-right: 2em;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }

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

@ -72,8 +72,8 @@
</section> </section>
</div> </div>
</section> </section>
<section class="row" id="main-content" style="margin-top: 9rem"> <section class="row margin-5vh" id="main-content">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 bg-square" id="formalni"> <div class="col-5 bg-square" id="formalni">
<h3>Přebírám formální spolek</h3> <h3>Přebírám formální spolek</h3>
<hr class="thing-hr"> <hr class="thing-hr">
@ -83,16 +83,16 @@
</p> </p>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-3 side-line" style="line-height: 1" id="postup"> <div class="col-3 side-line" style="line-height: 1" id="postup">
<div> <div>
<h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6> <h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6>
</div> </div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -154,10 +154,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -199,10 +199,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -243,10 +243,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -258,7 +258,7 @@
</p> </p>
<ol style="margin-left: 0; padding-left:0; margin-top: 2vh"> <ol style="margin-left: 0; padding-left:0; margin-top: 2vh">
<li style="margin-left: 0; padding-left: 0"><a href="https://managementmania.com/cs/swot-analyza" target="_blank">Management Mania</a></li> <li style="margin-left: 0; padding-left: 0"><a href="https://managementmania.com/cs/swot-analyza" target="_blank">Management Mania</a></li>
<li style="margin-left: 0; padding-left: 0"><a href="https://www.marketingmind.cz/swot-analyza/" target="_blank">Marketing Mind/</a></li> <li style="margin-left: 0; padding-left: 0"><a href="https://www.marketingmind.cz/swot-analyza/" target="_blank">Marketing Mind</a></li>
<li style="margin-left: 0; padding-left: 0"><a href="https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797" target="_blank">Mladý podnikatel</a></li> <li style="margin-left: 0; padding-left: 0"><a href="https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797" target="_blank">Mladý podnikatel</a></li>
</ol> </ol>
</div> </div>
@ -289,10 +289,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row" style="margin-top: 4vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 flexy-boi"> <div class="col-5 flexy-boi">
<h5 style="margin-bottom: 0; margin-left: -14vw"> <h5 style="margin-bottom: 0; margin-left: -14vw">
Jaké to bylo být předsedou? Jaké to bylo být předsedou?
@ -309,8 +309,8 @@
<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Müllerová, bývalá předsedkyně spolku Agora</h6> <h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Müllerová, bývalá předsedkyně spolku Agora</h6>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 bg-circle" style="background-position: top center"> <div class="col-5 bg-circle" style="background-position: top center">
<h4 id="neformalni">Přebírám neformální spolek</h4> <h4 id="neformalni">Přebírám neformální spolek</h4>
<hr class="thing-hr"> <hr class="thing-hr">
@ -320,16 +320,16 @@
</p> </p>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-3 side-line" style="line-height: 1" id="postup-neformalni"> <div class="col-3 side-line" style="line-height: 1" id="postup-neformalni">
<div> <div>
<h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6> <h6 style="margin-bottom: 0;"><b>Postup přebírání</b></h6>
</div> </div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -386,10 +386,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -430,10 +430,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -462,7 +462,7 @@
</div> </div>
<div class="col"> <div class="col">
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<div class="spacer"></div> <div class="spacer"></div>
</main> </main>

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

@ -75,8 +75,8 @@
</section> </section>
</div> </div>
</section> </section>
<section class="row" id="main-content" style="margin-top: 9rem"> <section class="row margin-5vh" id="main-content">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-4 bg-circle" id="vyrocni-zprava"> <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="thing-hr"> <hr class="thing-hr">
@ -85,8 +85,8 @@
</p> </p>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 4vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 flexy-boi"> <div class="col-5 flexy-boi">
<h5 style="margin-bottom: 0; margin-left: -14vw"> <h5 style="margin-bottom: 0; margin-left: -14vw">
A jak na ní? A jak na ní?
@ -103,8 +103,8 @@
<h6 style="font-size: calc(var(--font-size) / 1.9)">Nela Pastrnková, bývalá místopředsedkyně spolku Agora</h6> <h6 style="font-size: calc(var(--font-size) / 1.9)">Nela Pastrnková, bývalá místopředsedkyně spolku Agora</h6>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-3 side-line" style="line-height: 1"> <div class="col-3 side-line" style="line-height: 1">
<div> <div>
<h6 style="margin-bottom: 0"><b>Hlavní body,</b></h6> <h6 style="margin-bottom: 0"><b>Hlavní body,</b></h6>
@ -112,8 +112,8 @@
<div> <div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -150,10 +150,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -184,10 +184,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -202,10 +202,10 @@
</div> </div>
<div class="col"></div> <div class="col"></div>
<div class="col"></div> <div class="col"></div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 bg-square" id="spolkova-mistnost" style="padding-right: 3vw"> <div class="col-5 bg-square" id="spolkova-mistnost" style="padding-right: 3vw">
<h3>Spolková místnost</h3> <h3>Spolková místnost</h3>
<hr class="thing-hr"> <hr class="thing-hr">
@ -232,8 +232,8 @@
</p> </p>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 bg-square" style="background-position: top center" id="predpisy"> <div class="col-5 bg-square" style="background-position: top center" id="predpisy">
<h4>Předpisy a pravidla spolkové místnosti</h4> <h4>Předpisy a pravidla spolkové místnosti</h4>
<hr class="thing-hr"> <hr class="thing-hr">
@ -269,8 +269,8 @@
<div class="spacer"></div> <div class="spacer"></div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 9vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5" style="font-size: calc(var(--font-size) / 1.7); padding-right: 4vw"> <div class="col-5" style="font-size: calc(var(--font-size) / 1.7); padding-right: 4vw">
<h3 style="font-size: 2.5em" id="akce">Akce a nahlašování akcí</h3> <h3 style="font-size: 2.5em" id="akce">Akce a nahlašování akcí</h3>
<hr class="thing-hr"> <hr class="thing-hr">
@ -299,8 +299,8 @@
<img src="/img/akce.jpg" style="height: auto; width: 100%;" alt=""> <img src="/img/akce.jpg" style="height: auto; width: 100%;" alt="">
</div> </div>
</section> </section>
<section class="row" style="margin-top: 9rem"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5 bg-square" style="background-position: top center" id="odkazy"> <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="thing-hr"> <hr class="thing-hr">
@ -314,7 +314,7 @@
<hr class="thing-hr"> <hr class="thing-hr">
</div> </div>
</section> </section>
<section class="row" style="margin-top: 4vh"> <section class="row margin-5vh">
<section class="col"> <section class="col">
<link rel="stylesheet" href="/css/carousel.css"> <link rel="stylesheet" href="/css/carousel.css">
<!-- Slideshow container --> <!-- Slideshow container -->
@ -349,8 +349,8 @@
</div> </div>
<!-- Next and previous buttons --> <!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)" href="/predseda#0">&#10094;</a> <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)" href="/predseda#0">&#10095;</a> <a class="next" onclick="plusSlides(1)">&#10095;</a>
</div> </div>
<br> <br>

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

@ -79,8 +79,8 @@
</section> </section>
</div> </div>
</section> </section>
<section class="row" id="main-content" style="margin-top: 5vh"> <section class="row margin-5vh" id="main-content">
<section class="col-1"></section> <section class="col-1 hide-xs hide-sm"></section>
<section class="col-6 bg-square bg-center"> <section class="col-6 bg-square bg-center">
<h2 style="margin-bottom: 1vh" id="formalni">Formální spolek</h2> <h2 style="margin-bottom: 1vh" id="formalni">Formální spolek</h2>
<hr class="thing-hr" style="margin-bottom: 5vh; "> <hr class="thing-hr" style="margin-bottom: 5vh; ">
@ -92,8 +92,8 @@
</p> </p>
</section> </section>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-10" style="line-height: 1"> <div class="col-10" style="line-height: 1">
<div class="side-line" id="formalni-info"> <div class="side-line" id="formalni-info">
<h5 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h5> <h5 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h5>
@ -103,8 +103,8 @@
</p> </p>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -141,10 +141,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -185,10 +185,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -212,12 +212,12 @@
</div> </div>
<div class="col"> <div class="col">
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5" style="line-height: 1.4"> <div class="col-5" style="line-height: 1.4">
<div style="height: 8vh" id="stanovy"></div> <div class="height-8vh" id="stanovy"></div>
<div class="down" style="margin-right: 3vw"> <div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh" id="mluvci"> <div class="side-line" style="margin-bottom: 1vh" id="mluvci">
<h6 style="margin-bottom: 0"><b>Jak na stanovy podrobně</b></h6> <h6 style="margin-bottom: 0"><b>Jak na stanovy podrobně</b></h6>
@ -254,7 +254,7 @@
</div> </div>
</div> </div>
<div class="col-5" style="line-height: 1.4"> <div class="col-5" style="line-height: 1.4">
<div style="height: 8vh"></div> <div class="height-8vh"></div>
<div class="down" style="margin-right: 3vw"> <div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh" id="mluvci"> <div class="side-line" style="margin-bottom: 1vh" id="mluvci">
<h6 style="margin-bottom: 0" id="zakladni-prava"><b>Základní práva a povinnosti spolku</b></h6> <h6 style="margin-bottom: 0" id="zakladni-prava"><b>Základní práva a povinnosti spolku</b></h6>
@ -294,7 +294,8 @@
</div> </div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<section class="col-1 hide-xs hide-sm"></section>
<section class="col-1"></section> <section class="col-1"></section>
<section class="col bg-circle bg-center bg-auto" id="neformalni"> <section class="col bg-circle bg-center bg-auto" id="neformalni">
<h3 style="margin-bottom: 1vh">Neformální spolek</h3> <h3 style="margin-bottom: 1vh">Neformální spolek</h3>
@ -305,9 +306,10 @@
je těžší jej řídit. je těžší jej řídit.
</p> </p>
</section> </section>
<section class="col-1"></section> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vj">
<section class="col-1 hide-xs hide-sm"></section>
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-10 side-line" style="line-height: 1" id="neformalni-info"> <div class="col-10 side-line" style="line-height: 1" id="neformalni-info">
<div> <div>
@ -315,8 +317,8 @@
<div> <div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -345,10 +347,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<div class="number-thing"> <div class="number-thing">
<div class="down"> <div class="down">
@ -372,10 +374,10 @@
</div> </div>
</div> </div>
<div class="col"></div> <div class="col"></div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<section class="row"> <section class="row">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col"> <div class="col">
<p style="font-size: calc(var(--font-size) / 1.7)"> <p style="font-size: calc(var(--font-size) / 1.7)">
Pozor: funkční období spolku je vždy do konce daného akademického roku, takže jej musíš registrovat každý rok. Pozor: funkční období spolku je vždy do konce daného akademického roku, takže jej musíš registrovat každý rok.
@ -385,7 +387,7 @@ Pozor: funkční období spolku je vždy do konce daného akademického roku, ta
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady</a> v článku VIII. <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">tady</a> v článku VIII.
</p> </p>
</div> </div>
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
</section> </section>
<div class="spacer"></div> <div class="spacer"></div>
</main> </main>

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

@ -70,8 +70,8 @@
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-5" id="main-content" style="line-height: 1"> <div class="col-5" id="main-content" style="line-height: 1">
<div class="down" style="margin-right: 3vw"> <div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
@ -87,7 +87,6 @@
</div> </div>
</div> </div>
<div class="col-5" style="line-height: 1"> <div class="col-5" style="line-height: 1">
<div style="height: 8vh"></div>
<div class="down" style="margin-right: 3vw"> <div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 2vh"><b>Proč bych se měl do toho pouštět?</b></h6> <h6 style="margin-bottom: 2vh"><b>Proč bych se měl do toho pouštět?</b></h6>
@ -107,8 +106,8 @@
<h5 style="color: var(--color-primary); margin-bottom: 2vh"><b>Jak se v tom všem vyznat?</b></h5> <h5 style="color: var(--color-primary); margin-bottom: 2vh"><b>Jak se v tom všem vyznat?</b></h5>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<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">
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
@ -147,7 +146,6 @@
</div> </div>
</div> </div>
<div class="col-5" style="line-height: 1"> <div class="col-5" style="line-height: 1">
<div style="height: 8vh"></div>
<div class="down" style="margin-right: 3vw"> <div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh"> <div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0"><b>Neformální spolky</b></h6> <h6 style="margin-bottom: 0"><b>Neformální spolky</b></h6>
@ -171,14 +169,14 @@
</div> </div>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 14vh"> <section class="row margin-14vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-6" style="background-position: top center"> <div class="col-6" style="background-position: top center">
<h5>Zkušenosti členů a bývalých členů</h5> <h5>Zkušenosti členů a bývalých členů</h5>
<hr class="thing-hr"> <hr class="thing-hr">
</div> </div>
</section> </section>
<section class="row" style="margin-top: 4vh" id="dalsi"> <section class="row margin-5vh" 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 -->
@ -213,8 +211,8 @@
</div> </div>
<!-- Next and previous buttons --> <!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1, 'mySlides2', 'slideIndex2', 'dot2')" href="/zapojit-se#0">&#10094;</a> <a class="prev" onclick="plusSlides(-1, 'mySlides2', 'slideIndex2', 'dot2')">&#10094;</a>
<a class="next" onclick="plusSlides(1, 'mySlides2', 'slideIndex2', 'dot2')" href="/zapojit-se#0">&#10095;</a> <a class="next" onclick="plusSlides(1, 'mySlides2', 'slideIndex2', 'dot2')">&#10095;</a>
</div> </div>
<br> <br>
@ -227,14 +225,14 @@
</section> </section>
<script src="js/carousel.js"></script> <script src="js/carousel.js"></script>
</section> </section>
<section class="row" style="margin-top: 14vh"> <section class="row margin-14vh">
<div class="col-1"></div> <section class="col-1 hide-xs hide-sm"></section>
<div class="col-6" style="background-position: top center"> <div class="col-6" style="background-position: top center">
<h5>Proč bys měl jít právě k nám?</h5> <h5>Proč bys měl jít právě k nám?</h5>
<hr class="thing-hr"> <hr class="thing-hr">
</div> </div>
</section> </section>
<section class="row" style="margin-top: 4vh" id="dalsi"> <section class="row margin-5vh" 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 -->
@ -277,8 +275,8 @@
</div> </div>
<!-- Next and previous buttons --> <!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1, 'mySlides3', 'slideIndex3', 'dot3')" href="/zapojit-se#0">&#10094;</a> <a class="prev" onclick="plusSlides(-1, 'mySlides3', 'slideIndex3', 'dot3')">&#10094;</a>
<a class="next" onclick="plusSlides(1, 'mySlides3', 'slideIndex3', 'dot3')" href="/zapojit-se#0">&#10095;</a> <a class="next" onclick="plusSlides(1, 'mySlides3', 'slideIndex3', 'dot3')">&#10095;</a>
</div> </div>
<br> <br>
@ -292,7 +290,7 @@
</section> </section>
<script src="js/carousel.js"></script> <script src="js/carousel.js"></script>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row margin-5vh">
<div class="col flexy-boi" style="background-position: top center"> <div class="col flexy-boi" style="background-position: top center">
<h5>Seznam spolků a studentských oborových rad</h5> <h5>Seznam spolků a studentských oborových rad</h5>
<hr class="thing-hr"> <hr class="thing-hr">

24
static/main.css
Unescape Escape View File

@ -296,11 +296,13 @@ canvas {
.menu .horizontal-menu { .menu .horizontal-menu {
bottom: auto; bottom: auto;
top: 0; top: 0;
margin-left: 2vw;
justify-content: flex-start; justify-content: flex-start;
padding-top: 1vw; padding-top: 1vw;
padding-left: 4vw; padding-left: 4vw;
box-sizing: border-box; box-sizing: border-box;
padding-right: 1vw; padding-right: 1vw;
width: auto;
} }
.menu .horizontal-menu a, .menu .horizontal-menu a,
.menu .horizontal-menu span { .menu .horizontal-menu span {
@ -310,6 +312,7 @@ canvas {
.panel .btn .menu-btn { .panel .btn .menu-btn {
left: auto; left: auto;
top: auto; top: auto;
padding-right: 1vw;
} }
.spaced-ul li { .spaced-ul li {
margin-bottom: 1em; margin-bottom: 1em;
@ -317,6 +320,15 @@ canvas {
.top-margin { .top-margin {
margin-top: 23vh; margin-top: 23vh;
} }
.margin-5vh {
margin-top: 5vh;
}
.margin-14vh {
margin-top: 14vh;
}
.height-8vh {
height: 8vh;
}
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.panel .horizontal-menu { .panel .horizontal-menu {
display: none; display: none;
@ -397,4 +409,16 @@ canvas {
.top-margin { .top-margin {
margin-top: 0; margin-top: 0;
} }
.margin-5vh {
margin-top: 0;
}
.left-on-mobile {
text-align: left;
}
.height-8vh {
height: 0;
}
.margin-14vh {
margin-top: 0;
}
} }

20
static/main.styl
Unescape Escape View File

@ -277,11 +277,13 @@ body > canvas
.menu .horizontal-menu .menu .horizontal-menu
bottom: auto; bottom: auto;
top: 0; top: 0;
margin-left: 2vw;
justify-content: flex-start justify-content: flex-start
padding-top: max(1vw, 0.4em); padding-top: max(1vw, 0.4em);
padding-left: max(4vw, 1.8em); padding-left: max(4vw, 1.8em);
box-sizing: border-box; box-sizing: border-box;
padding-right: 1vw; padding-right: 1vw;
width: auto;
& a, & span & a, & span
text-decoration none text-decoration none
margin-right: 2em margin-right: 2em
@ -290,6 +292,7 @@ body > canvas
.panel .btn .menu-btn { .panel .btn .menu-btn {
left: auto; left: auto;
top: auto; top: auto;
padding-right: 1vw
} }
.spaced-ul li { .spaced-ul li {
@ -299,6 +302,15 @@ body > canvas
.top-margin .top-margin
margin-top 23vh margin-top 23vh
.margin-5vh
margin-top 5vh
.margin-14vh
margin-top 14vh
.height-8vh
height 8vh
@media screen and (max-width: 800px) @media screen and (max-width: 800px)
.panel .horizontal-menu .panel .horizontal-menu
display: none display: none
@ -354,3 +366,11 @@ body > canvas
margin-bottom: 0 margin-bottom: 0
.top-margin .top-margin
margin-top: 0 margin-top: 0
.margin-5vh
margin-top: 0
.left-on-mobile
text-align left
.height-8vh
height 0
.margin-14vh
margin-top: 0