From be95eb46a7d4253548c6076f94050ce6ffd8166f Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Wed, 30 Dec 2020 11:02:12 +0100
Subject: [PATCH] feat: ajout categorisation

---
 static/index.html | 33 ++++++++++++++++++++++++---------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/static/index.html b/static/index.html
index 38b7382..05728de 100644
--- a/static/index.html
+++ b/static/index.html
@@ -51,27 +51,42 @@
 
 <section class="container">
 	<div class="row">
+		<main class="col-md-12">
 
 	  <h1><i class="fa fa-star"></i> Bienvenue sur Kobold City !</h1>
 
 		<div class="card card-dark" id="welcome">
-		<div class="card-body"><p>Kobold City (et son supplément Kobold Cafe, pour les sites plus "personnels") est un serveurs qui héberge différents services, site et projets. Le but est d'être à la fois dans une optique de décentralisation d'internet, permettant d'avoir un petit service fourni par un petit serveur, et de diffuser des projets qui pourront soit amuser, soit servir à d'autre :)</p>
-		<p>Faites juste attention aux kobolds qui font des bétises partout !</p></div>
+			<div class="card-body">
+				<p>Kobold City (et son supplément Kobold Cafe, pour les sites plus "personnels") est un serveurs qui héberge différents services, site et projets. Le but est d'être à la fois dans une optique de décentralisation d'internet, permettant d'avoir un petit service fourni par un petit serveur, et de diffuser des projets qui pourront soit amuser, soit servir à d'autre :)</p>
+				<p>Faites juste attention aux kobolds qui font des bétises partout !</p>
+			</div>
 		</div>
 
-	  <div class="row site-cards">
-
+		<h2><i class="fa fa-list"></i> Projets</h2>
+		<div class="row site-cards">
 			<script>
 				renderSite({title: "Birb", description: "Un petit moteur de jeu utilisant le framework Löve.", color: "dark", url: "https://git.chlore.net/game-project/birb-engine", urlpoweredby: "https://love2D.org/", poweredby: "Löve"});
 				renderSite({title: "Rulebook", description: "Un systeme de règle de JDR, utilisant la base D100.", color: "dark", url: "https://rulebook.chlore.net/", urlpoweredby: "https://docsify.now.sh/", poweredby: "Docsify"});
-				renderSite({title: "Kobold Cafe", description: "Un espace personnel, permettant un petit bout de décentralisation.", color: "orange", url: "https://kobold.cafe", urlpoweredby: "https://yunohost.org", poweredby: "yunohost"});
-				renderSite({title: "Serveur git", description: "Un serveur git, permettant d'héberger les différents projets de chlore et des membres.", color: "green", url: "https://git.kobold.cafe", urlpoweredby: "https://gitea.io/en-us/", poweredby: "gitea"});
-				renderSite({title: "Quarante-douze", description: "Un blog qui parle d'informatique, de culture libre et d'internet.", color: "red", url: "https://quarante-douze.net", urlpoweredby: "https://wordpress.org/", poweredby: "Wordpress"});
-				renderSite({title: "kazhnuz.space", description: "Mon blog personnel.", color: "purple", url: "https://kazhnuz.space", urlpoweredby: "https://www.pluxml.org/", poweredby: "pluXML"});
 			</script>
+		</div>
 
-    </div>
+			<h2><i class="fa fa-list"></i> Services</h2>
+			<div class="row site-cards">
+				<script>
+					renderSite({title: "Kobold Cafe", description: "Un espace personnel, permettant un petit bout de décentralisation.", color: "orange", url: "https://kobold.cafe", urlpoweredby: "https://yunohost.org", poweredby: "yunohost"});
+					renderSite({title: "Serveur git", description: "Un serveur git, permettant d'héberger les différents projets de chlore et des membres.", color: "green", url: "https://git.kobold.cafe", urlpoweredby: "https://gitea.io/en-us/", poweredby: "gitea"});
+				</script>
+			</div>
 
+			<h2><i class="fa fa-list"></i> Sites hébergés</h2>
+			<div class="row site-cards">
+				<script>
+					renderSite({title: "Quarante-douze", description: "Un blog qui parle d'informatique, de culture libre et d'internet.", color: "red", url: "https://quarante-douze.net", urlpoweredby: "https://wordpress.org/", poweredby: "Wordpress"});
+					renderSite({title: "kazhnuz.space", description: "Mon blog personnel.", color: "purple", url: "https://kazhnuz.space", urlpoweredby: "https://www.pluxml.org/", poweredby: "pluXML"});
+				</script>
+			</div>
+
+		</main>
 	</div>
 </section>