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

update

Browse Source
master
Lukáš Hozda 4 years ago
parent 1d063d0eea
commit e1f4ac7f89
6 changed files with 274 additions and 161 deletions
Show Stats Download Patch File Download Diff File

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

@ -1,7 +1,10 @@
<script> <script>
export let menu;
function scroll() { function scroll() {
document.getElementById("main-content").scrollIntoView({behavior: 'smooth'}); document.getElementById("main-content").scrollIntoView({behavior: 'smooth'});
document.querySelector(".horizontal-menu").scrollIntoView({behavior: 'smooth'}); if (menu) {
document.querySelector(".horizontal-menu").scrollIntoView({behavior: 'smooth'});
}
} }
</script> </script>

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

@ -23,26 +23,115 @@
<main id="root"> <main id="root">
<section class="row fullheight"> <section class="row fullheight">
<Logo/> <Logo/>
<div class="horizontal-menu">
<a href="oborovky/#zalozit">Chci založit SOR</a>
<a href="oborovky/#povinnosti">Povinnosti člena SOR</a>
<a href="oborovky/#mluvci">Mluvčí SOR</a>
<a href="oborovky/#prebiram">Přebírám SOR</a>
</div>
<div class="row" style="width: 100%"> <div class="row" style="width: 100%">
<section class="col-1"></section> <section class="col-1"></section>
<section class="col-5"> <section class="col-5">
<div style="margin-top: 23vh"> <div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Chci vědět víc o oborovkách</h1> <h1 style="margin-bottom: 5vh">Chci vědět víc o oborovkách</h1>
<hr class="gay-hr"> <hr class="gay-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.8)"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
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>
<ZjistiBtn/> <ZjistiBtn menu={true}/>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<div class="side-line" style="margin-bottom: 1vh+" id="zalozit">
<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>
<p>
Všechny ustanovené SOR najdeš na <a href="https://pedf.cuni.cz/PEDF-386.html">webu fakulty</a>.
</p>
</div>
<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<div class="number-gay">
<div class="down">
<div class="right">
<span>1.</span>
<p>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</p>
</div>
</div>
</div>
<div class="number-gay" style="margin-top: 14vh">
<div class="down">
<div class="right">
<span>4.</span>
<p>Shrnutí základních pravidel pro SOR</p>
</div>
<ol style="list-style-type: lower-alpha">
<li>
Každý obor může mít pouze jednu oborovou radu
</li>
<li>
Radu je možné ustanovit kdykoliv v průběhu akademického roku a její funkční období je
do konce daného akademického roku - to znamená, že každý rok musíš radu ustanovit znova
</li>
<li>
Rada se vyjadřuje k průběhu výuky na příslušném pracovišti Pedf UK
</li>
</ol>
</div>
</div>
</div>
<div class="col">
<div style="height: 6vh"></div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>2.</span>
<p>
Přines na podatelnu vyplněný
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku_formular.docx">tento papír</a>
a směřuj ho do rukou místopředsedy Akademického senátu (AS)
</p>
</div>
</div>
</div>
</div>
<div class="col">
<div style="height: 12vh"></div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>3.</span>
<p>Pokud jsi splnil všechno potřebné, tak na nejbližším zasedání AS bude tvá SOR ustanovena</p>
</div>
</div>
</div>
</div>
<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<p>
Všechny ustanovené SOR najdeš na <a href="https://pedf.cuni.cz/PEDF-386.html">webu fakulty</a>.
</p>
<div class="spacer"></div>
</div>
<div class="col-1"></div>
</section>
<section class="row" id="main-content" 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">
<div class="side-line" style="margin-bottom: 1vh+"> <div class="side-line" style="margin-bottom: 1vh+" id="povinnosti">
<h6 style="margin-bottom: 0"><b>Povinnosti člena SOR:</b></h6> <h6 style="margin-bottom: 0"><b>Povinnosti člena SOR:</b></h6>
</div> </div>
<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)"> <ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
@ -56,7 +145,7 @@
<div class="col-5" style="line-height: 1"> <div class="col-5" style="line-height: 1">
<div style="height: 8vh"></div> <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" id="mluvci">
<h6 style="margin-bottom: 0"><b>Mluvčí SOR</b></h6> <h6 style="margin-bottom: 0"><b>Mluvčí SOR</b></h6>
</div> </div>
<p style="margin-top:3vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)"> <p style="margin-top:3vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
@ -87,12 +176,25 @@
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col"> <div class="col">
<div class="side-line" style="margin-bottom: 1vh+"> <div class="side-line" style="margin-bottom: 1vh+" id="prebiram">
<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.8)" class="spaced-li"> <p>
<li>Seznam se s terminologií</li> Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku.pdf">sem</a>.
</p>
</div>
<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<div class="number-gay">
<div class="down">
<div class="right">
<span>1.</span>
<p><b>Seznam se s terminologií</b></p>
</div>
<ol style="list-style-type: lower-alpha"> <ol style="list-style-type: lower-alpha">
<li> <li>
<b>Formální spolek (formál)</b> je spolek s IČem (je zapsaný na soudu) a oficiálně volenými orgány - <b>Formální spolek (formál)</b> je spolek s IČem (je zapsaný na soudu) a oficiálně volenými orgány -
@ -107,62 +209,53 @@
kterými se řídí univerzita a její pracoviště kterými se řídí univerzita a její pracoviště
</li> </li>
</ol> </ol>
<li> </div>
<b>Nahlaš to fakultě - </b> </div>
Funkční období SOR je pouze do konce daného akademického roku, takže je potřeba ji ustanovit každý rok znovu <div class="number-gay" style="margin-top: 14vh">
</li> <div class="down">
<li> <div class="right">
<b>Zkontroluj si finance - </b> <span>4.</span>
Seznam se s tím, jak si SOR doteď nakládala s penězi a zjisti si, jak fungují grant <p><b>Neboj se zeptat - </b>
</li>
<li>
<b>Neboj se zeptat - </b>
Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, měsíc nebo půl Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, měsíc nebo půl
roku zjistíš, že se objevilo něco, čemu nerozumíš. Neboj se kontaktovat bývalého mluvčího, roku zjistíš, že se objevilo něco, čemu nerozumíš. Neboj se kontaktovat bývalého mluvčího,
někoho z jiné SOR nebo z fakulty a prostě se zeptej! někoho z jiné SOR nebo z fakulty a prostě se zeptej!</p>
</li> </div>
</ol> </div>
<p> </div>
Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku.pdf">sem</a>. </div>
</p> <div class="col">
<div style="height: 6vh"></div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>2.</span>
<p>
<b>Nahlaš to fakultě - </b>
Funkční období SOR je pouze do konce daného akademického roku, takže je potřeba ji ustanovit každý rok znovu
</p>
</div>
</div>
</div>
</div>
<div class="col">
<div style="height: 12vh"></div>
<div class="number-gay">
<div class="down">
<div class="right">
<span>3.</span>
<p><b>Zkontroluj si finance - </b>
Seznam se s tím, jak si SOR doteď nakládala s penězi a zjisti si, jak fungují grant</p>
</div>
</div>
</div>
</div> </div>
<div class="col-1"></div> <div class="col-1"></div>
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col"> <div class="col">
<div class="side-line" style="margin-bottom: 1vh+">
<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.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ý
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku_formular.docx">tento papír</a>
a směřuj ho do rukou místopředsedy Akademického senátu (AS)
</li>
<li>
Pokud jsi splnil všechno potřebné, tak na nejbližším zasedání AS bude tvá SOR ustanovena
</li>
<li>
Shrnutí základních pravidel pro SOR
</li>
<ol style="list-style-type: lower-alpha">
<li>
Každý obor může mít pouze jednu oborovou radu
</li>
<li>
Radu je možné ustanovit kdykoliv v průběhu akademického roku a její funkční období je
do konce daného akademického roku - to znamená, že každý rok musíš radu ustanovit znova
</li>
<li>
Rada se vyjadřuje k průběhu výuky na příslušném pracovišti Pedf UK
</li>
</ol>
</ol>
<p> <p>
Všechny ustanovené SOR najdeš na <a href="https://pedf.cuni.cz/PEDF-386.html">webu fakulty</a>. Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_c._72019_pravidla_zrizovani_a_jednani_studentskych_oborovych_rad_a_neformalnich_studentskych_spolku.pdf">sem</a>.
</p> </p>
<div class="spacer"></div> <div class="spacer"></div>
</div> </div>

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

