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>
export let menu;
function scroll() {
document.getElementById("main-content").scrollIntoView({behavior: 'smooth'});
document.querySelector(".horizontal-menu").scrollIntoView({behavior: 'smooth'});
if (menu) {
document.querySelector(".horizontal-menu").scrollIntoView({behavior: 'smooth'});
}
}
</script>

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

@ -23,26 +23,115 @@
<main id="root">
<section class="row fullheight">
<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%">
<section class="col-1"></section>
<section class="col-5">
<div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Chci vědět víc o oborovkách</h1>
<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
vás na katedře zastupovat zájmy studentů? Dáme ti všechny potřebné informace.
</h6>
<ZjistiBtn/>
<ZjistiBtn menu={true}/>
</div>
</section>
</div>
</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">
<div class="col-1"></div>
<div class="col-5" style="line-height: 1">
<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>
</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)">
@ -56,7 +145,7 @@
<div class="col-5" style="line-height: 1">
<div style="height: 8vh"></div>
<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>
</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)">
@ -87,12 +176,25 @@
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<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>
</div>
<h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6>
<ol style="font-size: calc(var(--font-size) / 1.8)" class="spaced-li">
<li>Seznam se s terminologií</li>
<p>
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">
<li>
<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ě
</li>
</ol>
<li>
<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
</li>
<li>
<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
</li>
<li>
<b>Neboj se zeptat - </b>
</div>
</div>
<div class="number-gay" style="margin-top: 14vh">
<div class="down">
<div class="right">
<span>4.</span>
<p><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
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!
</li>
</ol>
<p>
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>
někoho z jiné SOR nebo z fakulty a prostě se zeptej!</p>
</div>
</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>
<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 class="col-1"></div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<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>
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>
<div class="spacer"></div>
</div>

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

@ -16,24 +16,29 @@
<main id="root">
<section class="row fullheight">
<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%">
<section class="col-1"></section>
<section class="col-5">
<div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Přebírám spolek</h1>
<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.
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>
<ZjistiBtn/>
<ZjistiBtn menu={true}/>
</div>
</section>
</div>
</section>
<section class="row" id="main-content" style="margin-top: 9rem">
<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>
<hr class="gay-hr">
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: left">
@ -44,7 +49,7 @@
</section>
<section class="row" style="margin-top: 5vh">
<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>
<h6 style="margin-bottom: 0"><b>Postup přebírání</b></h6>
<div>
@ -56,7 +61,7 @@
<div class="number-gay">
<div class="down">
<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">
<li>
<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="down">
<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>
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
@ -99,7 +104,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -116,7 +121,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -131,7 +136,7 @@
<div class="number-gay">
<div class="down">
<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>
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.
@ -144,7 +149,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -163,7 +168,7 @@
<div class="number-gay">
<div class="down">
<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>
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>
@ -176,7 +181,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -190,7 +195,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -209,7 +214,7 @@
<div class="number-gay">
<div class="down">
<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>
<li><a href="https://spolekagora.cz">Agora</a></li>
<li><a href="http://drosophila.cz">Drosophila</a></li>
@ -223,7 +228,7 @@
<div class="number-gay">
<div class="down">
<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>
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:
@ -241,7 +246,7 @@
<div class="number-gay">
<div class="down">
<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>
Aby toho všeho nebylo málo, tady máš rady od bývalých i současných předsedů:
</p>
@ -256,7 +261,7 @@
<div class="number-gay">
<div class="down">
<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>
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.
@ -269,7 +274,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -299,7 +304,7 @@
<div class="number-gay">
<div class="down">
<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">
<li>
<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="down">
<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>
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”
@ -337,7 +342,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -354,7 +359,7 @@
<div class="number-gay">
<div class="down">
<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>
Seznam se s tím, jak si spolek vede účetnictví a jak fungují granty.
</p>
@ -366,7 +371,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -382,7 +387,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -399,7 +404,7 @@
<div class="number-gay">
<div class="down">
<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>
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
@ -413,7 +418,7 @@
<div class="number-gay">
<div class="down">
<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>
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.
@ -426,7 +431,7 @@
<div class="number-gay">
<div class="down">
<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>
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

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

