pedf
/
spolky
Archived
1
0
Fork 0

burger, line-height a velikosti

master
Lukáš Hozda 4 years ago
parent c7f4bdce26
commit 1f193690bf

@ -13,7 +13,7 @@
};
</script>
<div class="cross menu-btn" on:click|preventDefault="{click}">
<div class="cross menu-btn" on:click|preventDefault="{click}" style="position: fixed">
<img src="/svg/menu1.svg" class="idle" alt="idle">
<img src="/svg/menu2.svg" class="active" alt="active">
</div>

@ -64,14 +64,14 @@
<div class="number-thing">
<div class="down">
<span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)" ><b>Sežeň tři studenty z oboru</b></h6>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Sežeň tři studenty z oboru</b></h6>
<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 class="number-thing" style="margin-top: 14vh">
<div class="down">
<span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)" ><b>Shrnutí základní pravidel pro SOR</b></h6>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Shrnutí základní pravidel pro SOR</b></h6>
<p style="font-size: calc(var(--font-size) / 1.7)">A nakonec tu pro tebe máme shrnutí těch nejzákladnějších pravidel pro zřizování SOR:</p>
<ol style="list-style-type: lower-alpha; padding-left: 0; margin-left: 0; margin-top: 1vh">
<li style="margin-left: 0; padding-left: 0;">
@ -93,7 +93,7 @@
<div class="number-thing">
<div class="down">
<span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)" ><b>Vyplň žádost pro ustanovení SOR</b></h6>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Vyplň žádost pro ustanovení SOR</b></h6>
<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>
@ -107,7 +107,7 @@
<div class="number-thing">
<div class="down">
<span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)" ><b>Počkej na nejbližší zasedání senátu</b></h6>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Počkej na nejbližší zasedání senátu</b></h6>
<p>Pokud jsi splnil všechno potřebné, tak na nejbližším zasedání AS bude tvá SOR ustanovena.</p>
</div>
</div>

@ -55,7 +55,7 @@
<div class="col-1"></div>
<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>
<h6 style="margin-bottom: 0; font-size: calc(var(--font-size) / 1.5)"><b>Postup přebírání</b></h6>
<div>
</div>
</section>
@ -65,7 +65,7 @@
<div class="number-thing">
<div class="down">
<span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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; padding-left: 0">
<li style="margin-left:0; padding-left: 0">
<b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými
@ -93,7 +93,7 @@
<div class="number-thing">
<div class="down">
<span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -111,7 +111,7 @@
<div class="number-thing">
<div class="down">
<span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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>
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
@ -128,7 +128,7 @@
<div class="number-thing">
<div class="down">
<span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -143,7 +143,7 @@
<div class="number-thing">
<div class="down">
<span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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.
@ -156,7 +156,7 @@
<div class="number-thing">
<div class="down">
<span>6.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -175,7 +175,7 @@
<div class="number-thing">
<div class="down">
<span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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>
@ -188,7 +188,7 @@
<div class="number-thing">
<div class="down">
<span>8.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -202,7 +202,7 @@
<div class="number-thing">
<div class="down">
<span>9.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -221,7 +221,7 @@
<div class="number-thing">
<div class="down">
<span>11.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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:
@ -239,7 +239,7 @@
<div class="number-thing">
<div class="down">
<span>12.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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>
@ -255,7 +255,7 @@
<div class="number-thing">
<div class="down">
<span>13.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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.
@ -271,7 +271,7 @@
<div class="number-thing">
<div class="down">
<span>14.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -303,7 +303,7 @@
<div class="number-thing">
<div class="down">
<span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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; padding-left:0">
<li style="margin-left: 0; padding-left: 0">
<b>Formální spolek </b>(formál) je spolek s IČem (je zapsaný na soudu) a oficiálně volenými
@ -331,7 +331,7 @@
<div class="number-thing">
<div class="down">
<span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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”
@ -344,7 +344,7 @@
<div class="number-thing">
<div class="down">
<span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -361,7 +361,7 @@
<div class="number-thing">
<div class="down">
<span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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>
@ -373,7 +373,7 @@
<div class="number-thing">
<div class="down">
<span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -389,7 +389,7 @@
<div class="number-thing">
<div class="down">
<span>6.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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
@ -406,7 +406,7 @@
<div class="number-thing">
<div class="down">
<span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><b>Neformály na fakultě</b></h6>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Neformály na fakultě</b></h6>
<ol style="padding-left:0; margin-left: 0">
<li style="padding-left: 0; margin-left:0"><a href="https://www.facebook.com/spolekCult/">CULT</a></li>
<li style="padding-left: 0; margin-left:0"><a href="https://www.facebook.com/LaVieBohemePedFUK/">La Vie Bohème</a></li>
@ -420,7 +420,7 @@
<div class="number-thing">
<div class="down">
<span>8.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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.
@ -433,7 +433,7 @@
<div class="number-thing">
<div class="down">
<span>9.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><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