@ -16,24 +16,29 @@
<main id="root"> <main id="root">
<section class="row fullheight"> <section class="row fullheight">
<Logo/> <Logo/>
<div class="horizontal-menu">
<a href="prebiram/#formalni">Formální spolek</a>
<a href="prebiram/#postup">Postup přebírání</a>
<a href="prebiram/#neformalni">Neformální spolek</a>
</div>
<div class="row" style="width: 100%"> <div class="row" style="width: 100%">
<section class="col-1"></section> <section class="col-1"></section>
<section class="col-5"> <section class="col-5">
<div style="margin-top: 23vh"> <div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Přebírám spolek</h1> <h1 style="margin-bottom: 5vh">Přebírám spolek</h1>
<hr class="gay-hr"> <hr class="gay-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.75)"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Ve většině případů si předsedové předají všechny potřebné náležitosti a ten starý pomůže novému se vším, co bude v jeho silách. Ve většině případů si předsedové předají všechny potřebné náležitosti a ten starý pomůže novému se vším, co bude v jeho silách.
Ne vždycky to ale stačí a občas se prostě hodí mít sepsané na jednom místě všechno, co máš dělat a jen si odškrtávat hotovo. Ne vždycky to ale stačí a občas se prostě hodí mít sepsané na jednom místě všechno, co máš dělat a jen si odškrtávat hotovo.
</h6> </h6>
<ZjistiBtn/> <ZjistiBtn menu={true}/>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section class="row" id="main-content" 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" id="formalni">
<h3>Přebírám formální spolek</h3> <h3>Přebírám formální spolek</h3>
<hr class="gay-hr"> <hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: left"> <p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: left">
@ -44,7 +49,7 @@
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-3 side-line" style="line-height: 1"> <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>
@ -56,7 +61,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>1.</span> <span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Seznam se s terminologií</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5)"><b>Seznam se s terminologií</b></h6>
<ol style="list-style-type: alpha; margin-left:0"> <ol style="list-style-type: alpha; margin-left:0">
<li> <li>
<b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými <b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými
@ -81,7 +86,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>2.</span> <span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Napiš na soud</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Napiš na soud</b></h6>
<p> <p>
Jak jsme již zmiňovali, formály jsou zapsané na soudě, takže Jak jsme již zmiňovali, formály jsou zapsané na soudě, takže
tam musíš poslat všechny potřebné náležitosti a ohlásit tím změnu tam musíš poslat všechny potřebné náležitosti a ohlásit tím změnu
@ -99,7 +104,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>3.</span> <span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nahlas to fakultě</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlas to fakultě</b></h6>
<p> <p>
Když budeš v tom papírování, tak je potřeba dát vědět i fakultě, Když budeš v tom papírování, tak je potřeba dát vědět i fakultě,
co se u vás ve spolku děje, ať ví, s kým mají jednat co se u vás ve spolku děje, ať ví, s kým mají jednat
@ -116,7 +121,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>4.</span> <span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Přístup ke spolkovému účtu</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Přístup ke spolkovému účtu</b></h6>
<p> <p>
Peníze nejsou důvodem, proč být ve spolku, ale bez nich by spolek pracoval těžko, Peníze nejsou důvodem, proč být ve spolku, ale bez nich by spolek pracoval těžko,
proto je důležité mít přístup ke spolkovému účtu. Sežeň si k němu co nejdřív údaje a proto je důležité mít přístup ke spolkovému účtu. Sežeň si k němu co nejdřív údaje a
@ -131,7 +136,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>5.</span> <span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nejdříve zkontroluj finanční dokumenty</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nejdříve zkontroluj finanční dokumenty</b></h6>
<p> <p>
Seznam se s tím, jak si spolek vede účetnictví a zkontroluj, zda bylo podáno daňová Seznam se s tím, jak si spolek vede účetnictví a zkontroluj, zda bylo podáno daňová
přiznání za minulé období. Poslední, co chceš řešit je návštěva berňáku. přiznání za minulé období. Poslední, co chceš řešit je návštěva berňáku.
@ -144,7 +149,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>6.</span> <span>6.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Inspiruj se u podobných organizací</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<p> <p>
Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
- např. na UK máme <a href="https://cuni.cz/UK-8518.html">spoustu spolků</a> i mimo PedF, zajímavé najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/">na VŠE</a> a - např. na UK máme <a href="https://cuni.cz/UK-8518.html">spoustu spolků</a> i mimo PedF, zajímavé najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/">na VŠE</a> a
@ -163,7 +168,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>7.</span> <span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Přečti si pravidla spolkovky</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Přečti si pravidla spolkovky</b></h6>
<p> <p>
Asi víš, že máte přístup do spolkovky. Nese to s sebou spoustu benefitů, ale i povinností, Asi víš, že máte přístup do spolkovky. Nese to s sebou spoustu benefitů, ale i povinností,
tak si přečti více o jejím fungování v sekci <a href="/predseda">Předseda spolku</a> tak si přečti více o jejím fungování v sekci <a href="/predseda">Předseda spolku</a>
@ -176,7 +181,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>8.</span> <span>8.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nahlašování akcí</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <p>
Nezapomeň, že všechny akce na fakultě, musí být nahlášeny 10 dní předem přes Nezapomeň, že všechny akce na fakultě, musí být nahlášeny 10 dní předem přes
jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v
@ -190,7 +195,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>9.</span> <span>9.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nastav si fungování týmu</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nastav si fungování týmu</b></h6>
<p> <p>
V tvém nejbližším okolí bude tým lidí, nejčastěji se nazývají Rada, V tvém nejbližším okolí bude tým lidí, nejčastěji se nazývají Rada,
kteří budou tvoje ruce, oči a uši ve spolku. Pokud si nevíš rady, jak kteří budou tvoje ruce, oči a uši ve spolku. Pokud si nevíš rady, jak
@ -209,7 +214,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>10.</span> <span>10.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Další formály na fakultě</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Další formály na fakultě</b></h6>
<ul> <ul>
<li><a href="https://spolekagora.cz">Agora</a></li> <li><a href="https://spolekagora.cz">Agora</a></li>
<li><a href="http://drosophila.cz">Drosophila</a></li> <li><a href="http://drosophila.cz">Drosophila</a></li>
@ -223,7 +228,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>11.</span> <span>11.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>SWOT</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>SWOT</b></h6>
<p> <p>
Osobně hodně doporučujeme udělat si základní SWOT analýzu, která ti poradí, jak na tom spolek Osobně hodně doporučujeme udělat si základní SWOT analýzu, která ti poradí, jak na tom spolek
je a kam může směřovat dál. Co je to SWOTka a jak na ni najdeš třeba na těchto odkazech: je a kam může směřovat dál. Co je to SWOTka a jak na ni najdeš třeba na těchto odkazech:
@ -241,7 +246,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>12.</span> <span>12.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Rady od starších</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Rady od starších</b></h6>
<p> <p>
Aby toho všeho nebylo málo, tady máš rady od bývalých i současných předsedů: Aby toho všeho nebylo málo, tady máš rady od bývalých i současných předsedů:
</p> </p>
@ -256,7 +261,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>13.</span> <span>13.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nezapomeň se koukat i k sobě</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nezapomeň se koukat i k sobě</b></h6>
<p> <p>
Zjisti si, jestli máte sami např. někde na disku vlastní návody, infografiky, seznamy toho, jak Zjisti si, jestli máte sami např. někde na disku vlastní návody, infografiky, seznamy toho, jak
fungují některé procesy ve spolku nebo třeba kde co najít. fungují některé procesy ve spolku nebo třeba kde co najít.
@ -269,7 +274,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>14.</span> <span>14.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Neboj se zeptat!</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neboj se zeptat!</b></h6>
<p> <p>
Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, měsíc nebo půl roku zjistíš, Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, měsíc nebo půl roku zjistíš,
že se objevilo něco, čemu nerozumíš. Neboj se kontaktovat bývalého předsedu, někoho z jiného spolku nebo že se objevilo něco, čemu nerozumíš. Neboj se kontaktovat bývalého předsedu, někoho z jiného spolku nebo
@ -299,7 +304,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>1.</span> <span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Seznam se s terminologií</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Seznam se s terminologií</b></h6>
<ol style="list-style-type: alpha; margin-left:0"> <ol style="list-style-type: alpha; margin-left:0">
<li> <li>
<b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými <b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými
@ -324,7 +329,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>2.</span> <span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nahlaš to fakultě</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlaš to fakultě</b></h6>
<p> <p>
Jak jsme již zmiňovali, tak nejdůležitější je dát vědět fakultě, co se u vás ve spolku děje, Jak jsme již zmiňovali, tak nejdůležitější je dát vědět fakultě, co se u vás ve spolku děje,
ať ví, s kým mají jednat. “Stačí vyplnit tohle” ať ví, s kým mají jednat. “Stačí vyplnit tohle”
@ -337,7 +342,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>3.</span> <span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Přístup ke spolkovému účtu</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Přístup ke spolkovému účtu</b></h6>
<p> <p>
Peníze nejsou důvodem, proč být ve spolku, ale bez nich by spolek pracoval těžko, Peníze nejsou důvodem, proč být ve spolku, ale bez nich by spolek pracoval těžko,
proto je důležité mít přístup ke spolkovému účtu. Sežeň si k němu co nejdřív údaje a proto je důležité mít přístup ke spolkovému účtu. Sežeň si k němu co nejdřív údaje a
@ -354,7 +359,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>4.</span> <span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Zkontroluj si finanční dokumenty</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Zkontroluj si finanční dokumenty</b></h6>
<p> <p>
Seznam se s tím, jak si spolek vede účetnictví a jak fungují granty. Seznam se s tím, jak si spolek vede účetnictví a jak fungují granty.
</p> </p>
@ -366,7 +371,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>5.</span> <span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Inspiruj se u podobných organizací</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Inspiruj se u podobných organizací</b></h6>
<p> <p>
Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích Doporučujeme se podívat, jak to vypadá i v jiných organizacích a spolcích
- např. na UK máme <a href="https://cuni.cz/UK-8518.html">spoustu spolků</a> i mimo PedF, zajímavé najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/">na VŠE</a> a - např. na UK máme <a href="https://cuni.cz/UK-8518.html">spoustu spolků</a> i mimo PedF, zajímavé najdeš i <a href="https://studentskytajemnik.vse.cz/studentske-aktivity/seznam-studentskych-organizaci/">na VŠE</a> a
@ -382,7 +387,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>6.</span> <span>6.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nahlašování akcí</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <p>
Nezapomeň, že všechny akce na fakultě, musí být nahlášeny 10 dní předem přes Nezapomeň, že všechny akce na fakultě, musí být nahlášeny 10 dní předem přes
jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v
@ -399,7 +404,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>7.</span> <span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nahlašování akcí</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <p>
Nezapomeň, že všechny akce na fakultě, musí být nahlášeny 10 dní předem přes Nezapomeň, že všechny akce na fakultě, musí být nahlášeny 10 dní předem přes
jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v jednoduchý formulář <a href="akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Více v
@ -413,7 +418,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>8.</span> <span>8.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nezapomeň se koukat i k sobě</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nezapomeň se koukat i k sobě</b></h6>
<p> <p>
Zjisti si, jestli máte sami např. někde na disku vlastní návody, infografiky, seznamy toho, Zjisti si, jestli máte sami např. někde na disku vlastní návody, infografiky, seznamy toho,
jak fungují některé procesy ve spolku nebo třeba kde co najít. jak fungují některé procesy ve spolku nebo třeba kde co najít.
@ -426,7 +431,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>9.</span> <span>9.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Neboj se zeptat!</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neboj se zeptat!</b></h6>
<p> <p>
Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden, Nejvíc toho nakonec stejně vždycky zjistíš až za pochodu a třeba za týden,
měsíc nebo půl roku zjistíš, že se objevilo něco, čemu nerozumíš. Neboj se měsíc nebo půl roku zjistíš, že se objevilo něco, čemu nerozumíš. Neboj se

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

