zalozit spolek update

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;
 }

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
 

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)">
+				<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.55)">
-					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,
+					Snažíme se podporovat vznik nových studentských spolků jak nejvíc to jde. Pro začátek trochu terminologie.
-					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
@@ -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>