@ -90,10 +90,8 @@
<div class="col">
<div class="number-thing">
<div class="down">
<div class="right">
<span>1.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><b>Statutární orgán a členové výkonného orgánu</b></h6>
</div>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Statutární orgán a členové výkonného orgánu</b></h6>
<p>
Hlavní úlohou této části je představit radu spolku za dané období a zároveň také
volební / kontrolní / či jinou komisi (pokud ji spolek má), která celý rok
@ -103,19 +101,15 @@
</div>
<div class="number-thing">
<div class="down">
<div class="right">
<span>4.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)" ><b>Souhrn činností za minulý kalendářní rok</b></h6>
</div>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Souhrn činností za minulý kalendářní rok</b></h6>
<p>Jaké akce tvůj spolek za celý kalendářní rok udělal? O čem to bylo a kdo se na nich podílel?</p>
</div>
</div>
<div class="number-thing">
<div class="down">
<div class="right">
<span>7.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><b>Hospodaření spolku</b></h6>
</div>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Hospodaření spolku</b></h6>
<p>
Odkud bere spolek peníze a za co je utrácí? Stačí rozepsat,
do jakých odvětví je spolek investuje (např. akce, PR, …)
@ -127,19 +121,15 @@
<div style="height: 6vh"></div>
<div class="number-thing">
<div class="down">
<div class="right">
<span>2.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><b>Celkový počet členů</b></h6>
</div>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Celkový počet členů</b></h6>
<p>Kolik členů má spolek? Kolik z nich nově přišlo do spolku a nebo kdo se stal čestným členem?</p>
</div>
</div>
<div class="number-thing" style="margin-top: 15vh">
<div class="down">
<div class="right">
<span>5.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><b>Reflexe - ohlédnutí za minulým rokem</b></h6>
</div>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Reflexe - ohlédnutí za minulým rokem</b></h6>
<p>Jak si tvůj spolek v minulém roce vedl?</p>
</div>
</div>
@ -148,10 +138,8 @@
<div style="height: 12vh"></div>
<div class="number-thing">
<div class="down">
<div class="right">
<span>3.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><b>Procentuální zastoupení ročníků studia a studijních programů členů</b></h6>
</div>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Procentuální zastoupení ročníků studia a studijních programů členů</b></h6>
<p>
V téhle části se můžou vyžít milovníci grafů a udělat stručný přehled toho,
kolik % členů je v kterém ročníku studia nebo třeba jaké je procentuální
@ -162,10 +150,8 @@
</div>
<div class="number-thing">
<div class="down">
<div class="right">
<span>6.</span>
<h6 style="font-size: calc(var(--font-size) / 1.7); color: var(--color-primary)"><b>Plány na další rok</b></h6>
</div>
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Plány na další rok</b></h6>
<p>
Na čem pracuje rada spolku? Jaké akce chcete pořádat?
V čem chcete pokračovat a naopak co chce dělat jinak?

@ -225,7 +225,8 @@
<div class="number-thing">
<div class="down">
<span>1.</span>
<p style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)">Je potřeba sehnat minimálně pět lidí a zaregistrovat se tímto
<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)"><b>Sežeň pět kamarádů</b></h6>
<p>Je potřeba sehnat minimálně pět lidí a zaregistrovat se tímto
<a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/priloha_2_neformalni_spolky.pdf">formulářem</a></p>
</div>
</div>

@ -191,6 +191,7 @@ canvas {
}
.number-thing span,
.number-thing .down span {
line-height: 1;
color: var(--color-primary);
font-size: calc(var(--font-size) * 2.2);
}

@ -186,6 +186,7 @@ body > canvas
margin-left: 2vw
margin-top: 8vh
& span, & .down span
line-height 1
color var(--color-primary)
font-size calc(var(--font-size) * 2.2)
& p, & .down p