kobold.cafe/kobold.city-old
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
kobold.city-old/static/example.html
Kazhnuz 7a7fa77405 improvement: use bluesky theme
2020-04-28 19:35:38 +02:00

165 lines
6.2 KiB
HTML
Raw Blame History

<!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">
<div class="card card-dark" id="welcome">
<div class="card-header"><i class="fa fa-star"></i> Bienvenue sur Kobold City !</div>
<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>
<article class="article-content">
<h1><i class="fa fa-star"></i> Services et sites disponibles</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>
</div>
<div class="row site-cards">
<div class="col-md-4">
<div class="card card-green mb-4 box-shadow card-border">
<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 card-border">
<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 card-border">
<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>
</div>
<!-- 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>
Reference in a new issue View git blame Copy permalink