From 235e0cba8603b08e18835e40e80f3db86ae51ac7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Hozda?= <luk.hozda@gmail.com>
Date: Thu, 20 Feb 2020 02:52:36 +0100
Subject: [PATCH] mvp

---
 css/main.css             |  15 +++
 css/main.styl            |  15 +++
 index.html               |  20 ++-
 js/carousel.js           |  38 +++++-
 js/router.js             |  48 +++----
 page/prebiram.html       | 199 ++++++++++++++++++++++++++-
 page/predseda.html       |   6 +-
 page/zalozit_spolek.html | 142 +++++++++++++++++++-
 page/zapojit_se.html     | 282 ++++++++++++++++++++++++++++++++++++++-
 9 files changed, 715 insertions(+), 50 deletions(-)

diff --git a/css/main.css b/css/main.css
index 40eb32b..cba03a4 100644
--- a/css/main.css
+++ b/css/main.css
@@ -124,6 +124,12 @@ body > canvas {
   padding: 3rem 9rem;
   font-size: calc(var(--font-size) * 0.7);
 }
+.smol-button {
+  background-color: #fff !important;
+  border: solid 0.5vh var(--color-primary);
+  color: #000 !important;
+  padding: 1rem 3rem;
+}
 .horizontal-menu {
   font-size: calc(var(--font-size) / 2);
   position: absolute;
@@ -232,6 +238,12 @@ body > canvas {
 .row {
   width: 100vw;
 }
+.hover-man {
+  transition: 0.3s;
+}
+.hover-man:hover {
+  filter: brightness(0.7) contrast(0.7);
+}
 .down {
   display: flex;
   flex-direction: column;
@@ -241,3 +253,6 @@ body > canvas {
   display: flex;
   flex-direction: row;
 }
+.no-underline a {
+  text-decoration: none !important;
+}
diff --git a/css/main.styl b/css/main.styl
index 9e92230..b294f77 100644
--- a/css/main.styl
+++ b/css/main.styl
@@ -114,6 +114,12 @@ body > canvas
 	padding: 3rem 9rem
 	font-size: calc(var(--font-size) * 0.7)
 
+.smol-button
+	background-color: #fff !important
+	border: solid 0.5vh var(--color-primary)
+	color: #000 !important
+	padding: 1rem 3rem
+
 .horizontal-menu
 	font-size calc(var(--font-size) / 2)
 	position: absolute
@@ -214,6 +220,11 @@ body > canvas
 .row
 	width: 100vw
 
+.hover-man
+	transition: .3s
+	&:hover
+		filter brightness(.7) contrast(.7)
+
 .down
 	display flex
 	flex-direction column
@@ -222,3 +233,7 @@ body > canvas
 	align-items center
 	display flex
 	flex-direction row
+
+.no-underline
+	a
+		text-decoration none !important
diff --git a/index.html b/index.html
index 125db02..523206e 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,10 @@
 			</ul>
 		</nav>
 	</div>
+	<div class="cross menu-btn">
+		<img src="svg/menu1.svg" class="idle">
+		<img src="svg/menu2.svg" class="active">
+	</div>
 
 	<main id="root">
 	</main>
@@ -42,11 +46,15 @@
 	</div>
 
 	<code style="display: none">
-		clicking on ".cross-og" removes class "open-nav" on ".navigation-overlay"
-		clicking on ".cross-og" removes class "darken" on "#root"
-		clicking on ".menu-link" removes class "open-nav" on ".navigation-overlay" no-prevent
-		clicking on ".menu-btn" adds class "open-nav" on ".navigation-overlay"
-		clicking on ".menu-btn" adds class "darken" on "#root"
+		clicking on ".cross-og" toggles class "open-nav" on ".navigation-overlay"
+		clicking on ".cross-og" toggles class "darken" on "#root"
+		clicking on ".cross-og" toggles class "darken" on ".menu-btn"
+		clicking on ".menu-link" toggles class "open-nav" on ".navigation-overlay" no-prevent
+		clicking on ".menu-link" toggles class "darken" on "#root" no-prevent
+		clicking on ".menu-link" toggles class "darken" on ".menu-btn" no-prevent
+		clicking on ".menu-btn" toggles class "open-nav" on ".navigation-overlay"
+		clicking on ".menu-btn" toggles class "darken" on "#root"
+		clicking on ".menu-btn" toggles class "darken" on ".menu-btn"
 	</code>
 
 	<script src="https://unpkg.com/@riotjs/dom-bindings/dist/umd.dom-bindings.js"></script>
@@ -58,7 +66,7 @@
 	<script src="js/particles.js"></script>
 	<script src="js/router.js"></script>
 	<script src="js/script.js"></script>
-	<script src="/js/carousel.js"></script>
+	<script src="js/carousel.js"></script>
 	<script>
 const {	initDomListeners, setBase, router } = route;
 
diff --git a/js/carousel.js b/js/carousel.js
index 83d6ac0..35ba599 100644
--- a/js/carousel.js
+++ b/js/carousel.js
@@ -17,18 +17,19 @@ var slideIndex = 1;
 
 
 // Next/previous controls
-function plusSlides(n) {
-  showSlides(slideIndex += n);
+function plusSlides(n, className = "mySlides") {
+  console.log("changing slides");
+  showSlides(slideIndex += n, className);
 }
 
 // Thumbnail image controls
-function currentSlide(n) {
-  showSlides(slideIndex = n);
+function currentSlide(n, className = "mySlides") {
+  showSlides(slideIndex = n, className);
 }
 
-function showSlides(n) {
+function showSlides(n, className = "mySlides") {
   var i;
-  var slides = document.getElementsByClassName("mySlides");
+  var slides = document.getElementsByClassName(className);
   var dots = document.getElementsByClassName("dot");
   if (n > slides.length) {slideIndex = 1}
   if (n < 1) {slideIndex = slides.length}
@@ -47,3 +48,28 @@ checkElement('.mySlides') //use whichever selector you want
 	console.log("sldaldsaldsa");
 	showSlides(slideIndex);
 });
+
+checkElement('.mySlides2') //use whichever selector you want
+.then((element) => {
+	console.log("sldaldsaldsa");
+	showSlides(slideIndex, "mySlides2");
+});
+
+checkElement('.mySlides3') //use whichever selector you want
+.then((element) => {
+	console.log("sldaldsaldsa");
+	showSlides(slideIndex, "mySlides3");
+});
+
+checkElement('.mySlides4') //use whichever selector you want
+.then((element) => {
+	console.log("sldaldsaldsa");
+	showSlides(slideIndex, "mySlides4");
+});
+
+checkElement('.mySlides5') //use whichever selector you want
+.then((element) => {
+	console.log("sldaldsaldsa");
+	showSlides(slideIndex, "mySlides5");
+});
+
diff --git a/js/router.js b/js/router.js
index 989f99a..a8cbb5a 100644
--- a/js/router.js
+++ b/js/router.js
@@ -1,4 +1,4 @@
-/* Generated by the Nim Compiler v1.0.4 */
+/* Generated by the Nim Compiler v1.0.6 */
 /*   (c) 2019 Andreas Rumpf */
 
 var framePtr = null;
@@ -450,13 +450,13 @@ function aux_write_stack_trace_65151(f_65153) {
 		
 		L6: do {
 			var j_65421 = 0;
-			var colontmp__89086 = 0;
-			colontmp__89086 = (i_65164 - 1);
-			var res_89091 = colontmp__89086;
+			var colontmp__90086 = 0;
+			colontmp__90086 = (i_65164 - 1);
+			var res_90091 = colontmp__90086;
 			L7: do {
 					L8: while (true) {
-					if (!(0 <= res_89091)) break L8;
-						j_65421 = res_89091;
+					if (!(0 <= res_90091)) break L8;
+						j_65421 = res_90091;
 						add_62638(result_65154, 0, temp_frames_65173[j_65421].Field0);
 						if ((0 < temp_frames_65173[j_65421].Field1)) {
 						if (result_65154[0] != null) { result_65154[0] = (result_65154[0]).concat(makeNimstrLit(", line: ")); } else { result_65154[0] = makeNimstrLit(", line: "); };
@@ -464,7 +464,7 @@ function aux_write_stack_trace_65151(f_65153) {
 						}
 						
 						if (result_65154[0] != null) { result_65154[0] = (result_65154[0]).concat(makeNimstrLit("\x0A")); } else { result_65154[0] = makeNimstrLit("\x0A"); };
-						res_89091 -= 1;
+						res_90091 -= 1;
 					}
 			} while(false);
 		} while(false);
@@ -556,54 +556,54 @@ function raiseOverflow() {
 	
 }
 
-function get_routes(url_89034) {
+function get_routes(url_90034) {
 		var Tmp4;
 
 	var F={procname:"router.get_routes",prev:framePtr,filename:"router.nim",line:0};
 	framePtr = F;
 		F.line = 11;
-		var new_url_89035 = [];
+		var new_url_90035 = [];
 		L1: do {
 			F.line = 13;
-			var c_89036 = 0;
+			var c_90036 = 0;
 			F.line = 45;
-			var i_89072 = 0;
+			var i_90072 = 0;
 			F.line = 46;
-			var l_89073 = (url_89034 != null ? url_89034.length : 0);
+			var l_90073 = (url_90034 != null ? url_90034.length : 0);
 			L2: do {
 				F.line = 47;
 					L3: while (true) {
-					if (!(i_89072 < l_89073)) break L3;
+					if (!(i_90072 < l_90073)) break L3;
 						F.line = 13;
-						c_89036 = url_89034.charCodeAt(chckIndx(i_89072, 0, (url_89034 != null ? url_89034.length : 0)+0-1)-0);
+						c_90036 = url_90034.charCodeAt(chckIndx(i_90072, 0, (url_90034 != null ? url_90034.length : 0)+0-1)-0);
 						F.line = 14;
-						rawEcho(nimCharToStr(c_89036));
+						rawEcho(nimCharToStr(c_90036));
 						F.line = 15;
-						if (new_url_89035 != null) { addChar(new_url_89035, c_89036); } else { new_url_89035 = [c_89036]; };
+						if (new_url_90035 != null) { addChar(new_url_90035, c_90036); } else { new_url_90035 = [c_90036]; };
 						F.line = 49;
-						i_89072 = addInt(i_89072, 1);
+						i_90072 = addInt(i_90072, 1);
 					}
 			} while(false);
 		} while(false);
 		F.line = 17;
-		rawEcho(new_url_89035);
+		rawEcho(new_url_90035);
 		F.line = 19;
 		F.line = 19;
-		switch (toJSStr(new_url_89035)) {
+		switch (toJSStr(new_url_90035)) {
 		case "#/predseda":
-			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"cross menu-btn\">\x0A\x09\x09<img src=\"svg/menu1.svg\" class=\"idle\">\x0A\x09\x09<img src=\"svg/menu2.svg\" class=\"active\">\x0A\x09</div>\x0A\x09<div class=\"logo\">\x0A\x09\x09<a href=\"https://pedf.cuni.cz/PEDF-1.html\"><img src=\"img/logo.png\"></a>\x0A\x09</div>\x0A\x09<div class=\"horizontal-menu\">\x0A\x09\x09<span>Povinnosti:</span>\x0A\x09\x09<a>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</a>\x0A\x09\x09<a>Spolkov\xC3\xA1 m\xC3\xADstnost</a>\x0A\x09\x09<a>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</a>\x0A\x09\x09<a>Odkazy a inspirace</a>\x0A\x09\x09<a>Dal\xC5\xA1\xC3\xAD spolky</a>\x0A\x09\x09<a>P\xC5\x99edpisy a pravidla</a>\x0A\x09</div>\x0A\x09<div class=\"row\" style=\"width: 100%\">\x0A\x09\x09<section class=\"col-1\"></section>\x0A\x09\x09<section class=\"col-5\">\x0A\x09\x09\x09<div style=\"margin-top: 23vh\">\x0A\x09\x09\x09\x09<h1 style=\"margin-bottom: 5vh\">P\xC5\x99edseda spolku</h1>\x0A\x09\x09\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09\x09\x09<h6 style=\"line-height: 1.4; margin-top: 5vh\">\x0A\x09\x09\x09\x09\x09Provedeme t\xC4\x9B v\xC5\xA1emi povinnostmi a mo\xC5\xBEnostmi, kter\xC3\xA9 jako p\xC5\x99edseda m\xC3\xA1\xC5\xA1.\x0A\x09\x09\x09\x09</h6>\x0A\x09\x09\x09\x09<button type=\"button\" class=\"button primary cool-button\" style=\"margin-top: 1vh; border-radius: 4vw\">\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</section>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-circle\">\x0A\x09\x09<h3>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 povinnost odevzd\xC3\xA1vat ka\xC5\xBEd\xC3\xBD rok 30.4 v\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1vu v\xC4\x8Detn\xC4\x9B zpr\xC3\xA1vy o hospoda\xC5\x99en\xC3\xAD\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\">\x0A\x09\x09<h5 style=\"margin-bottom: 0; margin-left: -14vw\">\x0A\x09\x09\x09A jak na n\xC3\xAD?\x0A\x09\x09</h5>\x0A\x09\x09<h5 style=\"padding-left: 4vw; margin-top:0\" class=\"text-primary\">\x0A\x09\x09\x09To ti \xC5\x99ekne Ver\xC4\x8Da\x0A\x09\x09<h5>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<video class=\"smol-video\" controls>\x0A\x09\x09\x09<source src=\"/img/1566501668807.webm\" type=\"video/webm\">\x0A\x09\x09\x09Your browser is gay.\x0A\x09\x09</video>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-3 side-line\" style=\"line-height: 1\">\x0A\x09\x09<div>\x0A\x09\x09<h6 style=\"margin-bottom: 0\"><b>Hlavn\xC3\xAD body,</b></h6>\x0A\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.5)\">kter\xC3\xA9 tam nesm\xC3\xAD chyb\xC4\x9Bt jsou:</p>\x0A\x09\x09<div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>1.</span>\x0A\x09\x09\x09<p>Po\xC4\x8Det \xC4\x8Dlen\xC5\xAF</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>4.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<div class=\"right\">\x0A\x09\x09\x09\x09<span>7.</span>\x0A\x09\x09\x09\x09<p>Hospoda\xC5\x99en\xC3\xAD (v\xC3\xBDdaje rozd\xC4\x9Bleny na tyto \xC4\x8D\xC3\xA1sti)</p>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09\x09<ol type=\"a\">\x0A\x09\x09\x09\x09\x09<li>Projekty a program</li>\x0A\x09\x09\x09\x09\x09<li>Marketing a PR</li>\x0A\x09\x09\x09\x09\x09<li>Provoz spolku</li>\x0A\x09\x09\x09\x09</ol>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 6vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>2.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>5.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 12vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>3.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>6.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-square\">\x0A\x09\x09<h3>Spolkov\xC3\xA1 m\xC3\xADstnost</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 n\xC3\xA1rok na p\xC5\x99\xC3\xADstup do spolkov\xC3\xA9 m\xC3\xADstnosti, kter\xC3\xA1 m\xC3\xA1 ozna\xC4\x8Den\xC3\xAD S104 tzv. spolkovka\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\" style=\"width: 15vw; margin: 10vw 0\">\x0A\x09\x09<div class=\"side-line\">\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7); width: 13vw\">\x0A\x09\x09\x09\x09Pravidla spolkovky jsou n\xC3\xA1sleduj\xC3\xADc\xC3\xAD:\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-circle\">\x0A\x09\x09<h3>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5\" style=\"font-size: calc(var(--font-size) / 1.9); padding-right: 4vw\">\x0A\x09\x09<p>\x0A\x09\x09\x09Pokud chce\xC5\xA1 po\xC5\x99\xC3\xA1dat akci na fakult\xC4\x9B, je zapot\xC5\x99eb\xC3\xAD to nejprve nahl\xC3\xA1sit p\xC5\x99es formul\xC3\xA1\xC5\x99 na\x0A\x09\x09\x09<a href=\"https://akce.pedf.cuni.cz\">akce.pedf.cuni.cz</a>. Pokud se jedn\xC3\xA1 o malou akci vy\xC5\xBEaduj\xC3\xADc\xC3\xAD pouze mal\xC3\xBD po\xC4\x8Det u\xC4\x8Deben\x0A\x09\x09\x09nebo spole\xC4\x8Dn\xC3\xBD prostor pouze po kr\xC3\xA1tkou dobu, tak sta\xC4\x8D\xC3\xAD akci nahl\xC3\xA1sit o 10 dn\xC5\xAF p\xC5\x99edem (v\xC3\xADce u organizov\xC3\xA1n\xC3\xAD akc\xC3\xAD)\x0A\x09\x09</p>\x0A\x09\x09<p>\x0A\x09\x09\x09Je mo\xC5\xBEnost po\xC5\xBE\xC3\xA1dat o stoly, \xC5\xBEidle, podporu aj\xC5\xA5\xC3\xA1k\xC5\xAF nebo m\xC3\xADsto na webovk\xC3\xA1ch. V\xC5\xA1echny n\xC3\xA1jmy pro form\xC3\xA1ln\xC3\xAD spolky jsou bezplatn\xC3\xA9.\x0A\x09\x09</p>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>Odkazy a inspirace</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Tady najde\xC5\xA1 spolky, kter\xC3\xA9 p\xC5\xAFsob\xC3\xAD na UK:<br>\x0A\x09\x09\x09<a href=\"https://cuni.cz/UK-8518.html\">https://cuni.cz/UK-8518.html</a>\x0A\x09\x09\x09<br><br>\x0A\x09\x09\x09Kurzy na r\xC5\xAFzn\xC3\xA9 dovednosti m\xC5\xAF\xC5\xBEe\xC5\xA1 naj\xC3\xADt zde:<br>\x0A\x09\x09\x09<a href=\"www.naucmese.cz\">www.naucmese.cz</a> nebo na\x0A\x09\x09\x09<a href=\"https://www.acsa.cz\">https://www.acsa.cz</a>\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<section class=\"col\">\x0A\x09\x09<link rel=\"stylesheet\" href=\"/css/carousel.css\">\x0A\x09\x09 <!-- Slideshow container -->\x0A\x09\x09<div class=\"slideshow-container\">\x0A\x0A\x09\x09  <!-- Full-width images with number and caption text -->\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">1 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Text</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">2 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Two</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <!-- Next and previous buttons -->\x0A\x09\x09  <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;</a>\x0A\x09\x09  <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;</a>\x0A\x09\x09</div>\x0A\x09\x09<br>\x0A\x0A\x09\x09<!-- The dots/circles -->\x0A\x09\x09<div style=\"text-align:center\">\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(1)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(2)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(3)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(4)\"></span>\x0A\x09\x09</div>\x0A\x09</section>\x0A\x09<script src=\"/js/carousel.js\"></script>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>P\xC5\x99edpisy a pravidla</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Z\xC3\xA1kladn\xC3\xAD p\xC5\x99edpisy, kter\xC3\xBDmi se spolky \xC5\x99id\xC3\xAD jsou:<br>\x0A\x09\x09</p>\x0A\x09\x09<ul style=\"font-size: calc(var(--font-size) / 1.3); list-style: none;\">\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09</ul>\x0A\x09</div>\x0A</section>\x0A");
+			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"logo\">\x0A\x09\x09<a href=\"https://pedf.cuni.cz/PEDF-1.html\"><img src=\"img/logo.png\"></a>\x0A\x09</div>\x0A\x09<div class=\"horizontal-menu\">\x0A\x09\x09<span>Povinnosti:</span>\x0A\x09\x09<a>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</a>\x0A\x09\x09<a>Spolkov\xC3\xA1 m\xC3\xADstnost</a>\x0A\x09\x09<a>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</a>\x0A\x09\x09<a>Odkazy a inspirace</a>\x0A\x09\x09<a>Dal\xC5\xA1\xC3\xAD spolky</a>\x0A\x09\x09<a>P\xC5\x99edpisy a pravidla</a>\x0A\x09</div>\x0A\x09<div class=\"row\" style=\"width: 100%\">\x0A\x09\x09<section class=\"col-1\"></section>\x0A\x09\x09<section class=\"col-5\">\x0A\x09\x09\x09<div style=\"margin-top: 23vh\">\x0A\x09\x09\x09\x09<h1 style=\"margin-bottom: 5vh\">P\xC5\x99edseda spolku</h1>\x0A\x09\x09\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09\x09\x09<h6 style=\"line-height: 1.4; margin-top: 5vh\">\x0A\x09\x09\x09\x09\x09Provedeme t\xC4\x9B v\xC5\xA1emi povinnostmi a mo\xC5\xBEnostmi, kter\xC3\xA9 jako p\xC5\x99edseda m\xC3\xA1\xC5\xA1.\x0A\x09\x09\x09\x09</h6>\x0A\x09\x09\x09\x09<button type=\"button\" class=\"button primary cool-button\" style=\"margin-top: 1vh; border-radius: 4vw\">\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</section>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-circle\">\x0A\x09\x09<h3>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 povinnost odevzd\xC3\xA1vat ka\xC5\xBEd\xC3\xBD rok 30.4 v\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1vu v\xC4\x8Detn\xC4\x9B zpr\xC3\xA1vy o hospoda\xC5\x99en\xC3\xAD\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\">\x0A\x09\x09<h5 style=\"margin-bottom: 0; margin-left: -14vw\">\x0A\x09\x09\x09A jak na n\xC3\xAD?\x0A\x09\x09</h5>\x0A\x09\x09<h5 style=\"padding-left: 4vw; margin-top:0\" class=\"text-primary\">\x0A\x09\x09\x09To ti \xC5\x99ekne Ver\xC4\x8Da\x0A\x09\x09<h5>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<video class=\"smol-video\" controls>\x0A\x09\x09\x09<source src=\"/img/1566501668807.webm\" type=\"video/webm\">\x0A\x09\x09\x09Your browser is gay.\x0A\x09\x09</video>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-3 side-line\" style=\"line-height: 1\">\x0A\x09\x09<div>\x0A\x09\x09<h6 style=\"margin-bottom: 0\"><b>Hlavn\xC3\xAD body,</b></h6>\x0A\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.5)\">kter\xC3\xA9 tam nesm\xC3\xAD chyb\xC4\x9Bt jsou:</p>\x0A\x09\x09<div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>1.</span>\x0A\x09\x09\x09<p>Po\xC4\x8Det \xC4\x8Dlen\xC5\xAF</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>4.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<div class=\"right\">\x0A\x09\x09\x09\x09<span>7.</span>\x0A\x09\x09\x09\x09<p>Hospoda\xC5\x99en\xC3\xAD (v\xC3\xBDdaje rozd\xC4\x9Bleny na tyto \xC4\x8D\xC3\xA1sti)</p>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09\x09<ol type=\"a\">\x0A\x09\x09\x09\x09\x09<li>Projekty a program</li>\x0A\x09\x09\x09\x09\x09<li>Marketing a PR</li>\x0A\x09\x09\x09\x09\x09<li>Provoz spolku</li>\x0A\x09\x09\x09\x09</ol>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 6vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>2.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>5.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 12vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>3.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>6.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-square\">\x0A\x09\x09<h3>Spolkov\xC3\xA1 m\xC3\xADstnost</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 n\xC3\xA1rok na p\xC5\x99\xC3\xADstup do spolkov\xC3\xA9 m\xC3\xADstnosti, kter\xC3\xA1 m\xC3\xA1 ozna\xC4\x8Den\xC3\xAD S104 tzv. spolkovka\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\" style=\"width: 15vw; margin: 10vw 0\">\x0A\x09\x09<div class=\"side-line\">\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7); width: 13vw\">\x0A\x09\x09\x09\x09Pravidla spolkovky jsou n\xC3\xA1sleduj\xC3\xADc\xC3\xAD:\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-circle\">\x0A\x09\x09<h3>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5\" style=\"font-size: calc(var(--font-size) / 1.9); padding-right: 4vw\">\x0A\x09\x09<p>\x0A\x09\x09\x09Pokud chce\xC5\xA1 po\xC5\x99\xC3\xA1dat akci na fakult\xC4\x9B, je zapot\xC5\x99eb\xC3\xAD to nejprve nahl\xC3\xA1sit p\xC5\x99es formul\xC3\xA1\xC5\x99 na\x0A\x09\x09\x09<a href=\"https://akce.pedf.cuni.cz\">akce.pedf.cuni.cz</a>. Pokud se jedn\xC3\xA1 o malou akci vy\xC5\xBEaduj\xC3\xADc\xC3\xAD pouze mal\xC3\xBD po\xC4\x8Det u\xC4\x8Deben\x0A\x09\x09\x09nebo spole\xC4\x8Dn\xC3\xBD prostor pouze po kr\xC3\xA1tkou dobu, tak sta\xC4\x8D\xC3\xAD akci nahl\xC3\xA1sit o 10 dn\xC5\xAF p\xC5\x99edem (v\xC3\xADce u organizov\xC3\xA1n\xC3\xAD akc\xC3\xAD)\x0A\x09\x09</p>\x0A\x09\x09<p>\x0A\x09\x09\x09Je mo\xC5\xBEnost po\xC5\xBE\xC3\xA1dat o stoly, \xC5\xBEidle, podporu aj\xC5\xA5\xC3\xA1k\xC5\xAF nebo m\xC3\xADsto na webovk\xC3\xA1ch. V\xC5\xA1echny n\xC3\xA1jmy pro form\xC3\xA1ln\xC3\xAD spolky jsou bezplatn\xC3\xA9.\x0A\x09\x09</p>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>Odkazy a inspirace</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Tady najde\xC5\xA1 spolky, kter\xC3\xA9 p\xC5\xAFsob\xC3\xAD na UK:<br>\x0A\x09\x09\x09<a href=\"https://cuni.cz/UK-8518.html\">https://cuni.cz/UK-8518.html</a>\x0A\x09\x09\x09<br><br>\x0A\x09\x09\x09Kurzy na r\xC5\xAFzn\xC3\xA9 dovednosti m\xC5\xAF\xC5\xBEe\xC5\xA1 naj\xC3\xADt zde:<br>\x0A\x09\x09\x09<a href=\"www.naucmese.cz\">www.naucmese.cz</a> nebo na\x0A\x09\x09\x09<a href=\"https://www.acsa.cz\">https://www.acsa.cz</a>\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<section class=\"col\">\x0A\x09\x09<link rel=\"stylesheet\" href=\"/css/carousel.css\">\x0A\x09\x09 <!-- Slideshow container -->\x0A\x09\x09<div class=\"slideshow-container\">\x0A\x0A\x09\x09  <!-- Full-width images with number and caption text -->\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">1 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Text</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">2 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Two</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <!-- Next and previous buttons -->\x0A\x09\x09  <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;</a>\x0A\x09\x09  <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;</a>\x0A\x09\x09</div>\x0A\x09\x09<br>\x0A\x0A\x09\x09<!-- The dots/circles -->\x0A\x09\x09<div style=\"text-align:center\">\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(1)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(2)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(3)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(4)\"></span>\x0A\x09\x09</div>\x0A\x09</section>\x0A\x09<script src=\"js/carousel.js\"></script>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>P\xC5\x99edpisy a pravidla</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Z\xC3\xA1kladn\xC3\xAD p\xC5\x99edpisy, kter\xC3\xBDmi se spolky \xC5\x99id\xC3\xAD jsou:<br>\x0A\x09\x09</p>\x0A\x09\x09<ul style=\"font-size: calc(var(--font-size) / 1.3); list-style: none;\">\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09</ul>\x0A\x09</div>\x0A</section>\x0A");
 			break;
 		case "#/prebiram":
-			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"cross menu-btn\">\x0A\x09\x09<img src=\"svg/menu1.svg\" class=\"idle\">\x0A\x09\x09<img src=\"svg/menu2.svg\" class=\"active\">\x0A\x09</div>\x0A</section>\x0A");
+			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"logo\">\x0A\x09\x09<a href=\"https://pedf.cuni.cz/PEDF-1.html\"><img src=\"img/logo.png\"></a>\x0A\x09</div>\x0A\x09<div class=\"row\" style=\"width: 100%\">\x0A\x09\x09<section class=\"col-1\"></section>\x0A\x09\x09<section class=\"col-5\">\x0A\x09\x09\x09<div style=\"margin-top: 23vh\">\x0A\x09\x09\x09\x09<h1 style=\"margin-bottom: 5vh\">P\xC5\x99eb\xC3\xADr\xC3\xA1m spolek</h1>\x0A\x09\x09\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09\x09\x09<h6 style=\"line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.75)\">\x0A\x09\x09\x09\x09\x09V\xC4\x9Bt\xC5\xA1inou se st\xC3\xA1v\xC3\xA1, \xC5\xBEe minul\xC3\xBD p\xC5\x99edseda tomu sou\xC4\x8Dasn\xC3\xA9mu hodn\xC4\x9B do za\xC4\x8D\xC3\xA1tku pom\xC5\xAF\xC5\xBEe a provede ho v\xC5\xA1emi n\xC3\xA1le\xC5\xBEitostmi,\x0A\x09\x09\x09\x09\x09kter\xC3\xA9 z toho vypl\xC3\xBDvaj\xC3\xAD. Ale n\xC4\x9Bkdy se tak nestane, a proto jsme s ostatn\xC3\xADmi p\xC5\x99edsedi dali hlavy dohromady a vytvo\xC5\x99ili\x0A\x09\x09\x09\x09\x09n\xC3\xA1vod toho, co bys m\xC4\x9Bl/a ur\xC4\x8Dit\xC4\x9B d\xC4\x9Blat.\x0A\x09\x09\x09\x09</h6>\x0A\x09\x09\x09\x09<button type=\"button\" class=\"button primary cool-button\" style=\"margin-top: 1vh; border-radius: 4vw\">\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</section>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\">\x0A\x09\x09<h3>P\xC5\x99eb\xC3\xADr\xC3\xA1m form\xC3\xA1ln\xC3\xAD spolek</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: left\">\x0A\x09\x09\x09V\xC4\x9Bt\xC5\xA1inou se st\xC3\xA1v\xC3\xA1, \xC5\xBEe minul\xC3\xBD p\xC5\x99edseda tomu sou\xC4\x8Dasn\xC3\xA9mu hodn\xC4\x9B do za\xC4\x8D\xC3\xA1tku pom\xC5\xAF\xC5\xBEe a provede ho v\xC5\xA1emi n\xC3\xA1le\xC5\xBEitostmi,\x0A\x09\x09\x09kter\xC3\xA9 z toho vypl\xC3\xBDvaj\xC3\xAD. Ale n\xC4\x9Bkdy se tak nestane, a proto jsme s ostatn\xC3\xADmi p\xC5\x99edsedi dali hlavy dohromady a vytvo\xC5\x99ili\x0A\x09\x09\x09n\xC3\xA1vod toho, co bys m\xC4\x9Bl/a ur\xC4\x8Dit\xC4\x9B d\xC4\x9Blat.\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-3 side-line\" style=\"line-height: 1\">\x0A\x09\x09<div>\x0A\x09\x09<h6 style=\"margin-bottom: 0\"><b>Postup p\xC5\x99eb\xC3\xADr\xC3\xA1n\xC3\xAD</b></h6>\x0A\x09\x09<div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>1.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Seznam se s terminologi\xC3\xAD</b></h6>\x0A\x09\x09\x09\x09<p>Form\xC3\xA1ln\xC3\xAD spolek je spolek s I\xC4\x8Cem a volen\xC3\xBDmi org\xC3\xA1ny.\x0A\x09\x09\x09\x09M\xC3\xA1 vlastn\xC3\xAD \xC3\xBA\xC4\x8Det atp. Neform\xC3\xA1ln\xC3\xAD spolek je sdru\xC5\xBEen\xC3\xAD kamar\xC3\xA1d\xC5\xAF,\x0A\x09\x09\x09\x09kter\xC3\xA9 hrozn\xC4\x9B bav\xC3\xAD d\xC4\x9Blat r\xC5\xAFzn\xC3\xA9 v\xC4\x9Bci. Nem\xC3\xA1 I\xC4\x8CO a v\xC4\x9Bt\xC5\xA1inou ani \xC5\xBE\xC3\xA1dn\xC3\xA9 org\xC3\xA1ny.\x0A\x09\x09\x09\x09Studentsk\xC3\xA1 oborov\xC3\xA1 rada pom\xC3\xA1h\xC3\xA1 student\xC5\xAFm v komunikaci s katedrou. Hlavn\xC3\xAD p\xC5\x99edpisy,\x0A\x09\x09\x09\x09kter\xC3\xBDmi je t\xC5\x99eba se \xC5\x99\xC3\xADdit jsou tady.</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>4.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>P\xC5\x99\xC3\xADstup ke spolkov\xC3\xA9mu \xC3\xBA\xC4\x8Dtu</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Pen\xC3\xADze nejsou v\xC5\xA1echno, ale je dobr\xC3\xA9 m\xC3\xADt p\xC5\x99\xC3\xADstup ke spolkov\xC3\xA9mu \xC3\xBA\xC4\x8Dtu.\x0A\x09\x09\x09\x09\x09Se\xC5\xBEe\xC5\x88 si co nejd\xC5\x99\xC3\xADve \xC3\xBAdaje k n\xC4\x9Bmu.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>7.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Inspiruj se u podobn\xC3\xBDch organizac\xC3\xAD</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Doporu\xC4\x8Dujeme se pod\xC3\xADvat, jak to vypad\xC3\xA1 i v jin\xC3\xBDch organizac\xC3\xADch a spolc\xC3\xADch - doporu\xC4\x8Dujeme spolky na UK,\x0A\x09\x09\x09\x09\x09dob\xC5\x99e zpracovan\xC3\xA9 to m\xC3\xA1 V\xC5\xA0E, v zahrani\xC4\x8D\xC3\xAD (n\xC4\x9Bmecky: Verbindung, Burschenshaft, anglicky: student society, sorority, fraternity)\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>10.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nastav fungov\xC3\xA1n\xC3\xAD t\xC3\xBDmu</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Nastav si fungov\xC3\xA1n\xC3\xAD nejbli\xC5\xBE\xC5\xA1\xC3\xADho t\xC3\xBDmu (v\xC4\x9Bt\xC5\xA1inou se mu \xC5\x99\xC3\xADk\xC3\xA1 rada). Neboj se ozvat dal\xC5\xA1\xC3\xADm spolk\xC5\xAFm,\x0A\x09\x09\x09\x09\x09kter\xC3\xA9 dob\xC5\x99e funguj\xC3\xAD. Pravd\xC4\x9Bpodobn\xC4\x9B \xC5\x99e\xC5\xA1ili to sam\xC3\xA9.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>13.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Rady od star\xC5\xA1\xC3\xADch</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09A aby toho nebylo m\xC3\xA1lo, tady m\xC3\xA1\xC5\xA1 rady od b\xC3\xBDval\xC3\xBDch a sou\xC4\x8Dasn\xC3\xBDch p\xC5\x99edsed\xC5\xAF.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 6vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>2.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Napi\xC5\xA1 na soud</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Napi\xC5\xA1 na soud, \xC5\xBEe se zm\xC4\x9Bnil statut\xC3\xA1rn\xC3\xAD org\xC3\xA1n.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>5.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nejd\xC5\x99\xC3\xADve zkontroluj finan\xC4\x8Dn\xC3\xAD dokumenty</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Zkontroluj si, zda byla na da\xC5\x88ov\xC3\xBD \xC3\xBA\xC5\x99ad pod\xC3\xA1na da\xC5\x88ov\xC3\xA1 p\xC5\x99izn\xC3\xA1n\xC3\xAD za minul\xC3\xA9 roky,\x0A\x09\x09\x09\x09\x09a\xC5\xA5 prvn\xC3\xAD, co bude\xC5\xA1 \xC5\x99e\xC5\xA1it, nen\xC3\xAD n\xC3\xA1v\xC5\xA1t\xC4\x9Bva ber\xC5\x88\xC3\xA1ku.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>8.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>P\xC5\x99e\xC4\x8Dti si pravidla spolkovky</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Asi v\xC3\xAD\xC5\xA1, \xC5\xBEe m\xC3\xA1te p\xC5\x99\xC3\xADstup do spolkovky, tak je dobr\xC3\xA9 si p\xC5\x99e\xC4\x8D\xC3\xADst jej\xC3\xAD pravidla, aby na tebe nebyly ostatn\xC3\xAD spolky\x0A\x09\x09\x09\x09\x09na\xC5\xA1tvan\xC3\xA9.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>11.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Kdo je kdo na fakult\xC4\x9B</b></h6>\x0A\x09\x09\x09\x09<button\x0A\x09\x09\x09\x09\x09type=\"button\"\x0A\x09\x09\x09\x09\x09class=\"button primary cool-button smol-button\"\x0A\x09\x09\x09\x09\x09style=\"margin-top: 1vh; border-radius: 4vw;\"\x0A\x09\x09\x09\x09>\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 12vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>3.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nahlas to fakult\xC4\x9B</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Kdy\xC5\xBE bude\xC5\xA1 v tom, je to t\xC5\x99eba nahl\xC3\xA1sit i na fakult\xC4\x9B, abychom v\xC4\x9Bd\xC4\x9Bli, s k\xC3\xBDm jednat.\x0A\x09\x09\x09\x09\x09<a href=\"javascript:void(0)\">sta\xC4\x8D\xC3\xAD vyplnit tohle</a>\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>6.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nejd\xC5\x99\xC3\xADve zkontroluj finan\xC4\x8Dn\xC3\xAD dokumenty</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Zkontroluj si, zda byla pod\xC3\xA1na da\xC5\x88ov\xC3\xA1 p\xC5\x99izn\xC3\xA1n\xC3\xAD za minul\xC3\xA9 roky, a\xC5\xA5 prvn\xC3\xAD, co bude\xC5\xA1\x0A\x09\x09\x09\x09\x09\xC5\x99e\xC5\xA1it, nen\xC3\xAD n\xC3\xA1v\xC5\xA1t\xC4\x9Bva ber\xC5\x88\xC3\xA1ku.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>9.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Tohle asi v\xC3\xADc, ale pro jistotu: nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD, kter\xC3\xA9 bude\xC5\xA1 se spolkem d\xC4\x9Blat se d\xC4\x9Bl\xC3\xA1 tady:\x0A\x09\x09\x09\x09\x09<a href=\"javascript:void(0)\">formul\xC3\xA1\xC5\x99 nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</a>\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>12.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Hodn\xC4\x9B doporu\xC4\x8Dujeme si ud\xC4\x9Blat z\xC3\xA1kladn\xC3\xAD SWOT anal\xC3\xBDzu, kter\xC3\xA1 ti prozrad\xC3\xAD, jak na tom v\xC3\xA1\xC5\xA1 spolek j\x0A\x09\x09\x09\x09\x09a kam je mo\xC5\xBEn\xC3\xA9 ho sm\xC4\x9B\xC5\x99ovat d\xC3\xA1l. O tom, jak ud\xC4\x9Blat SWOTku najde\xC5\xA1 info t\xC5\x99eba tady:\x0A\x09\x09\x09\x09\x09<a href=\"https://managementmania.com/cs/swot-analyza\">https://managementmania.com/cs/swot-analyza</a>\x0A\x09\x09\x09\x09\x09<a href=\"https://www.marketingmind.cz/swot-analyza\">https://www.marketingmind.cz/swot-analyza</a>\x0A\x09\x09\x09\x09\x09<a href=\"https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797\">https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797</a>\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-circle\" style=\"background-position: top center\">\x0A\x09\x09<h4>P\xC5\x99eb\xC3\xADr\xC3\xA1m neform\xC3\xA1ln\xC3\xAD spolek</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Zde odpad\xC3\xA1 v\xC4\x9Bt\xC5\xA1ina form\xC3\xA1ln\xC3\xADch n\xC3\xA1le\xC5\xBEitost\xC3\xAD. Je t\xC5\x99eba nahl\xC3\xA1sit na fakult\xC4\x9B zm\xC4\x9Bnu p\xC5\x99edsedy.\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A");
 			break;
 		case "#/zapojit-se":
-			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"cross menu-btn\">\x0A\x09\x09<img src=\"svg/menu1.svg\" class=\"idle\">\x0A\x09\x09<img src=\"svg/menu2.svg\" class=\"active\">\x0A\x09</div>\x0A</section>\x0A");
+			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"logo\">\x0A\x09\x09<a href=\"https://pedf.cuni.cz/PEDF-1.html\"><img src=\"img/logo.png\"></a>\x0A\x09</div>\x0A\x09<div class=\"row\" style=\"width: 100%\">\x0A\x09\x09<section class=\"col-1\"></section>\x0A\x09\x09<section class=\"col-5\">\x0A\x09\x09\x09<div style=\"margin-top: 23vh\">\x0A\x09\x09\x09\x09<h1 style=\"margin-bottom: 5vh\">Chci se zapojit</h1>\x0A\x09\x09\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09\x09\x09<h6 style=\"line-height: 1.4; margin-top: 5vh\">\x0A\x09\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce wisi. Duis bibendum, lectus ut viverra rhoncus.\x0A\x09\x09\x09\x09</h6>\x0A\x09\x09\x09\x09<button type=\"button\" class=\"button primary cool-button\" style=\"margin-top: 1vh; border-radius: 4vw\">\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</section>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5\" style=\"line-height: 1\">\x0A\x09\x09<div class=\"down\" style=\"margin-right: 3vw\">\x0A\x09\x09\x09<div class=\"side-line\" style=\"margin-bottom: 1vh+\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>Co jsou vlastn\xC4\x9B studentsk\xC3\xA9 organizace?</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)\">\x0A\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\x0A\x09\x09\x09\x09incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\x0A\x09\x09\x09\x09nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\x0A\x09\x09\x09\x09Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\x0A\x09\x09\x09\x09eu fugiat nulla pariatur.\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-5\" style=\"line-height: 1\">\x0A\x09\x09<div style=\"height: 8vh\"></div>\x0A\x09\x09<div class=\"down\" style=\"margin-right: 3vw\">\x0A\x09\x09\x09<div class=\"side-line\" style=\"margin-bottom: 1vh\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>Pro\xC4\x8D bych se m\xC4\x9Bl do toho pou\xC5\xA1t\xC4\x9Bt?</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)\">\x0A\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\x0A\x09\x09\x09\x09incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\x0A\x09\x09\x09\x09nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\x0A\x09\x09\x09\x09Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\x0A\x09\x09\x09\x09eu fugiat nulla pariatur.\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A<div class=\"col flexy-boi\">\x0A\x09<h5 style=\"color: var(--color-primary)\"><b>Jak se v tom v\xC5\xA1em vyznat?</b></h5>\x0A</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5\" style=\"line-height: 1\">\x0A\x09\x09<div class=\"down\" style=\"margin-right: 3vw\">\x0A\x09\x09\x09<div class=\"side-line\" style=\"margin-bottom: 1vh+\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>Form\xC3\xA1ln\xC3\xAD spolek</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)\">\x0A\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\x0A\x09\x09\x09\x09incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\x0A\x09\x09\x09\x09nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\x0A\x09\x09\x09\x09Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\x0A\x09\x09\x09\x09eu fugiat nulla pariatur.\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"down\" style=\"margin-right: 3vw\">\x0A\x09\x09\x09<div class=\"side-line\" style=\"margin-bottom: 1vh+\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>SORka</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)\">\x0A\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\x0A\x09\x09\x09\x09incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\x0A\x09\x09\x09\x09nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\x0A\x09\x09\x09\x09Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\x0A\x09\x09\x09\x09eu fugiat nulla pariatur.\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"down\" style=\"margin-right: 3vw\">\x0A\x09\x09\x09<div class=\"side-line\" style=\"margin-bottom: 1vh+\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>Univerzitn\xC3\xAD spolek</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)\">\x0A\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\x0A\x09\x09\x09\x09incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\x0A\x09\x09\x09\x09nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\x0A\x09\x09\x09\x09Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\x0A\x09\x09\x09\x09eu fugiat nulla pariatur.\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-5\" style=\"line-height: 1\">\x0A\x09\x09<div style=\"height: 8vh\"></div>\x0A\x09\x09<div class=\"down\" style=\"margin-right: 3vw\">\x0A\x09\x09\x09<div class=\"side-line\" style=\"margin-bottom: 1vh\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>Neform\xC3\xA1ln\xC3\xAD spolky</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)\">\x0A\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\x0A\x09\x09\x09\x09incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\x0A\x09\x09\x09\x09nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\x0A\x09\x09\x09\x09Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\x0A\x09\x09\x09\x09eu fugiat nulla pariatur.\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"down\" style=\"margin-right: 3vw\">\x0A\x09\x09\x09<div class=\"side-line\" style=\"margin-bottom: 1vh\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>Fakultn\xC3\xAD spolek</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.8)\">\x0A\x09\x09\x09\x09Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\x0A\x09\x09\x09\x09incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\x0A\x09\x09\x09\x09nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\x0A\x09\x09\x09\x09Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\x0A\x09\x09\x09\x09eu fugiat nulla pariatur.\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 14vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-6\" style=\"background-position: top center\">\x0A\x09\x09<h5>Zku\xC5\xA1enosti \xC4\x8Dlen\xC5\xAF a b\xC3\xBDval\xC3\xBDch \xC4\x8Dlen\xC5\xAF</h5>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<section class=\"col\">\x0A\x09\x09<link rel=\"stylesheet\" href=\"/css/carousel.css\">\x0A\x09\x09 <!-- Slideshow container -->\x0A\x09\x09<div class=\"slideshow-container\">\x0A\x0A\x09\x09  <!-- Full-width images with number and caption text -->\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">1 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Text</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">2 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Two</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <!-- Next and previous buttons -->\x0A\x09\x09  <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;</a>\x0A\x09\x09  <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;</a>\x0A\x09\x09</div>\x0A\x09\x09<br>\x0A\x0A\x09\x09<!-- The dots/circles -->\x0A\x09\x09<div style=\"text-align:center\">\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(1)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(2)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(3)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(4)\"></span>\x0A\x09\x09</div>\x0A\x09</section>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 14vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-6\" style=\"background-position: top center\">\x0A\x09\x09<h5>Pro\xC4\x8D bys m\xC4\x9Bl j\xC3\xADt pr\xC3\xA1v\xC4\x9B k n\xC3\xA1m?</h5>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<section class=\"col\">\x0A\x09\x09<link rel=\"stylesheet\" href=\"/css/carousel.css\">\x0A\x09\x09 <!-- Slideshow container -->\x0A\x09\x09<div class=\"slideshow-container\">\x0A\x0A\x09\x09  <!-- Full-width images with number and caption text -->\x0A\x09\x09  <div class=\"mySlides2 fade\">\x0A\x09\x09    <div class=\"numbertext\">1 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Text</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides2 fade\">\x0A\x09\x09    <div class=\"numbertext\">2 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Two</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides2 fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides2 fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <!-- Next and previous buttons -->\x0A\x09\x09  <a class=\"prev\" onclick=\"plusSlides(-1, \'mySlides2\')\">&#10094;</a>\x0A\x09\x09  <a class=\"next\" onclick=\"plusSlides(1, \'mySlides2\')\">&#10095;</a>\x0A\x09\x09</div>\x0A\x09\x09<br>\x0A\x0A\x09\x09<!-- The dots/circles -->\x0A\x09\x09<div style=\"text-align:center\">\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(1, \'mySlides2\')\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(2, \'mySlides2\')\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(3, \'mySlides2\')\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(4, \'mySlides2\')\"></span>\x0A\x09\x09</div>\x0A\x09</section>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col flexy-boi\" style=\"background-position: top center\">\x0A\x09\x09<h5>Seznam spolk\xC5\xAF a studentsk\xC3\xBDch oborov\xC3\xBDch rad</h5>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col flexy-boi\">\x0A\x09\x09<h5 style=\"color: var(--color-primary)\"><b>Najdi ten sv\xC5\xAFj</b></h5>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col flexy-boi\">\x0A\x09\x09<div class=\"horizontal-menu no-underline\" style=\"position: relative; text-decoration: none !important; font-weight: 900\">\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Sport</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Um\xC4\x9Bn\xC3\xAD</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Psychologie</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Pedagogika</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Logika</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Filozofie</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Spole\xC4\x8Dnost</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">Hudba</a>\x0A\x09\x09\x09<a href=\"javascript:void(0)\">D\xC4\x9Bjiny</a>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 3vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09\x09<a href=\"javascript:void(0)\" class=\"hover-man\"><img src=\"img/trump.jpg\"></a>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A\x0A");
 			break;
 		case "#/zalozit-spolek":
-			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"cross menu-btn\">\x0A\x09\x09<img src=\"svg/menu1.svg\" class=\"idle\">\x0A\x09\x09<img src=\"svg/menu2.svg\" class=\"active\">\x0A\x09</div>\x0A</section>\x0A");
+			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"logo\">\x0A\x09\x09<a href=\"https://pedf.cuni.cz/PEDF-1.html\"><img src=\"img/logo.png\"></a>\x0A\x09</div>\x0A\x09<div class=\"row\" style=\"width: 100%\">\x0A\x09\x09<section class=\"col-1\"></section>\x0A\x09\x09<section class=\"col-5\">\x0A\x09\x09\x09<div style=\"margin-top: 23vh\">\x0A\x09\x09\x09\x09<h1 style=\"margin-bottom: 5vh\">P\xC5\x99eb\xC3\xADr\xC3\xA1m spolek</h1>\x0A\x09\x09\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09\x09\x09<h6 style=\"line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.75)\">\x0A\x09\x09\x09\x09\x09V\xC4\x9Bt\xC5\xA1inou se st\xC3\xA1v\xC3\xA1, \xC5\xBEe minul\xC3\xBD p\xC5\x99edseda tomu sou\xC4\x8Dasn\xC3\xA9mu hodn\xC4\x9B do za\xC4\x8D\xC3\xA1tku pom\xC5\xAF\xC5\xBEe a provede ho v\xC5\xA1emi n\xC3\xA1le\xC5\xBEitostmi,\x0A\x09\x09\x09\x09\x09kter\xC3\xA9 z toho vypl\xC3\xBDvaj\xC3\xAD. Ale n\xC4\x9Bkdy se tak nestane, a proto jsme s ostatn\xC3\xADmi p\xC5\x99edsedi dali hlavy dohromady a vytvo\xC5\x99ili\x0A\x09\x09\x09\x09\x09n\xC3\xA1vod toho, co bys m\xC4\x9Bl/a ur\xC4\x8Dit\xC4\x9B d\xC4\x9Blat.\x0A\x09\x09\x09\x09</h6>\x0A\x09\x09\x09\x09<button type=\"button\" class=\"button primary cool-button\" style=\"margin-top: 1vh; border-radius: 4vw\">\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</section>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-10 side-line\" style=\"line-height: 1\">\x0A\x09\x09<div>\x0A\x09\x09<h6 style=\"margin-bottom: 0\"><b>Informace k zalo\xC5\xBEen\xC3\xAD neform\xC3\xA1ln\xC3\xADho spolku</b></h6>\x0A\x09\x09<div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>1.</span>\x0A\x09\x09\x09<p>Je t\xC5\x99eba sehnat tolik a tolik lid\xC3\xAD a zaregistrovat se tady - <a href=\"javascript:void(0)\">formul\xC3\xA1\xC5\x99</a></p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 6vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>2.</span>\x0A\x09\x09\x09<p>O granty m\xC5\xAF\xC5\xBEe\xC5\xA1 \xC5\xBE\xC3\xA1dat tady, a\xC5\xBE bude venku v\xC3\xBDzva (d\xC3\xA1me ti v\xC4\x9Bd\xC4\x9Bt na email)</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 12vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>3.</span>\x0A\x09\x09\x09<p>Pamatuj ale, \xC5\xBEe v\xC5\xA1echny akce mus\xC3\xAD\xC5\xA1 nahla\xC5\xA1ovat tady - <a href=\"javascript:void(0)\">odkaz</a></p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-10\" style=\"line-height: 1\">\x0A\x09\x09<div class=\"side-line\">\x0A\x09\x09\x09<h6 style=\"margin-bottom: 0\"><b>Informace k zalo\xC5\xBEen\xC3\xAD form\xC3\xA1ln\xC3\xADho spolku</b></h6>\x0A\x09\x09</div>\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.8); margin-left:1.15vw; margin-top: 0.5vw\">\x0A\x09\x09\x09Tady je to u\xC5\xBE trochu slo\xC5\xBEit\xC4\x9Bj\xC5\xA1\xC3\xAD, ale neboj se, zas tak hrozn\xC3\xA9 to nen\xC3\xAD\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>1.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nejd\xC5\x99\xC3\xADve pot\xC5\x99ebuje\xC5\xA1 p\xC5\x99\xC3\xADpravn\xC3\xBD v\xC3\xBDbor, ten se mus\xC3\xAD skl\xC3\xA1dat z alespo\xC5\x88 3 osob</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>4.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Po registraci m\xC5\xAF\xC5\xBEe \xC4\x8Dl\xC3\xA1nek ofici\xC3\xA1ln\xC4\x9B za\xC4\x8D\xC3\xADt fungovat.</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>7.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Z\xC3\xA1kladn\xC3\xAD p\xC5\x99edpisy</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 6vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>2.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Je t\xC5\x99eba sepsat osnovy</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Jak to m\xC3\xA1 Agora se m\xC5\xAF\xC5\xBEe\xC5\xA1 pod\xC3\xADvat tady, Drosophila tady a Emil tady. Otev\xC5\x99eno m\xC3\xA1 pobo\xC4\x8Dkovou strukturu,\x0A\x09\x09\x09\x09\x09tak\xC5\xBEe je to slo\xC5\xBEit\xC4\x9Bj\xC5\xA1\xC3\xAD, ale co kdyby.\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>5.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Zaj\xC3\xADt do banky zalo\xC5\xBEit transparentn\xC3\xAD \xC3\xBA\xC4\x8Det</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>8.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Povinnosti a pr\xC3\xA1va spolku</b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 12vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>3.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Po tomhle v\xC5\xA1em mus\xC3\xAD\xC5\xA1 vyplnit</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09<a href=\"javascript:void(0)\">tenhle formul\xC3\xA1\xC5\x99</a>\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>6.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Registrace jako fakultn\xC3\xAD spolek - <a href=\"javascript:void(0)\">zde</a></b></h6>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<span>9.</span>\x0A\x09\x09\x09\x09<h6 style=\"font-size: calc(var(--font-size) / 1.8)\"><b>Nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</b></h6>\x0A\x09\x09\x09\x09<p>\x0A\x09\x09\x09\x09\x09Tohle asi v\xC3\xADc, ale pro jistotu: nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD, kter\xC3\xA9 bude\xC5\xA1 se spolkem d\xC4\x9Blat se d\xC4\x9Bl\xC3\xA1 tady:\x0A\x09\x09\x09\x09\x09<a href=\"javascript:void(0)\">formul\xC3\xA1\xC5\x99 nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</a>\x0A\x09\x09\x09\x09</p>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A");
 			break;
 		default: 
-			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"cross menu-btn\">\x0A\x09\x09<img src=\"svg/menu1.svg\" class=\"idle\">\x0A\x09\x09<img src=\"svg/menu2.svg\" class=\"active\">\x0A\x09</div>\x0A\x09<div class=\"logo\">\x0A\x09\x09<a href=\"https://pedf.cuni.cz/PEDF-1.html\"><img src=\"img/logo.png\"></a>\x0A\x09</div>\x0A\x09<div class=\"horizontal-menu\">\x0A\x09\x09<span>Povinnosti:</span>\x0A\x09\x09<a>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</a>\x0A\x09\x09<a>Spolkov\xC3\xA1 m\xC3\xADstnost</a>\x0A\x09\x09<a>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</a>\x0A\x09\x09<a>Odkazy a inspirace</a>\x0A\x09\x09<a>Dal\xC5\xA1\xC3\xAD spolky</a>\x0A\x09\x09<a>P\xC5\x99edpisy a pravidla</a>\x0A\x09</div>\x0A\x09<div class=\"row\" style=\"width: 100%\">\x0A\x09\x09<section class=\"col-1\"></section>\x0A\x09\x09<section class=\"col-5\">\x0A\x09\x09\x09<div style=\"margin-top: 23vh\">\x0A\x09\x09\x09\x09<h1 style=\"margin-bottom: 5vh\">P\xC5\x99edseda spolku</h1>\x0A\x09\x09\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09\x09\x09<h6 style=\"line-height: 1.4; margin-top: 5vh\">\x0A\x09\x09\x09\x09\x09Provedeme t\xC4\x9B v\xC5\xA1emi povinnostmi a mo\xC5\xBEnostmi, kter\xC3\xA9 jako p\xC5\x99edseda m\xC3\xA1\xC5\xA1.\x0A\x09\x09\x09\x09</h6>\x0A\x09\x09\x09\x09<button type=\"button\" class=\"button primary cool-button\" style=\"margin-top: 1vh; border-radius: 4vw\">\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</section>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-circle\">\x0A\x09\x09<h3>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 povinnost odevzd\xC3\xA1vat ka\xC5\xBEd\xC3\xBD rok 30.4 v\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1vu v\xC4\x8Detn\xC4\x9B zpr\xC3\xA1vy o hospoda\xC5\x99en\xC3\xAD\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\">\x0A\x09\x09<h5 style=\"margin-bottom: 0; margin-left: -14vw\">\x0A\x09\x09\x09A jak na n\xC3\xAD?\x0A\x09\x09</h5>\x0A\x09\x09<h5 style=\"padding-left: 4vw; margin-top:0\" class=\"text-primary\">\x0A\x09\x09\x09To ti \xC5\x99ekne Ver\xC4\x8Da\x0A\x09\x09<h5>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<video class=\"smol-video\" controls>\x0A\x09\x09\x09<source src=\"/img/1566501668807.webm\" type=\"video/webm\">\x0A\x09\x09\x09Your browser is gay.\x0A\x09\x09</video>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-3 side-line\" style=\"line-height: 1\">\x0A\x09\x09<div>\x0A\x09\x09<h6 style=\"margin-bottom: 0\"><b>Hlavn\xC3\xAD body,</b></h6>\x0A\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.5)\">kter\xC3\xA9 tam nesm\xC3\xAD chyb\xC4\x9Bt jsou:</p>\x0A\x09\x09<div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>1.</span>\x0A\x09\x09\x09<p>Po\xC4\x8Det \xC4\x8Dlen\xC5\xAF</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>4.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<div class=\"right\">\x0A\x09\x09\x09\x09<span>7.</span>\x0A\x09\x09\x09\x09<p>Hospoda\xC5\x99en\xC3\xAD (v\xC3\xBDdaje rozd\xC4\x9Bleny na tyto \xC4\x8D\xC3\xA1sti)</p>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09\x09<ol type=\"a\">\x0A\x09\x09\x09\x09\x09<li>Projekty a program</li>\x0A\x09\x09\x09\x09\x09<li>Marketing a PR</li>\x0A\x09\x09\x09\x09\x09<li>Provoz spolku</li>\x0A\x09\x09\x09\x09</ol>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 6vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>2.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>5.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 12vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>3.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>6.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-square\">\x0A\x09\x09<h3>Spolkov\xC3\xA1 m\xC3\xADstnost</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 n\xC3\xA1rok na p\xC5\x99\xC3\xADstup do spolkov\xC3\xA9 m\xC3\xADstnosti, kter\xC3\xA1 m\xC3\xA1 ozna\xC4\x8Den\xC3\xAD S104 tzv. spolkovka\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\" style=\"width: 15vw; margin: 10vw 0\">\x0A\x09\x09<div class=\"side-line\">\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7); width: 13vw\">\x0A\x09\x09\x09\x09Pravidla spolkovky jsou n\xC3\xA1sleduj\xC3\xADc\xC3\xAD:\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-circle\">\x0A\x09\x09<h3>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5\" style=\"font-size: calc(var(--font-size) / 1.9); padding-right: 4vw\">\x0A\x09\x09<p>\x0A\x09\x09\x09Pokud chce\xC5\xA1 po\xC5\x99\xC3\xA1dat akci na fakult\xC4\x9B, je zapot\xC5\x99eb\xC3\xAD to nejprve nahl\xC3\xA1sit p\xC5\x99es formul\xC3\xA1\xC5\x99 na\x0A\x09\x09\x09<a href=\"https://akce.pedf.cuni.cz\">akce.pedf.cuni.cz</a>. Pokud se jedn\xC3\xA1 o malou akci vy\xC5\xBEaduj\xC3\xADc\xC3\xAD pouze mal\xC3\xBD po\xC4\x8Det u\xC4\x8Deben\x0A\x09\x09\x09nebo spole\xC4\x8Dn\xC3\xBD prostor pouze po kr\xC3\xA1tkou dobu, tak sta\xC4\x8D\xC3\xAD akci nahl\xC3\xA1sit o 10 dn\xC5\xAF p\xC5\x99edem (v\xC3\xADce u organizov\xC3\xA1n\xC3\xAD akc\xC3\xAD)\x0A\x09\x09</p>\x0A\x09\x09<p>\x0A\x09\x09\x09Je mo\xC5\xBEnost po\xC5\xBE\xC3\xA1dat o stoly, \xC5\xBEidle, podporu aj\xC5\xA5\xC3\xA1k\xC5\xAF nebo m\xC3\xADsto na webovk\xC3\xA1ch. V\xC5\xA1echny n\xC3\xA1jmy pro form\xC3\xA1ln\xC3\xAD spolky jsou bezplatn\xC3\xA9.\x0A\x09\x09</p>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>Odkazy a inspirace</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Tady najde\xC5\xA1 spolky, kter\xC3\xA9 p\xC5\xAFsob\xC3\xAD na UK:<br>\x0A\x09\x09\x09<a href=\"https://cuni.cz/UK-8518.html\">https://cuni.cz/UK-8518.html</a>\x0A\x09\x09\x09<br><br>\x0A\x09\x09\x09Kurzy na r\xC5\xAFzn\xC3\xA9 dovednosti m\xC5\xAF\xC5\xBEe\xC5\xA1 naj\xC3\xADt zde:<br>\x0A\x09\x09\x09<a href=\"www.naucmese.cz\">www.naucmese.cz</a> nebo na\x0A\x09\x09\x09<a href=\"https://www.acsa.cz\">https://www.acsa.cz</a>\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<section class=\"col\">\x0A\x09\x09<link rel=\"stylesheet\" href=\"/css/carousel.css\">\x0A\x09\x09 <!-- Slideshow container -->\x0A\x09\x09<div class=\"slideshow-container\">\x0A\x0A\x09\x09  <!-- Full-width images with number and caption text -->\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">1 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Text</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">2 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Two</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <!-- Next and previous buttons -->\x0A\x09\x09  <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;</a>\x0A\x09\x09  <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;</a>\x0A\x09\x09</div>\x0A\x09\x09<br>\x0A\x0A\x09\x09<!-- The dots/circles -->\x0A\x09\x09<div style=\"text-align:center\">\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(1)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(2)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(3)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(4)\"></span>\x0A\x09\x09</div>\x0A\x09</section>\x0A\x09<script src=\"/js/carousel.js\"></script>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>P\xC5\x99edpisy a pravidla</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Z\xC3\xA1kladn\xC3\xAD p\xC5\x99edpisy, kter\xC3\xBDmi se spolky \xC5\x99id\xC3\xAD jsou:<br>\x0A\x09\x09</p>\x0A\x09\x09<ul style=\"font-size: calc(var(--font-size) / 1.3); list-style: none;\">\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09</ul>\x0A\x09</div>\x0A</section>\x0A");
+			Tmp4 = makeNimstrLit("<section class=\"row fullheight\">\x0A\x09<div class=\"logo\">\x0A\x09\x09<a href=\"https://pedf.cuni.cz/PEDF-1.html\"><img src=\"img/logo.png\"></a>\x0A\x09</div>\x0A\x09<div class=\"horizontal-menu\">\x0A\x09\x09<span>Povinnosti:</span>\x0A\x09\x09<a>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</a>\x0A\x09\x09<a>Spolkov\xC3\xA1 m\xC3\xADstnost</a>\x0A\x09\x09<a>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</a>\x0A\x09\x09<a>Odkazy a inspirace</a>\x0A\x09\x09<a>Dal\xC5\xA1\xC3\xAD spolky</a>\x0A\x09\x09<a>P\xC5\x99edpisy a pravidla</a>\x0A\x09</div>\x0A\x09<div class=\"row\" style=\"width: 100%\">\x0A\x09\x09<section class=\"col-1\"></section>\x0A\x09\x09<section class=\"col-5\">\x0A\x09\x09\x09<div style=\"margin-top: 23vh\">\x0A\x09\x09\x09\x09<h1 style=\"margin-bottom: 5vh\">P\xC5\x99edseda spolku</h1>\x0A\x09\x09\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09\x09\x09<h6 style=\"line-height: 1.4; margin-top: 5vh\">\x0A\x09\x09\x09\x09\x09Provedeme t\xC4\x9B v\xC5\xA1emi povinnostmi a mo\xC5\xBEnostmi, kter\xC3\xA9 jako p\xC5\x99edseda m\xC3\xA1\xC5\xA1.\x0A\x09\x09\x09\x09</h6>\x0A\x09\x09\x09\x09<button type=\"button\" class=\"button primary cool-button\" style=\"margin-top: 1vh; border-radius: 4vw\">\x0A\x09\x09\x09\x09\x09\xE2\x86\x93  Zjisti v\xC3\xADce\x0A\x09\x09\x09\x09</button>\x0A\x09\x09\x09</div>\x0A\x09\x09</section>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-circle\">\x0A\x09\x09<h3>V\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1va</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 povinnost odevzd\xC3\xA1vat ka\xC5\xBEd\xC3\xBD rok 30.4 v\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1vu v\xC4\x8Detn\xC4\x9B zpr\xC3\xA1vy o hospoda\xC5\x99en\xC3\xAD\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\">\x0A\x09\x09<h5 style=\"margin-bottom: 0; margin-left: -14vw\">\x0A\x09\x09\x09A jak na n\xC3\xAD?\x0A\x09\x09</h5>\x0A\x09\x09<h5 style=\"padding-left: 4vw; margin-top:0\" class=\"text-primary\">\x0A\x09\x09\x09To ti \xC5\x99ekne Ver\xC4\x8Da\x0A\x09\x09<h5>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<video class=\"smol-video\" controls>\x0A\x09\x09\x09<source src=\"/img/1566501668807.webm\" type=\"video/webm\">\x0A\x09\x09\x09Your browser is gay.\x0A\x09\x09</video>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-3 side-line\" style=\"line-height: 1\">\x0A\x09\x09<div>\x0A\x09\x09<h6 style=\"margin-bottom: 0\"><b>Hlavn\xC3\xAD body,</b></h6>\x0A\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.5)\">kter\xC3\xA9 tam nesm\xC3\xAD chyb\xC4\x9Bt jsou:</p>\x0A\x09\x09<div>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>1.</span>\x0A\x09\x09\x09<p>Po\xC4\x8Det \xC4\x8Dlen\xC5\xAF</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>4.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<div class=\"down\">\x0A\x09\x09\x09<div class=\"right\">\x0A\x09\x09\x09\x09<span>7.</span>\x0A\x09\x09\x09\x09<p>Hospoda\xC5\x99en\xC3\xAD (v\xC3\xBDdaje rozd\xC4\x9Bleny na tyto \xC4\x8D\xC3\xA1sti)</p>\x0A\x09\x09\x09</div>\x0A\x09\x09\x09\x09<ol type=\"a\">\x0A\x09\x09\x09\x09\x09<li>Projekty a program</li>\x0A\x09\x09\x09\x09\x09<li>Marketing a PR</li>\x0A\x09\x09\x09\x09\x09<li>Provoz spolku</li>\x0A\x09\x09\x09\x09</ol>\x0A\x09\x09\x09</div>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 6vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>2.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>5.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col\">\x0A\x09\x09<div style=\"height: 12vh\"></div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>3.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09\x09<div class=\"number-gay\">\x0A\x09\x09\x09<span>6.</span>\x0A\x09\x09\x09<p>Souhrn \xC4\x8Dinnosti za minul\xC3\xBD kalend\xC3\xA1\xC5\x99n\xC3\xAD rok</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-1\"></div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-4 bg-square\">\x0A\x09\x09<h3>Spolkov\xC3\xA1 m\xC3\xADstnost</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Ka\xC5\xBEd\xC3\xBD form\xC3\xA1ln\xC3\xAD spolek m\xC3\xA1 n\xC3\xA1rok na p\xC5\x99\xC3\xADstup do spolkov\xC3\xA9 m\xC3\xADstnosti, kter\xC3\xA1 m\xC3\xA1 ozna\xC4\x8Den\xC3\xAD S104 tzv. spolkovka\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 flexy-boi\" style=\"width: 15vw; margin: 10vw 0\">\x0A\x09\x09<div class=\"side-line\">\x0A\x09\x09\x09<p style=\"margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7); width: 13vw\">\x0A\x09\x09\x09\x09Pravidla spolkovky jsou n\xC3\xA1sleduj\xC3\xADc\xC3\xAD:\x0A\x09\x09\x09</p>\x0A\x09\x09</div>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-circle\">\x0A\x09\x09<h3>Akce a nahla\xC5\xA1ov\xC3\xA1n\xC3\xAD akc\xC3\xAD</h3>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9vh\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5\" style=\"font-size: calc(var(--font-size) / 1.9); padding-right: 4vw\">\x0A\x09\x09<p>\x0A\x09\x09\x09Pokud chce\xC5\xA1 po\xC5\x99\xC3\xA1dat akci na fakult\xC4\x9B, je zapot\xC5\x99eb\xC3\xAD to nejprve nahl\xC3\xA1sit p\xC5\x99es formul\xC3\xA1\xC5\x99 na\x0A\x09\x09\x09<a href=\"https://akce.pedf.cuni.cz\">akce.pedf.cuni.cz</a>. Pokud se jedn\xC3\xA1 o malou akci vy\xC5\xBEaduj\xC3\xADc\xC3\xAD pouze mal\xC3\xBD po\xC4\x8Det u\xC4\x8Deben\x0A\x09\x09\x09nebo spole\xC4\x8Dn\xC3\xBD prostor pouze po kr\xC3\xA1tkou dobu, tak sta\xC4\x8D\xC3\xAD akci nahl\xC3\xA1sit o 10 dn\xC5\xAF p\xC5\x99edem (v\xC3\xADce u organizov\xC3\xA1n\xC3\xAD akc\xC3\xAD)\x0A\x09\x09</p>\x0A\x09\x09<p>\x0A\x09\x09\x09Je mo\xC5\xBEnost po\xC5\xBE\xC3\xA1dat o stoly, \xC5\xBEidle, podporu aj\xC5\xA5\xC3\xA1k\xC5\xAF nebo m\xC3\xADsto na webovk\xC3\xA1ch. V\xC5\xA1echny n\xC3\xA1jmy pro form\xC3\xA1ln\xC3\xAD spolky jsou bezplatn\xC3\xA9.\x0A\x09\x09</p>\x0A\x09</div>\x0A\x09<div class=\"col-5\">\x0A\x09\x09<img src=\"/img/trump.jpg\" style=\"height: 100%; width: auto;\">\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>Odkazy a inspirace</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Tady najde\xC5\xA1 spolky, kter\xC3\xA9 p\xC5\xAFsob\xC3\xAD na UK:<br>\x0A\x09\x09\x09<a href=\"https://cuni.cz/UK-8518.html\">https://cuni.cz/UK-8518.html</a>\x0A\x09\x09\x09<br><br>\x0A\x09\x09\x09Kurzy na r\xC5\xAFzn\xC3\xA9 dovednosti m\xC5\xAF\xC5\xBEe\xC5\xA1 naj\xC3\xADt zde:<br>\x0A\x09\x09\x09<a href=\"www.naucmese.cz\">www.naucmese.cz</a> nebo na\x0A\x09\x09\x09<a href=\"https://www.acsa.cz\">https://www.acsa.cz</a>\x0A\x09\x09</p>\x0A\x09</div>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 4vh\">\x0A\x09<section class=\"col\">\x0A\x09\x09<link rel=\"stylesheet\" href=\"/css/carousel.css\">\x0A\x09\x09 <!-- Slideshow container -->\x0A\x09\x09<div class=\"slideshow-container\">\x0A\x0A\x09\x09  <!-- Full-width images with number and caption text -->\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">1 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Text</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">2 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Two</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <div class=\"mySlides fade\">\x0A\x09\x09    <div class=\"numbertext\">3 / 3</div>\x0A\x09\x09    <img src=\"img/trump.jpg\" style=\"width:100%\">\x0A\x09\x09    <div class=\"text\">Caption Three</div>\x0A\x09\x09  </div>\x0A\x0A\x09\x09  <!-- Next and previous buttons -->\x0A\x09\x09  <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;</a>\x0A\x09\x09  <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;</a>\x0A\x09\x09</div>\x0A\x09\x09<br>\x0A\x0A\x09\x09<!-- The dots/circles -->\x0A\x09\x09<div style=\"text-align:center\">\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(1)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(2)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(3)\"></span>\x0A\x09\x09  <span class=\"dot\" onclick=\"currentSlide(4)\"></span>\x0A\x09\x09</div>\x0A\x09</section>\x0A\x09<script src=\"js/carousel.js\"></script>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 9rem\">\x0A\x09<div class=\"col-1\"></div>\x0A\x09<div class=\"col-5 bg-square\" style=\"background-position: top center\">\x0A\x09\x09<h4>P\xC5\x99edpisy a pravidla</h4>\x0A\x09\x09<hr class=\"gay-hr\">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify\">\x0A\x09\x09\x09Z\xC3\xA1kladn\xC3\xAD p\xC5\x99edpisy, kter\xC3\xBDmi se spolky \xC5\x99id\xC3\xAD jsou:<br>\x0A\x09\x09</p>\x0A\x09\x09<ul style=\"font-size: calc(var(--font-size) / 1.3); list-style: none;\">\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09\x09<li>Tento p\xC5\x99edpis</li>\x0A\x09\x09</ul>\x0A\x09</div>\x0A</section>\x0A");
 			break;
 		}
 		document.querySelector("#root").innerHTML = toJSStr(Tmp4);
diff --git a/page/prebiram.html b/page/prebiram.html
index 1dbfdf2..b6decf0 100644
--- a/page/prebiram.html
+++ b/page/prebiram.html
@@ -1,6 +1,199 @@
 <section class="row fullheight">
-	<div class="cross menu-btn">
-		<img src="svg/menu1.svg" class="idle">
-		<img src="svg/menu2.svg" class="active">
+	<div class="logo">
+		<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></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)">
+					Většinou se stává, že minulý předseda tomu současnému hodně do začátku pomůže a provede ho všemi náležitostmi,
+					které z toho vyplývají. Ale někdy se tak nestane, a proto jsme s ostatními předsedi dali hlavy dohromady a vytvořili
+					návod toho, co bys měl/a určitě dělat.
+				</h6>
+				<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
+					↓  Zjisti více
+				</button>
+			</div>
+		</section>
+	</div>
+</section>
+<section class="row" style="margin-top: 9rem">
+	<div class="col-1"></div>
+	<div class="col-5 bg-square">
+		<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">
+			Většinou se stává, že minulý předseda tomu současnému hodně do začátku pomůže a provede ho všemi náležitostmi,
+			které z toho vyplývají. Ale někdy se tak nestane, a proto jsme s ostatními předsedi dali hlavy dohromady a vytvořili
+			návod toho, co bys měl/a určitě dělat.
+		</p>
+	</div>
+</section>
+<section class="row" style="margin-top: 5vh">
+	<div class="col-1"></div>
+	<div class="col-3 side-line" style="line-height: 1">
+		<div>
+		<h6 style="margin-bottom: 0"><b>Postup přebírání</b></h6>
+		<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.8)"><b>Seznam se s terminologií</b></h6>
+				<p>Formální spolek je spolek s IČem a volenými orgány.
+				Má vlastní účet atp. Neformální spolek je sdružení kamarádů,
+				které hrozně baví dělat různé věci. Nemá IČO a většinou ani žádné orgány.
+				Studentská oborová rada pomáhá studentům v komunikaci s katedrou. Hlavní předpisy,
+				kterými je třeba se řídit jsou tady.</p>
+			</div>
+		</div>
+		<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>
+				<p>
+					Peníze nejsou všechno, ale je dobré mít přístup ke spolkovému účtu.
+					Sežeň si co nejdříve údaje k němu.
+				</p>
+			</div>
+		</div>
+		<div class="number-gay">
+			<div class="down">
+			<span>7.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.8)"><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 - doporučujeme spolky na UK,
+					dobře zpracované to má VŠE, v zahraničí (německy: Verbindung, Burschenshaft, anglicky: student society, sorority, fraternity)
+				</p>
+			</div>
+		</div>
+		<div class="number-gay">
+			<div class="down">
+			<span>10.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nastav fungování týmu</b></h6>
+				<p>
+					Nastav si fungování nejbližšího týmu (většinou se mu říká rada). Neboj se ozvat dalším spolkům,
+					které dobře fungují. Pravděpodobně řešili to samé.
+				</p>
+			</div>
+		</div>
+		<div class="number-gay">
+			<div class="down">
+			<span>13.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Rady od starších</b></h6>
+				<p>
+					A aby toho nebylo málo, tady máš rady od bývalých a současných předsedů.
+				</p>
+			</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.8)"><b>Napiš na soud</b></h6>
+				<p>
+					Napiš na soud, že se změnil statutární orgán.
+				</p>
+			</div>
+		</div>
+		<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>
+				<p>
+					Zkontroluj si, zda byla na daňový úřad podána daňová přiznání za minulé roky,
+					ať první, co budeš řešit, není návštěva berňáku.
+				</p>
+			</div>
+		</div>
+		<div class="number-gay">
+			<div class="down">
+			<span>8.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Přečti si pravidla spolkovky</b></h6>
+				<p>
+					Asi víš, že máte přístup do spolkovky, tak je dobré si přečíst její pravidla, aby na tebe nebyly ostatní spolky
+					naštvané.
+				</p>
+			</div>
+		</div>
+		<div class="number-gay">
+			<div class="down">
+			<span>11.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Kdo je kdo na fakultě</b></h6>
+				<button
+					type="button"
+					class="button primary cool-button smol-button"
+					style="margin-top: 1vh; border-radius: 4vw;"
+				>
+					↓  Zjisti více
+				</button>
+			</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.8)"><b>Nahlas to fakultě</b></h6>
+				<p>
+					Když budeš v tom, je to třeba nahlásit i na fakultě, abychom věděli, s kým jednat.
+					<a href="javascript:void(0)">stačí vyplnit tohle</a>
+				</p>
+			</div>
+		</div>
+		<div class="number-gay">
+			<div class="down">
+			<span>6.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nejdříve zkontroluj finanční dokumenty</b></h6>
+				<p>
+					Zkontroluj si, zda byla podána daňová přiznání za minulé roky, ať první, co budeš
+					řešit, není návštěva berňáku.
+				</p>
+			</div>
+		</div>
+		<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>
+				<p>
+					Tohle asi víc, ale pro jistotu: nahlašování akcí, které budeš se spolkem dělat se dělá tady:
+					<a href="javascript:void(0)">formulář nahlašování akcí</a>
+				</p>
+			</div>
+		</div>
+		<div class="number-gay">
+			<div class="down">
+			<span>12.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.8)"><b>Nahlašování akcí</b></h6>
+				<p>
+					Hodně doporučujeme si udělat základní SWOT analýzu, která ti prozradí, jak na tom váš spolek j
+					a kam je možné ho směřovat dál. O tom, jak udělat SWOTku najdeš info třeba tady:
+					<a href="https://managementmania.com/cs/swot-analyza">https://managementmania.com/cs/swot-analyza</a>
+					<a href="https://www.marketingmind.cz/swot-analyza">https://www.marketingmind.cz/swot-analyza</a>
+					<a href="https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797">https://mladypodnikatel.cz/co-to-je-swot-analyza-t2797</a>
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="col-1"></div>
+</section>
+<section class="row" style="margin-top: 9rem">
+	<div class="col-1"></div>
+	<div class="col-5 bg-circle" style="background-position: top center">
+		<h4>Přebírám neformální spolek</h4>
+		<hr class="gay-hr">
+		<p style="font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify">
+			Zde odpadá většina formálních náležitostí. Je třeba nahlásit na fakultě změnu předsedy.
+		</p>
 	</div>
 </section>