@ -31,7 +31,7 @@
<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; 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
tě všemi povinnostmi a možnostmi, které jako předseda máš.
</h6>
@ -62,7 +62,7 @@
</div>
<div class="col-5">
<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.
</video>
</div>

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

@ -16,13 +16,19 @@
<main id="root">
<section class="row fullheight">
<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%">
<section class="col-1"></section>
<section class="col-5">
<div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Chci založit spolek</h1>
<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,
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,
@ -31,7 +37,7 @@
Navštiv také <a>spolkový akcelerátor</a>
</h6>
<ZjistiBtn/>
<ZjistiBtn menu={true}/>
</div>
</section>
</div>
@ -39,7 +45,7 @@
<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>
<h2 style="margin-bottom: 1vh" id="formalni"><b>Formální</b></h2>
<hr class="gay-hr" style="margin-bottom: 5vh; ">
<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.
@ -49,55 +55,11 @@
</p>
</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">
<div class="col-1"></div>
<div class="col-10" style="line-height: 1">
<div class="side-line">
<h6 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h6>
<div class="side-line" id="formalni-info">
<h4 style="margin-bottom: 0"><b>Informace k založení formálního spolku</b></h4>
</div>
<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í
@ -110,7 +72,7 @@
<div class="number-gay">
<div class="down">
<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>
@ -119,7 +81,7 @@
<div class="number-gay">
<div class="down">
<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>
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.
@ -132,7 +94,7 @@
<div class="number-gay">
<div class="down">
<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>
<a href="/#">tenhle formulář</a>
</p>
@ -147,7 +109,7 @@
<div class="number-gay">
<div class="down">
<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>
@ -156,7 +118,7 @@
<div class="number-gay">
<div class="down">
<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>
@ -165,7 +127,7 @@
<div class="number-gay">
<div class="down">
<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>
@ -177,7 +139,7 @@
<div class="number-gay">
<div class="down">
<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>
@ -186,7 +148,7 @@
<div class="number-gay">
<div class="down">
<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>
@ -195,7 +157,7 @@
<div class="number-gay">
<div class="down">
<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>
Povinnosti a práva spolkuspolkem dělat se dělá tady:
<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 class="col-1"></div>
</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>
</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?
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>
<ZjistiBtn/>
<ZjistiBtn menu={false}/>
</div>
</section>
</div>
</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-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="side-line" style="margin-bottom: 1vh+">
<h6 style="margin-bottom: 0"><b>Co jsou vlastně studentské organizace?</b></h6>
<div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 2vh"><b>Co jsou vlastně studentské organizace?</b></h6>
</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ů,
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ý.
@ -54,9 +54,9 @@
<div style="height: 8vh"></div>
<div class="down" style="margin-right: 3vw">
<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>
<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.
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.
@ -73,7 +73,7 @@
</section>
<section class="row" style="margin-top: 5vh">
<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>
</section>
<section class="row" style="margin-top: 5vh">
@ -186,16 +186,16 @@
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col flexy-boi">
<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important; font-weight: 900">
<a href="/#">Sport</a>
<a href="/#">Umění</a>
<a href="/#">Psychologie</a>
<a href="/#">Pedagogika</a>
<a href="/#">Logika</a>
<a href="/#">Filozofie</a>
<a href="/#">Společnost</a>
<a href="/#">Hudba</a>
<a href="/#">Dějiny</a>
<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important; font-weight: 900;">
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Sport</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Umění</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Psychologie</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Pedagogika</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Logika</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Filozofie</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Společnost</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Hudba</a>
<a href="/#" style="font-size: calc(var(--font-size) / 1.6)">Dějiny</a>
</div>
</div>
<div class="col-1"></div>