158 lines
5.9 KiB
HTML
158 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Bienvenue sur Kobold City</title>
|
|
|
|
<!-- meta -->
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- mon icon -->
|
|
<link rel="shortcut icon" href="img/favicon.png">
|
|
|
|
<!-- framework utilisés -->
|
|
<link href="dep/bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
<link href="dep/fork-awesome/css/fork-awesome.css" rel="stylesheet">
|
|
|
|
<link href="style.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="https://kobold.city/" id="">kobold.city</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav mr-auto">
|
|
</ul>
|
|
<ul class="navbar-nav my-2 my-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#About">À propos</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="container">
|
|
<div class="row">
|
|
|
|
<article class="article-content">
|
|
<h1 class="page-title" id="Welcome"><i class="fa fa-star"></i> Bienvenue sur Kobold City !</h1>
|
|
|
|
<p > Bonjour et bienvenue sur <a href="https://kobold.city">Kobold City</a>, le coin de web de <a href="https://kazhnuz.space">Kazhnuz</a>. Ce serveur est en quelque sorte mon "jardin", que je cultive et où je pose mes projets, les services et sites que j'héberge pour moi et mes amis.</p>
|
|
|
|
<p>Le but de ce serveur n'est pas d'être quelque chose "d'officiel", et encore moins une "entreprise", mais un petit bout d'internet "libre" un peu sympa, où nous pouvons nous amuser à plusieurs.</p>
|
|
|
|
<p>En esperant que vous trouverez de quoi passer un bon moment sur Kobold City :)</p>
|
|
|
|
<div class="card card-title" id="About"><h1><i class="fa fa-question"></i> Pourquoi Kobold City ?</h1></div>
|
|
|
|
<p>Parce que c'est rigolo.</p>
|
|
|
|
<p>Plus sérieusement, cela m'éclatait de donner à mon site le nom d'un peuple un peu "de base de JDR", et cela m'amuse particulièrement le fait que suivant les mythologies ou les univers, les kobolds soient des sortes de chiens, gobelins, lézard ou rat.</p>
|
|
|
|
<div class="card card-title" id="Sites"><h1><i class="fa fa-star"></i> Services et sites disponibles</h1></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>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4">
|
|
<div class="card card-green mb-4 box-shadow">
|
|
<div class="card-body">
|
|
<h4 class="align-center">Serveur git</h4>
|
|
<p class="card-text">Un serveur git, permettant d'héberger les différents projets de chlore et des membres.</p>
|
|
<div class="align-center">
|
|
<div class="btn-group">
|
|
<a type="button" href="https://git.kobold.cafe" class="btn btn-green">Accéder</a>
|
|
</div>
|
|
<div>
|
|
<p class="powered-text">powered by <a href="https://gitea.io/en-us/">gitea</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card card-red mb-4 box-shadow">
|
|
<div class="card-body">
|
|
<h4 class="align-center">Quarante-douze</h4>
|
|
<p class="card-text">Un blog qui parle d'informatique, de culture libre et d'internet.</p>
|
|
<div class="align-center">
|
|
<div class="btn-group">
|
|
<a type="button" href="https://quarante-douze.net" class="btn btn-red">Accéder</a>
|
|
</div>
|
|
<div>
|
|
<p class="powered-text">powered by <a href="https://wordpress.org/">Wordpress</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card card-violet mb-4 box-shadow">
|
|
<div class="card-body">
|
|
<h4 class="align-center">kazhnuz.space</h4>
|
|
<p class="card-text">Mon blog personnel.</p>
|
|
<div class="align-center">
|
|
<div class="btn-group">
|
|
<a type="button" href="https://kazhnuz.space" class="btn btn-violet">Accéder</a>
|
|
</div>
|
|
<div>
|
|
<p class="powered-text">powered by <a href="https://www.pluxml.org/">pluXML</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
<div class="container">
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="SecondNavbar">
|
|
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
|
<li class="nav-item inactive">
|
|
CC BY-SA 2018-2019 <strong>chlore.net</strong>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="navbar-nav my-2 my-lg-0">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="https://twitter.com/Kazhnuz"><i class="fa fa-fw fa-twitter"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
|
<script src="js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|