feat: ajout categorisation

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>
+			<div class="card-body">
-		<p>Faites juste attention aux kobolds qui font des bétises partout !</p></div>
+				<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>
 
+		<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"});
+			</script>
+		</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>