167 lines
6.2 KiB
HTML
167 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Kazhnuz Space</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="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,800&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
|
|
<link href="/dep/spectre/css/spectre.min.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 id="page-header">
|
|
<div class="columns">
|
|
<div class="column col-6">
|
|
<h1><a href="/"><img src="/img/logo.png" alt="Kazhnuz"/></a></h1>
|
|
</div>
|
|
|
|
<div class="column col-md-6">
|
|
<nav class="navbar">
|
|
<section class="navbar-section">
|
|
|
|
</section>
|
|
<section class="navbar-section">
|
|
<a href="/blog" class="btn btn-link">Blog</a>
|
|
<a href="/crea.html" class="btn btn-link">Gallerie</a>
|
|
<a href="/apropos.html" class="btn btn-link">A propos</a>
|
|
</section>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<div class="container-blog" id="page-content">
|
|
<main class="mainpane">
|
|
<article class="maintext">
|
|
<h1>Bienvenue sur kazhnuz.space !</h1>
|
|
<p>Bonjour, et bienvenue sur Kazhnuz Space, mon espace créatif et personnel !</p>
|
|
<p>Je suis un développeur le jour, et le reste du temps j'aime bien écrire
|
|
et inventer des histoires et des univers, dont je parle dans cet espace.
|
|
Vous pourrez trouver mes romans et nouvelles, toutes disponibles sous licences
|
|
opensource. Je mettrais aussi mes différents projets de jeux-video amateurs
|
|
et autres créations du genre.</p>
|
|
<p>Si vous aimez la philo, les longues digressions et les personnages un peu
|
|
haut en couleur, j'espère que vous trouverez ici de quoi vous amuser !</p>
|
|
<p>Je tiens aussi un blog, ou je parle de divers sujet qui me passionne, ainsi
|
|
que quarante-douze, un petit blog parlant d'informatique et de jeux-vidéos.</p>
|
|
</article>
|
|
|
|
<section class="card card-info">
|
|
<div class="card-header">Me retrouver</div>
|
|
<div class="card-menu">
|
|
<a href="https://twitter.com/Kazhnuz" class="menu-element">
|
|
<strong>Twitter</strong> @Kazhnuz
|
|
</a>
|
|
<a href="https://deviantart.com/kazhnuz" class="menu-element">
|
|
<strong>DeviantART</strong> Kazhnuz
|
|
</a>
|
|
<a href="https://toyhou.se/kazhnuz" class="menu-element">
|
|
<strong>Toyhou.se</strong> Kazhnuz
|
|
</a>
|
|
<a href="https://octodon.space/@Kazhnuz" class="menu-element">
|
|
<strong>Mastodon</strong> @Kazhnuz
|
|
</a>
|
|
<a href="https://framasphere.org/u/Kazhnuz" class="menu-element">
|
|
<strong>Diaspora*</strong> Kazhnuz
|
|
</a>
|
|
<a href="https://github.com/Kazhnuz" class="menu-element">
|
|
<strong>Github</strong> Kazhnuz
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<img src="/img/kochon.gif" alt="Une armée de cochon regarde de manière menaçante." class="pigimg" />
|
|
|
|
</main>
|
|
<section class="sidebar">
|
|
|
|
<div class="card card-primary">
|
|
<div class="card-header">Cémwha</div>
|
|
<p class="mwarea"><img src="https://kazhnuz.space/data/medias/spritemwah.png" alt="Une armée de cochon regarde de manière menaçante." class="mwaimg" /></p>
|
|
<table style="width:100%" class="table-primary">
|
|
<tr>
|
|
<th>PSEUDO</th>
|
|
<td>Kazhnuz</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Age</th>
|
|
<td>26</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Pronoms</th>
|
|
<td>iel/il</td>
|
|
</tr>
|
|
<tr>
|
|
<th>OS</th>
|
|
<td>Fedora</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Outils</th>
|
|
<td>LibreOffice & Krita</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="card card-primary">
|
|
<div class="card-header"><i class="fa fa-earth-o"></i> Sites</div>
|
|
<div class="card-menu">
|
|
<a href="/blog" class="menu-element"><span class="trim-that">Blog</span></a>
|
|
<a href="/univers" class="menu-element"><span class="trim-that">Mes univers</span></a>
|
|
<a href="https://rulebook.chlore.net" class="menu-element"><span class="trim-that">Rulebook</span></a>
|
|
<a href="https://git.chlore.net" class="menu-element"><span class="trim-that">Gitea</span></a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
<ul class="social">
|
|
<li class="social-li"><a class="social-link" href="https://twitter.com/kazhnuz" alt="Twitter"><i class="fa fa-fw fa-twitter"></i></a></li>
|
|
<li class="social-li"><a class="social-link" href="https://octodon.social/users/kazhnuz" alt="Mastodon"><i class="fa fa-fw fa-mastodon"></i></a></li>
|
|
<li class="social-li"><a class="social-link" href="#" alt="Diaspora"><i class="fa fa-fw fa-diaspora"></i></a></li>
|
|
<li class="social-li"><a class="social-link" href="#" alt="DeviantART"><i class="fa fa-fw fa-deviantart"></i></a></li>
|
|
<li class="social-li"><a class="social-link" href="#" alt="Github"><i class="fa fa-fw fa-github"></i></a></li>
|
|
<li class="social-li"><a class="social-link" href="#" alt="Gitlab"><i class="fa fa-fw fa-gitlab"></i></a></li>
|
|
</ul>
|
|
|
|
<div class="columns">
|
|
<div class="column">
|
|
<p>Ce theme est diffusé sous licence <strong>Creative Common Attribution - Partage à l'Identique 4.0</strong> - hors mention contraire.</p>
|
|
<p>Cette licence 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>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<p>Theme réalisé avec le quadriciel <a href="https://getbootstrap.com/">Bootstrap4</a> et la banque d'icone <a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>.</p>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<p><a href="https://git.chlore.net/Kazhnuz/kazhnuz.space">Code Source</a> du site</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/trim.js"></script>
|
|
</body>
|
|
</html>
|