diff --git a/page/predseda.html b/page/predseda.html
index b3cad2b..c4d69c6 100644
--- a/page/predseda.html
+++ b/page/predseda.html
@@ -1,8 +1,4 @@
 <section class="row fullheight">
-	<div class="cross menu-btn">
-		<img src="svg/menu1.svg" class="idle">
-		<img src="svg/menu2.svg" class="active">
-	</div>
 	<div class="logo">
 		<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></a>
 	</div>
@@ -222,7 +218,7 @@
 		  <span class="dot" onclick="currentSlide(4)"></span>
 		</div>
 	</section>
-	<script src="/js/carousel.js"></script>
+	<script src="js/carousel.js"></script>
 </section>
 <section class="row" style="margin-top: 9rem">
 	<div class="col-1"></div>
diff --git a/page/zalozit_spolek.html b/page/zalozit_spolek.html
index 1dbfdf2..e4a73f4 100644
--- a/page/zalozit_spolek.html
+++ b/page/zalozit_spolek.html
@@ -1,6 +1,142 @@
 <section class="row fullheight">
-	<div class="cross menu-btn">
-		<img src="svg/menu1.svg" class="idle">
-		<img src="svg/menu2.svg" class="active">
+	<div class="logo">
+		<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></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)">
+					Většinou se stává, že minulý předseda tomu současnému hodně do začátku pomůže a provede ho všemi náležitostmi,
+					které z toho vyplývají. Ale někdy se tak nestane, a proto jsme s ostatními předsedi dali hlavy dohromady a vytvořili
+					návod toho, co bys měl/a určitě dělat.
+				</h6>
+				<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
+					↓  Zjisti více
+				</button>
+			</div>
+		</section>
+	</div>
+</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="javascript:void(0)">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="javascript:void(0)">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>
+		<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í
+		</p>
+	</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.8)"><b>Nejdříve potřebuješ přípravný výbor, ten se musí skládat z alespoň 3 osob</b></h6>
+			</div>
+		</div>
+		<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>
+			</div>
+		</div>
+		<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>
+			</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.8)"><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.
+				</p>
+			</div>
+		</div>
+		<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>
+			</div>
+		</div>
+		<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>
+			</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.8)"><b>Po tomhle všem musíš vyplnit</b></h6>
+				<p>
+					<a href="javascript:void(0)">tenhle formulář</a>
+				</p>
+			</div>
+		</div>
+		<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="javascript:void(0)">zde</a></b></h6>
+			</div>
+		</div>
+		<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>
+				<p>
+					Tohle asi víc, ale pro jistotu: nahlašování akcí, které budeš se spolkem dělat se dělá tady:
+					<a href="javascript:void(0)">formulář nahlašování akcí</a>
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="col-1"></div>
 </section>
