faze

src/routes/akcelerator.svelte

@@ -100,42 +100,77 @@
     			<li>Motivace založení</li>
     			<li>Rozsah: maximálně 1x A4
 			</ul>
-		</div>
-	</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" id="mluvci"><b>Fáze akcelerátoru</b></h6>
 			</div>
-			<ol class="spaced-li" style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
-    			<li><b>Přípravná fáze</b> -
+		</div>
+	</div>
+</section>
+<section class="row" style="margin-top: 5vh">
+	<div class="col-1"></div>
+	<div class="col">
+		<div class="number-thing">
+			<div class="down">
+			<span>1.</span>
+			<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Přípravná fáze</b></h6>
+    			<p>
 					Dva měsíce budeme připravovat založení. Říká se, že štěstí přeje připraveným.
 					Proto přípravě budeme věnovat celé dva měsíce. Nastavíme si specifické cíle,
 					kde chcete na konci akcelerátoru být, připravíme stanovy a počátek fungování
 					spolku (celé stanovy, orgány, bankovní účet atd.). Vysvětlíme ti pravidla spolků
 					na fakultě Zároveň se sejdeš s našimi předsedy už stávajících spolků, aby ti mohli
 					poradit na základě vlastních zkušeností z fungování fakultních spolků.
-				</li>
-    			<li><b>Založení a první kroky</b> -
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="col">
+		<div class="number-thing">
+			<div class="down">
+				<span>2.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Založení a první kroky</b></h6>
+				<p>
 					Další dva měsíce budeme pracovat na náboru nových členů, nastavení propagace, a hlavně vnitřních procesů,
 					aby vše fungovalo, jak má. Budeš si zkoušet, kterými cestami se chceš vydat, a objevíš i nějaké i ty slepé.
 					Budeš chodit na valné hromady jiných spolků, dívat se a scházet se s jedním ze spolkových předsedů. Na konci
 					této fáze by měl být tvůj spolek nastaven tak, že procesy se budou dít automaticky a budeš mít čas se pustit do
 					svého prvního projektu.
-				</li>
-    			<li><b>První projekt</b> -
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="col">
+		<div class="number-thing">
+			<div class="down">
+				<span>3.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>První projekt</b></h6>
+				<p>
 					Po nastavení fungování je čas na první projekt. Jaký je základ projektového řízení,
 					kde na tebe čekají nástrahy? Všechno s tebou projdeme a budeme ti průvodcem. Připravíme
 					to s tebou od A do Z a potom provedeme reflexi realizovaného projektu.
-				</li>
-    			<li><b>Reflexe</b> -
-    				Po šesti měsících spolupráce bude třeba tě vyslat do spolkového světa.
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="col-1"></div>
+</section>
+<section class="row">
+    <div class="col-1"></div>
+    <div class="col">
+		<div class="number-thing">
+			<div class="down">
+				<span>4.</span>
+				<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Reflexe</b></h6>
+				<p>
+                	Po šesti měsících spolupráce bude třeba tě vyslat do spolkového světa.
     				Ještě předtím si ale s tebou sedneme a vyhodnotíme tvoji cestu. Co se ti
     				dařilo, co méně a jaký je náš pohled na tvůj další vývoj.
-				</li>
-			</ol>
+				</p>
+			</div>
 		</div>
-		<div class="spacer"></div>
-	</div>
+    </div>
+    <div class="col"></div>
+    <div class="col"></div>
+    <div class="col-1"></div>
 </section>
 </main>