kazhnuz.css/apropos.html

205 lines
13 KiB
HTML
Raw Normal View History

2019-10-18 16:09:18 +02:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Blue Sky, by Kazhnuz</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="css/spectre.min.css" rel="stylesheet">
<link href="css/fork-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header id="page-header">
<div class="columns">
<div class="column col-6">
2019-11-05 21:09:12 +01:00
<h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
2019-10-18 16:09:18 +02:00
</div>
<div class="column col-md-6">
<nav class="navbar">
<section class="navbar-section">
2019-11-05 21:09:12 +01:00
2019-10-18 16:09:18 +02:00
</section>
<section class="navbar-section">
<a href="..." class="btn btn-link">Blog</a>
<a href="..." class="btn btn-link">Gallerie</a>
<a href="..." class="btn btn-link">A propos</a>
</section>
</nav>
</div>
</div>
</header>
<div class="container-blog" id="page-content">
<main class="mainpane">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">kazhnuz.space</a></li><li class="breadcrumb-item" aria-current="page"><span class="active">A propos</span></li>
</ol>
</nav>
<article class="main-article">
<h1>A propos</h1>
<p>Bonjour et bienvenue sur kazhnuz.space. Je suis Kazhnuz, juste quelqu'un qui s'amuse à faire des petites créations et à les partager sur internet. Ce site est mon site créatif, où je publie tout cela (avec mon compte deviantART). Sur cette page, j'aimerais un peu me présenter, mes productions, ma vision de la création, etc.</p>
<p>Bref, bienvenue dans la page "à propos", que j'aurais aussi pu nommer la page "égo-trip" :D</p>
<h2>Yep, je suis un.e créatif.ve, deal with it.</h2>
<p>J'ai appris en autodidacte. Mon orthographe est pas parfaite. Je suis loin d'être excellent en scénarisation. Mes design ont des bugs, et sont pas hyper imaginatifs. Mes jeux-vidéos seront souvent assez classiques. Je ne révolutionnerais rien. Mes œuvres sont politiquement correct et visent à célébrer la diversité. De plus, tu pourras pleins de fois décrire ce que j'ai fais avec une série de référence à TVTropes.</p>
<p><em>Je fais du "divertissement".</em></p>
<p>Mais ouais, malgré tout cela, je me dis être un.e créateurice, un.e creatif.ve. Et je m'en bat les courges si tu considères que je ne mérite pas ce terme.</p>
<p>Toute personne qui créer est un créateur, un artiste. Qu'il soit un grand artiste encensé par une élite, le concepteur de quelque chose adoré par les masses, ou un petit créateur. Tous méritent ce titre. Tous ont une vision. Qu'elle soit commune ou rare, elle a une valeur. Qu'il débute ou est accompli. Être artiste est un processus constant d'évolution, de changement. Débuter, ne pas faire des trucs parfait fait partie du processus.</p>
<p>Cela ne veut pas dire que mes créations ou que ce que je fais serait non-criticable. On peut me critiquer, et j'accepte volontier les critiques constructives. Cela veut dire qu'avec tout mes défauts, malgré le fait que je suis dans un processus pour m'améliorer, j'ai l'outrecuidance de me considérer comme un créateur. Parce que j'estime qu'à partir du moment où l'on fait des productions artistiques, on en est un, et qu'il n'y a aucune prétention à le dire.</p>
<p>Je dis notamment cela pour tous les artistes qui font un gros syndrome de l'imposteur. Vous êtes des artistes. Cœur sur vous.</p>
<h3>Creative Common</h3>
<p>Une particularité de ce blog est qu'une majeure produit des contenus que je place ici sont diffusés sous diverses variations de <a href="http://creativecommons.fr/licences/">la licence <em>Creative Common</em></a>. Le plus souvent, la licence choisie est celle Attribution - Partage à l'Identique. Cela signifie que vous pouvez vous baser sur mon travail, tant que vous me créditez et partager tout travail dérivé dans les mêmes conditions - c'est à dire sous la même licence. C'est ce qu'on appelle un copyleft.</p>
<p>De plus, ce site et mes créations sont réalisées presque entièrement à l'aide d'outil libre et open-source (voir <a href="https://kazhnuz.space/index.php?static9/remerciements">remerciements</a>).</p>
2019-11-05 21:09:12 +01:00
<p>Ces choix sont des choix <em>personnels</em>, liés à mon expérience de l'art et ma vision de ce que je veux faire avec mes oeuvres. Je n'estime pas que ces choix doivent être faits par tout.e.s, ni que c'est une vision universelle. Pour moi, chaque artiste devrait être libre de la manière dont iel produit et vis son art. Cette liberté inclue celle de vouloir/pouvoir protéger ses créations et de ne pas vouloir qu'elles soient réutilisées. J'estime de ce fait que je n'ai pas le droit d'imposer ma vision à qui que ce soit.</p>
2019-10-18 16:09:18 +02:00
<p>De mon côté, le choix du copyleft est fait pour deux principales raisons : </p>
<p>La première est que je ne vis pas de ce que je créer. Je suis effectivement développeur en informatique le jour, et je préfère garder la création uniquement comme un hobby, afin de ne pas subir de contraintes par rapport à ce que je fais. Je n'ai pas envie d'entrer dans le monde "professionnel" de l'art à cause de la pression qu'on peut y trouver, et des rapports de dominations qu'on peut y trouver envers les artistes. En cela, diffuser mes créations sous licence libres fait partie d'une volonté de garder aussi MA liberté, que j'estime que je n'aurais plus si je créais de manière plus "pro".</p>
<p>De plus, j'estime que mes créations sont déjà le produit de modification, reprise et remixe d'oeuvre antérieur, que ce soit directement (en reprenant des éléments venant du domaine public et d'autres créations libres) et de beaucoup d'inspiration d'autres auteurs. Je n'aurais jamais pu créer quoi que ce soit sans toutes ces bases qui m'ont permis d'évoluer et de créer mes propres univers. C'est pour cela que je diffuse aussi mes oeuvres sous copyleft : c'est ma contribution à un univers qui m'offre bien plus de possibilité que j'en aurais eu sans.</p>
<p>Et j'avoue que j'espère que d'autres vont pouvoir s'inspirer et avoir envie de créer à partir de ce que j'ai fait. Si par hasard vous faisiez quelque chose à partir de quelque chose que vous voyez ici, ce serait d'ailleurs cool de me le montrer, je serais trop content.e :3 !</p>
<h2>Ma liste de choses à faire</h2>
<p>Voici quelques rêves que j'ai en tant que créatif.ve.</p>
<ul>
<li>Écrire les paroles d'un opéra-rock complet</li>
<li>Faire une collaboration avec eux, genre pleins d'artiste.</li>
<li>Terminer un roman et le publier.</li>
<li>Terminer un jeu-vidéo.</li>
<li>Écrire une bande-dessiné.</li>
<li>Écrire pour une des licences de mon enfance (Sonic, Pokémon, Spirou et Fantasio…).</li>
</ul>
</article>
<div class="share-buttons align-right">
<a href="#" class="btn btn-facebook"><i class="fa fa-fw fa-facebook"></i></a>
<a href="#" class="btn btn-twitter"><i class="fa fa-fw fa-twitter"></i></a>
<a href="#" class="btn btn-googleplus"><i class="fa fa-fw fa-google-plus"></i></a>
<a href="#" class="btn btn-diaspora"><i class="fa fa-fw fa-diaspora"></i></a>
<a href="#" class="btn btn-mastodon"><i class="fa fa-fw fa-mastodon"></i></a>
<a href="#" class="btn btn-light"><i class="fa fa-fw fa-envelope"></i></a>
</div>
</main>
<section class="sidebar">
<div class="card card-primary">
<div class="card-header"><i class="fa fa-rss"></i> Publications</div>
<div class="card-menu">
<a href="#" class="menu-element"><span class="trim-that">#WRITOBER2019 - Ring</span></a>
<a href="#" class="menu-element"><span class="trim-that">Petite histoire uchronique du système solaire (4)</span></a>
<a href="#" class="menu-element"><span class="trim-that">#WRITOBER2019 - Ring</span></a>
<a href="#" class="menu-element"><span class="trim-that">#WRITOBER2019 - Ring</span></a>
<a href="#" class="menu-element"><span class="trim-that">#WRITOBER2019 - Ring</span></a>
</div>
</div>
2019-11-05 21:09:12 +01:00
2019-10-18 16:09:18 +02:00
<div class="card card-primary">
<div class="card-header"><i class="fa fa-folder"></i> Catégories</div>
<div class="card-menu">
<a href="#" class="menu-element">Nouvelles et formats courts <span class="menu-label label-secondary">40</span></a>
<a href="#" class="menu-element">Contes et légendes <span class="menu-label label-secondary">11</span></a>
<a href="#" class="menu-element">Poèmes <span class="menu-label label-secondary">11</span></a>
<a href="#" class="menu-element">Romans <span class="menu-label label-secondary">0</span></a>
<a href="#" class="menu-element">Logo et Design <span class="menu-label label-secondary">0</span></a>
<a href="#" class="menu-element">Mapping et Pixel Art <span class="menu-label label-secondary">0</span></a>
<div class="menu-divider">FICHES</div>
<a href="#" class="menu-element">Univers <span class="menu-label label-secondary">4</span></a>
<a href="#" class="menu-element">Personnages <span class="menu-label label-secondary">uwu</span></a>
<div class="menu-divider">BLOG</div>
<a href="#" class="menu-element">Niouzes site et perso <span class="menu-label label-secondary">2</span></a>
<a href="#" class="menu-element">Réflexions et pensées <span class="menu-label label-secondary">0</span></a>
<a href="#" class="menu-element">Militantisme <span class="menu-label label-secondary">4</span></a>
<a href="#" class="menu-element">Conseils et partages <span class="menu-label label-secondary">-1</span></a>
</div>
</div>
2019-11-05 21:09:12 +01:00
2019-10-18 16:09:18 +02:00
<div class="card card-primary">
<div class="card-header"><i class="fa fa-calendar-o"></i> Archives</div>
<div class="card-menu">
<a href="#" class="menu-element">Octobre 2019 <span class="menu-label label-secondary">1</span></a>
<a href="#" class="menu-element">2018 <span class="menu-label label-secondary">3</span></a>
<a href="#" class="menu-element">2017 <span class="menu-label label-secondary">50</span></a>
<a href="#" class="menu-element">2016 <span class="menu-label label-secondary">8</span></a>
<a href="#" class="menu-element">2015 <span class="menu-label label-secondary">2</span></a>
<a href="#" class="menu-element">2010 - 2014 <span class="menu-label label-secondary">27</span></a>
</div>
</div>
</section>
</div>
</div>
<footer class="container">
<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 col-md-4">
<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 col-md-4">
<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 col-md-4">
<p>Lorem Ipsum.</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>
<script src="js/trim.js"></script>
</body>
</html>