From 175f22f11a8d87bda934bf6aca8c174a0805aa79 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 12:38:25 +0100
Subject: [PATCH] zalozit spolek update

---
 css/main.css             |  6 ++++++
 css/main.styl            |  6 ++++++
 js/router.js             |  2 +-
 page/zalozit_spolek.html | 35 +++++++++++++++++++++++++++++------
 4 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/css/main.css b/css/main.css
index cba03a4..6c6ac29 100644
--- a/css/main.css
+++ b/css/main.css
@@ -177,6 +177,12 @@ body > canvas {
   background-repeat: no-repeat;
   background-position: top right;
 }
+.bg-center {
+  background-position: center center;
+}
+.bg-half {
+  background-size: 50%;
+}
 .smol-video {
   width: 42vw;
 }
diff --git a/css/main.styl b/css/main.styl
index b294f77..803d8f4 100644
--- a/css/main.styl
+++ b/css/main.styl
@@ -165,6 +165,12 @@ body > canvas
 	background-repeat: no-repeat
 	background-position: top right
 
+.bg-center
+	background-position: center center
+
+.bg-half
+	background-size 50%
+
 .smol-video
 	width: 42vw
 
diff --git a/js/router.js b/js/router.js
index a8cbb5a..c5d214f 100644
--- a/js/router.js
+++ b/js/router.js
@@ -600,7 +600,7 @@ function get_routes(url_90034) {
 			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=\"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");
+			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 zalo\xC5\xBEit 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.55)\">\x0A\x09\x09\x09\x09\x09Sna\xC5\xBE\xC3\xADme se podporovat vznik nov\xC3\xBDch studentsk\xC3\xBDch spolk\xC5\xAF jak nejv\xC3\xADc to jde. Pro za\xC4\x8D\xC3\xA1tek trochu terminologie.\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<section class=\"col-1\"></section>\x0A\x09<section class=\"col-6 bg-square bg-center\">\x0A\x09\x09<h2 style=\"margin-bottom: 1vh\"><b>Form\xC3\xA1ln\xC3\xAD</b></h2>\x0A\x09\x09<hr class=\"gay-hr\" style=\"margin-bottom: 5vh; \">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.8); margin-left: 16vw\">\x0A\x09\x09\x09Hod\xC3\xAD se pro v\xC4\x9Bt\xC5\xA1\xC3\xAD (nebo zam\xC3\xBD\xC5\xA1len\xC3\xA9 jako v\xC4\x9Bt\xC5\xA1\xC3\xAD) spolky.\x0A\x09\x09\x09V\xC3\xBDhody jsou hlavn\xC4\x9B v\xC4\x9Bt\xC5\xA1\xC3\xAD po\xC5\x99\xC3\xA1dek d\xC3\xADky stanov\xC3\xA1m v tom, kdo co vede.\x0A\x09\x09\x09Spolky maj\xC3\xAD obvykle radu, kontroln\xC3\xAD komisi a volby do nich. Z\xC3\xA1rove\xC5\x88\x0A\x09\x09\x09se mus\xC3\xAD\xC5\xA1 ofici\xC3\xA1ln\xC4\x9B p\xC5\x99ihl\xC3\xA1sit k soudu a v\xC3\xA9st \xC3\xBA\xC4\x8Detnictv\xC3\xAD. Se v\xC5\xA1\xC3\xADm ti v\xC5\xA1ak pom\xC5\xAF\xC5\xBEeme\x0A\x09\x09</p>\x0A\x09</section>\x0A</section>\x0A<section class=\"row\" style=\"margin-top: 5vh\">\x0A\x09<section class=\"col-5\"></section>\x0A\x09<section class=\"col bg-circle bg-center bg-half\">\x0A\x09\x09<h2 style=\"margin-left: 17vw; margin-bottom: 1vh\"><b>Neform\xC3\xA1ln\xC3\xAD</b></h2>\x0A\x09\x09<hr class=\"gay-hr\" style=\"margin-left: 17vw;margin-bottom: 5vh; \">\x0A\x09\x09<p style=\"font-size: calc(var(--font-size) / 1.8); margin-right: 15vw\">\x0A\x09\x09\x09Hod\xC3\xAD se pro partu lid\xC3\xAD, kter\xC3\xA9 spojuj\xC3\xAD spole\xC4\x8Dn\xC3\xA9 z\xC3\xA1jmy a kon\xC3\xAD\xC4\x8Dky, jako nap\xC5\x99\xC3\xADklad divadlo.\x0A\x09\x09\x09Nemus\xC3\xAD m\xC3\xADt \xC5\xBE\xC3\xA1dn\xC3\xA9 volby, org\xC3\xA1ny a nemus\xC3\xAD odevzd\xC3\xA1vat v\xC3\xBDro\xC4\x8Dn\xC3\xAD zpr\xC3\xA1vy.\x0A\x09\x09</p>\x0A\x09</section>\x0A\x09<section class=\"col-1\"></section>\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>\x0APovinnosti a pr\xC3\xA1va spolkuspolkem 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=\"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");
diff --git a/page/zalozit_spolek.html b/page/zalozit_spolek.html
index e4a73f4..b1ba6c0 100644
--- a/page/zalozit_spolek.html
+++ b/page/zalozit_spolek.html
@@ -6,12 +6,10 @@
 		<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>
+				<h1 style="margin-bottom: 5vh">Chci založit spolek</h1>
 				<hr class="gay-hr">
-				<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 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 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.55)">
+					Snažíme se podporovat vznik nových studentských spolků jak nejvíc to jde. Pro začátek trochu terminologie.
 				</h6>
 				<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
 					↓  Zjisti více
@@ -20,6 +18,31 @@
 		</section>
 	</div>
 </section>
+<section class="row" style="margin-top: 5vh">
+	<section class="col-1"></section>
+	<section class="col-6 bg-square bg-center">
+		<h2 style="margin-bottom: 1vh"><b>Formální</b></h2>
+		<hr class="gay-hr" style="margin-bottom: 5vh; ">
+		<p style="font-size: calc(var(--font-size) / 1.8); margin-left: 16vw">
+			Hodí se pro větší (nebo zamýšlené jako větší) spolky.
+			Výhody jsou hlavně větší pořádek díky stanovám v tom, kdo co vede.
+			Spolky mají obvykle radu, kontrolní komisi a volby do nich. Zároveň
+			se musíš oficiálně přihlásit k soudu a vést účetnictví. Se vším ti však pomůžeme
+		</p>
+	</section>
+</section>
+<section class="row" style="margin-top: 5vh">
+	<section class="col-5"></section>
+	<section class="col bg-circle bg-center bg-half">
+		<h2 style="margin-left: 17vw; margin-bottom: 1vh"><b>Neformální</b></h2>
+		<hr class="gay-hr" style="margin-left: 17vw;margin-bottom: 5vh; ">
+		<p style="font-size: calc(var(--font-size) / 1.8); margin-right: 15vw">
+			Hodí se pro partu lidí, které spojují společné zájmy a koníčky, jako například divadlo.
+			Nemusí mít žádné volby, orgány a nemusí odevzdávat výroční zprávy.
+		</p>
+	</section>
+	<section class="col-1"></section>
+</section>
 <section class="row" style="margin-top: 5vh">
 	<div class="col-1"></div>
 	<div class="col-10 side-line" style="line-height: 1">
@@ -132,7 +155,7 @@
 			<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:
+Povinnosti a práva spolkuspolkem dělat se dělá tady:
 					<a href="javascript:void(0)">formulář nahlašování akcí</a>
 				</p>
 			</div>