diff --git a/page/zapojit_se.html b/page/zapojit_se.html
index 1dbfdf2..699a789 100644
--- a/page/zapojit_se.html
+++ b/page/zapojit_se.html
@@ -1,6 +1,282 @@
 <section class="row fullheight">
-	<div class="cross menu-btn">
-		<img src="svg/menu1.svg" class="idle">
-		<img src="svg/menu2.svg" class="active">
+	<div class="logo">
+		<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></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 se zapojit</h1>
+				<hr class="gay-hr">
+				<h6 style="line-height: 1.4; margin-top: 5vh">
+					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce wisi. Duis bibendum, lectus ut viverra rhoncus.
+				</h6>
+				<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
+					↓  Zjisti více
+				</button>
+			</div>
+		</section>
+	</div>
+</section>
+<section class="row" style="margin-top: 5vh">
+	<div class="col-1"></div>
+	<div class="col-5" style="line-height: 1">
+		<div class="down" style="margin-right: 3vw">
+			<div class="side-line" style="margin-bottom: 1vh+">
+			<h6 style="margin-bottom: 0"><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)">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+				eu fugiat nulla pariatur.
+			</p>
+		</div>
+	</div>
+	<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">
+			<h6 style="margin-bottom: 0"><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)">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+				eu fugiat nulla pariatur.
+			</p>
+		</div>
+	</div>
+</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>
+</div>
+</section>
+<section class="row" style="margin-top: 5vh">
+	<div class="col-1"></div>
+	<div class="col-5" style="line-height: 1">
+		<div class="down" style="margin-right: 3vw">
+			<div class="side-line" style="margin-bottom: 1vh+">
+			<h6 style="margin-bottom: 0"><b>Formální spolek</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)">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+				eu fugiat nulla pariatur.
+			</p>
+		</div>
+		<div class="down" style="margin-right: 3vw">
+			<div class="side-line" style="margin-bottom: 1vh+">
+			<h6 style="margin-bottom: 0"><b>SORka</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)">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+				eu fugiat nulla pariatur.
+			</p>
+		</div>
+		<div class="down" style="margin-right: 3vw">
+			<div class="side-line" style="margin-bottom: 1vh+">
+			<h6 style="margin-bottom: 0"><b>Univerzitní spolek</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)">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+				eu fugiat nulla pariatur.
+			</p>
+		</div>
+	</div>
+	<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">
+			<h6 style="margin-bottom: 0"><b>Neformální spolky</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)">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+				eu fugiat nulla pariatur.
+			</p>
+		</div>
+		<div class="down" style="margin-right: 3vw">
+			<div class="side-line" style="margin-bottom: 1vh">
+			<h6 style="margin-bottom: 0"><b>Fakultní spolek</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)">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+				eu fugiat nulla pariatur.
+			</p>
+		</div>
+	</div>
+</section>
+<section class="row" style="margin-top: 14vh">
+	<div class="col-1"></div>
+	<div class="col-6" style="background-position: top center">
+		<h5>Zkušenosti členů a bývalých členů</h5>
+		<hr class="gay-hr">
+	</div>
+</section>
+<section class="row" style="margin-top: 4vh">
+	<section class="col">
+		<link rel="stylesheet" href="/css/carousel.css">
+		 <!-- Slideshow container -->
+		<div class="slideshow-container">
+
+		  <!-- Full-width images with number and caption text -->
+		  <div class="mySlides fade">
+		    <div class="numbertext">1 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Text</div>
+		  </div>
+
+		  <div class="mySlides fade">
+		    <div class="numbertext">2 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Two</div>
+		  </div>
+
+		  <div class="mySlides fade">
+		    <div class="numbertext">3 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Three</div>
+		  </div>
+
+		  <div class="mySlides fade">
+		    <div class="numbertext">3 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Three</div>
+		  </div>
+
+		  <!-- Next and previous buttons -->
+		  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+		  <a class="next" onclick="plusSlides(1)">&#10095;</a>
+		</div>
+		<br>
+
+		<!-- The dots/circles -->
+		<div style="text-align:center">
+		  <span class="dot" onclick="currentSlide(1)"></span>
+		  <span class="dot" onclick="currentSlide(2)"></span>
+		  <span class="dot" onclick="currentSlide(3)"></span>
+		  <span class="dot" onclick="currentSlide(4)"></span>
+		</div>
+	</section>
+</section>
+<section class="row" style="margin-top: 14vh">
+	<div class="col-1"></div>
+	<div class="col-6" style="background-position: top center">
+		<h5>Proč bys měl jít právě k nám?</h5>
+		<hr class="gay-hr">
+	</div>
+</section>
+<section class="row" style="margin-top: 4vh">
+	<section class="col">
+		<link rel="stylesheet" href="/css/carousel.css">
+		 <!-- Slideshow container -->
+		<div class="slideshow-container">
+
+		  <!-- Full-width images with number and caption text -->
+		  <div class="mySlides2 fade">
+		    <div class="numbertext">1 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Text</div>
+		  </div>
+
+		  <div class="mySlides2 fade">
+		    <div class="numbertext">2 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Two</div>
+		  </div>
+
+		  <div class="mySlides2 fade">
+		    <div class="numbertext">3 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Three</div>
+		  </div>
+
+		  <div class="mySlides2 fade">
+		    <div class="numbertext">3 / 3</div>
+		    <img src="img/trump.jpg" style="width:100%">
+		    <div class="text">Caption Three</div>
+		  </div>
+
+		  <!-- Next and previous buttons -->
+		  <a class="prev" onclick="plusSlides(-1, 'mySlides2')">&#10094;</a>
+		  <a class="next" onclick="plusSlides(1, 'mySlides2')">&#10095;</a>
+		</div>
+		<br>
+
+		<!-- The dots/circles -->
+		<div style="text-align:center">
+		  <span class="dot" onclick="currentSlide(1, 'mySlides2')"></span>
+		  <span class="dot" onclick="currentSlide(2, 'mySlides2')"></span>
+		  <span class="dot" onclick="currentSlide(3, 'mySlides2')"></span>
+		  <span class="dot" onclick="currentSlide(4, 'mySlides2')"></span>
+		</div>
+	</section>
+</section>
+<section class="row" style="margin-top: 5vh">
+	<div class="col flexy-boi" style="background-position: top center">
+		<h5>Seznam spolků a studentských oborových rad</h5>
+		<hr class="gay-hr">
+	</div>
+</section>
+<section class="row" style="margin-top: 5vh">
+	<div class="col flexy-boi">
+		<h5 style="color: var(--color-primary)"><b>Najdi ten svůj</b></h5>
+	</div>
+</section>
+<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="javascript:void(0)">Sport</a>
+			<a href="javascript:void(0)">Umění</a>
+			<a href="javascript:void(0)">Psychologie</a>
+			<a href="javascript:void(0)">Pedagogika</a>
+			<a href="javascript:void(0)">Logika</a>
+			<a href="javascript:void(0)">Filozofie</a>
+			<a href="javascript:void(0)">Společnost</a>
+			<a href="javascript:void(0)">Hudba</a>
+			<a href="javascript:void(0)">Dějiny</a>
+		</div>
+	</div>
+	<div class="col-1"></div>
+</section>
+<section class="row" style="margin-top: 3vh">
+	<div class="col-1"></div>
+	<div class="col">
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+	</div>
+	<div class="col">
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+	</div>
+	<div class="col">
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+		<a href="javascript:void(0)" class="hover-man"><img src="img/trump.jpg"></a>
+	</div>
+	<div class="col-1"></div>
 </section>
+