@ -31,7 +31,7 @@
<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; font-size: calc(var(--font-size) / 1.7)"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
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>
@ -62,7 +62,7 @@
</div> </div>
<div class="col-5"> <div class="col-5">
<video class="smol-video" controls> <video class="smol-video" controls>
<source src="/img/1566501668807.webm" type="video/webm"> <source src="/video/4_holka_pozvanka.mp4" type="video/webm">
Your browser does not support video. Your browser does not support video.
</video> </video>
</div> </div>

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

@ -16,13 +16,19 @@
<main id="root"> <main id="root">
<section class="row fullheight"> <section class="row fullheight">
<Logo/> <Logo/>
<div class="horizontal-menu">
<a href="zalozit-spolek/#formalni">Formální spolek</a>
<a href="zalozit-spolek/#formalni-info">Informace k založení formálního spolku</a>
<a href="zalozit-spolek/#neformalni">Neformální spolek</a>
<a href="zalozit-spolek/#neformalni-info">Info k založení neformálního spolku</a>
</div>
<div class="row" style="width: 100%"> <div class="row" style="width: 100%">
<section class="col-1"></section> <section class="col-1"></section>
<section class="col-5"> <section class="col-5">
<div style="margin-top: 23vh"> <div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Chci založit spolek</h1> <h1 style="margin-bottom: 5vh">Chci založit spolek</h1>
<hr class="gay-hr"> <hr class="gay-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 2)"> <h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Na peďáku se snažíme podporovat vznik nových studentských spolků jak nejvíc to jde, Na peďáku se snažíme podporovat vznik nových studentských spolků jak nejvíc to jde,
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,
@ -31,7 +37,7 @@
Navštiv také <a>spolkový akcelerátor</a> Navštiv také <a>spolkový akcelerátor</a>
</h6> </h6>
<ZjistiBtn/> <ZjistiBtn menu={true}/>
</div> </div>
</section> </section>
</div> </div>
@ -39,7 +45,7 @@
<section class="row" id="main-content" 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" id="formalni"><b>Formální</b></h2>
<hr class="gay-hr" style="margin-bottom: 5vh; "> <hr class="gay-hr" style="margin-bottom: 5vh; ">
<p style="font-size: calc(var(--font-size) / 1.8); margin-left: 16vw"> <p style="font-size: calc(var(--font-size) / 1.8); margin-left: 16vw">
Hodí se pro větší (nebo zamýšlené jako větší) spolky. Hodí se pro větší (nebo zamýšlené jako větší) spolky.
@ -49,55 +55,11 @@
</p> </p>
</section> </section>
</section> </section>
<section class="row" style="margin-top: 5vh">
<section class="col-5"></section>
<section class="col bg-circle bg-center bg-auto">
<h2 style="margin-left: 17vw; margin-bottom: 1vh"><b>Neformální</b></h2>
<hr class="gay-hr" style="margin-left: 17vw;margin-bottom: 5vh; ">
<p style="font-size: calc(var(--font-size) / 1.8); margin-right: 15vw">
Hodí se pro partu lidí, které spojují společné zájmy a koníčky, jako například divadlo.
Nemusí mít žádné volby, orgány a nemusí odevzdávat výroční zprávy.
</p>
</section>
<section class="col-1"></section>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col-10 side-line" style="line-height: 1">
<div>
<h6 style="margin-bottom: 0"><b>Informace k založení neformálního spolku</b></h6>
<div>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<div class="number-gay">
<span>1.</span>
<p>Je třeba sehnat tolik a tolik lidí a zaregistrovat se tady - <a href="/#">formulář</a></p>
</div>
</div>
<div class="col">
<div style="height: 6vh"></div>
<div class="number-gay">
<span>2.</span>
<p>O granty můžeš žádat tady, až bude venku výzva (dáme ti vědět na email)</p>
</div>
</div>
<div class="col">
<div style="height: 12vh"></div>
<div class="number-gay">
<span>3.</span>
<p>Pamatuj ale, že všechny akce musíš nahlašovat tady - <a href="/#">odkaz</a></p>
</div>
</div>
<div class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-10" style="line-height: 1"> <div class="col-10" style="line-height: 1">
<div class="side-line"> <div class="side-line" id="formalni-info">
<h6 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h6> <h4 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h4>
</div> </div>
<p style="font-size: calc(var(--font-size) / 1.8); margin-left:1.15vw; margin-top: 0.5vw"> <p style="font-size: calc(var(--font-size) / 1.8); margin-left:1.15vw; margin-top: 0.5vw">
Tady je to už trochu složitější, ale neboj se, zas tak hrozné to není Tady je to už trochu složitější, ale neboj se, zas tak hrozné to není
@ -110,7 +72,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>1.</span> <span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nejdříve potřebuješ přípravný výbor, ten se musí skládat z alespoň 3 osob</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nejdříve potřebuješ přípravný výbor, ten se musí skládat z alespoň 3 osob</b></h6>
</div> </div>
</div> </div>
</div> </div>
@ -119,7 +81,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>2.</span> <span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Je třeba sepsat osnovy</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Je třeba sepsat osnovy</b></h6>
<p> <p>
Jak to má Agora se můžeš podívat tady, Drosophila tady a Emil tady. Otevřeno má pobočkovou strukturu, Jak to má Agora se můžeš podívat tady, Drosophila tady a Emil tady. Otevřeno má pobočkovou strukturu,
takže je to složitější, ale co kdyby. takže je to složitější, ale co kdyby.
@ -132,7 +94,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>3.</span> <span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Po tomhle všem musíš vyplnit</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Po tomhle všem musíš vyplnit</b></h6>
<p> <p>
<a href="/#">tenhle formulář</a> <a href="/#">tenhle formulář</a>
</p> </p>
@ -147,7 +109,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>4.</span> <span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Po registraci může článek oficiálně začít fungovat.</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Po registraci může článek oficiálně začít fungovat.</b></h6>
</div> </div>
</div> </div>
</div> </div>
@ -156,7 +118,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>5.</span> <span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Zajít do banky založit transparentní účet</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Zajít do banky založit transparentní účet</b></h6>
</div> </div>
</div> </div>
</div> </div>
@ -165,7 +127,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>6.</span> <span>6.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Registrace jako fakultní spolek - <a href="/#">zde</a></b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Registrace jako fakultní spolek - <a href="/#">zde</a></b></h6>
</div> </div>
</div> </div>
</div> </div>
@ -177,7 +139,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>7.</span> <span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Základní předpisy</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Základní předpisy</b></h6>
</div> </div>
</div> </div>
</div> </div>
@ -186,7 +148,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>8.</span> <span>8.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Povinnosti a práva spolku</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Povinnosti a práva spolku</b></h6>
</div> </div>
</div> </div>
</div> </div>
@ -195,7 +157,7 @@
<div class="number-gay"> <div class="number-gay">
<div class="down"> <div class="down">
<span>9.</span> <span>9.</span>
<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nahlašování akcí</b></h6> <h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Nahlašování akcí</b></h6>
<p> <p>
Povinnosti a práva spolkuspolkem dělat se dělá tady: Povinnosti a práva spolkuspolkem dělat se dělá tady:
<a href="/#">formulář nahlašování akcí</a> <a href="/#">formulář nahlašování akcí</a>
@ -205,6 +167,56 @@ Povinnosti a práva spolkuspolkem dělat se dělá tady:
</div> </div>
<div class="col-1"></div> <div class="col-1"></div>
</section> </section>
<section class="row" style="margin-top: 5vh">
<section class="col-5"></section>
<section class="col bg-circle bg-center bg-auto" id="neformalni">
<h2 style="margin-left: 17vw; margin-bottom: 1vh"><b>Neformální</b></h2>
<hr class="gay-hr" style="margin-left: 17vw;margin-bottom: 5vh; ">
<p style="font-size: calc(var(--font-size) / 1.8); margin-right: 15vw">
Hodí se pro partu lidí, které spojují společné zájmy a koníčky, jako například divadlo.
Nemusí mít žádné volby, orgány a nemusí odevzdávat výroční zprávy.
</p>
</section>
<section class="col-1"></section>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col-10 side-line" style="line-height: 1" id="neformalni-info">
<div>
<h4 style="margin-bottom: 0"><b>Informace k založení neformálního spolku</b></h4>
<div>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col">
<div class="number-gay">
<div class="down">
<span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Je třeba sehnat tolik a tolik lidí a zaregistrovat se tady - <a href="/#">formulář</a></b></h6>
</div>
</div>
</div>
<div class="col">
<div style="height: 6vh"></div>
<div class="number-gay">
<div class="down">
<span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>O granty můžeš žádat tady, až bude venku výzva (dáme ti vědět na email)</b></h6>
</div>
</div>
</div>
<div class="col">
<div style="height: 12vh"></div>
<div class="number-gay">
<div class="down">
<span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Pamatuj ale, že všechny akce musíš nahlašovat tady - <a href="/#">odkaz</a></b></h6>
</div>
</div>
</div>
<div class="col-1"></div>
</section>
<div class="spacer"></div> <div class="spacer"></div>
</main> </main>

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

