127 lines
5.4 KiB
HTML
127 lines
5.4 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>
|
|
<div id="wrapper">
|
|
<header class="container">
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
|
|
<div class="container-fluid">
|
|
<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">
|
|
<h1><i class="fa fa-star"></i> À propos de Kobold City</h1>
|
|
|
|
<div class="card card-dark" id="welcome">
|
|
<div class="card-body"><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>
|
|
</div>
|
|
|
|
<div class="card card-dark" id="welcome">
|
|
<div class="card-header"><i class="fa fa-question"></i> Pourquoi Kobold City ?</div>
|
|
<div class="card-body"><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>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light navbar-transparent">
|
|
<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">
|
|
<strong>Kobold City v0.1</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>
|
|
</div>
|
|
|
|
<footer class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<p>Ce site fait partie de <a href="https://kobold.city">kobold.city</a></p>
|
|
|
|
<p>Kobold City et les différents sites/services qui le composent sont fourni "tel-quel", sans garantie. Ce sont des sites fait pour le fun, et fourni en tant que tel sur un petit serveur random maintenue par une seule personne.</p>
|
|
|
|
<p>Cependant, toute critique, remarque, etc. est la bienvenue. Pour cela, vous pouvez me contacter à kazhnuz [at] kobold [point] cafe ou sur les réseaux sociaux visible sur <a href="https://kazhnuz.space">mon blog</a>.</p>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<p>Ce site est propulsé par <a href="ejs.co">EJS</a>, <a href="https://getbootstrap.com">Bootstrap4</a> et <a href="https://fork-awesome.org">Fork-Awesome</a> et est écrit sous forme de site static.</p>
|
|
|
|
<p>Le theme utilisé est le theme <a href="https://git.kobold.cafe/kazhnuz/bluesky-bootstrap-theme">bluesky</a>, sous licence CC BY-SA.</p>
|
|
|
|
<p>Le code source de ce site est accessible à <a href="https://git.kobold.cafe/kobold-city/kobold.city">l'adresse suivante</a>.</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<p>Les contenus sont diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.</p>
|
|
|
|
<p>Ces licences vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i style="color:#FF0000" class="fa fa-heart"></i></p>
|
|
|
|
<p><em>( Cela ne concerne évidemment que Kobold City, et pas les sites "amis" mis en liens sur cette page, dont tout les contenus sont la propriété de leurs créateur⋅ices )</em></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- 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>
|