@ -30,19 +30,19 @@
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>
<ZjistiBtn/> <ZjistiBtn menu={false}/>
</div> </div>
</section> </section>
</div> </div>
</section> </section>
<section id="main-content" class="row" style="margin-top: 5vh"> <section 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" 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">
<h6 style="margin-bottom: 0"><b>Co jsou vlastně studentské organizace?</b></h6> <h6 style="margin-bottom: 2vh"><b>Co jsou vlastně studentské organizace?</b></h6>
</div> </div>
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)"> <p style="margin-top:1vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Studentská organizace, jak již napovídá sám název, je uskupení studentů, Studentská organizace, jak již napovídá sám název, je uskupení studentů,
které přispívá k lepšímu životu na fakultě. Na peďáku jsou studentské organizace které přispívá k lepšímu životu na fakultě. Na peďáku jsou studentské organizace
podporované vedením a máme jich celou řadu, takže si na své přijde každý. podporované vedením a máme jich celou řadu, takže si na své přijde každý.
@ -54,9 +54,9 @@
<div style="height: 8vh"></div> <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>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>
</div> </div>
<p style="margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)"> <p style="margin-top:1vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)">
Studentské organizace nabízí mnoho benefitů, které nemusí být na první pohled vidět. Studentské organizace nabízí mnoho benefitů, které nemusí být na první pohled vidět.
Už jen tím, že se rozhodneš někam zapojit se seznámíš s novými lidmi. Už jen tím, že se rozhodneš někam zapojit se seznámíš s novými lidmi.
A ruku na srdce, když na fakultě potkáváš známé tváře, tak se tam najednou chodí o trochu líp. A ruku na srdce, když na fakultě potkáváš známé tváře, tak se tam najednou chodí o trochu líp.
@ -73,7 +73,7 @@
</section> </section>
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col flexy-boi"> <div class="col flexy-boi">
<h5 style="color: var(--color-primary)"><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" style="margin-top: 5vh">
@ -186,16 +186,16 @@
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col flexy-boi"> <div class="col flexy-boi">
<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important; font-weight: 900"> <div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important; font-weight: 900;">
<a href="/#">Sport</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Sport</a>
<a href="/#">Umění</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Umění</a>
<a href="/#">Psychologie</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Psychologie</a>
<a href="/#">Pedagogika</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Pedagogika</a>
<a href="/#">Logika</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Logika</a>
<a href="/#">Filozofie</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Filozofie</a>
<a href="/#">Společnost</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Společnost</a>
<a href="/#">Hudba</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Hudba</a>
<a href="/#">Dějiny</a> <a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Dějiny</a>
</div> </div>
</div> </div>
<div class="col-1"></div> <div class="col-1"></div>