progress-journal-seven.html

<section style="font-size: 16px;margin: 0 auto; width: 600px; height: 100%; background-color: black; background-image: url(https://i.pinimg.com/564x/64/27/7a/64277a60cd1fd209ac47c706791f2fab.jpg); background-repeat: no-repeat; background-size: cover;  flex-wrap: wrap; display: flex; flex-direction: column; color: rgb(232, 220, 153); padding: 30px 20px; box-sizing: border-box; font-family: 'Trebuchet MS', sans-serif;">
<div style="width: 100%; text-align: center; padding: 10px 15px; margin-bottom: 200px; font-size: 56px;  text-shadow: 2px 2px 3px rgb(52, 8, 8); text-transform: uppercase; box-sizing: border-box;">
<span style="display:block;">Seven</span>

<span style="font-size: 32px; display:block; text-decoration: underline overline;">Journal de progression</span>
</div>
<article style="max-width:450px;display:flex; flex-direction:column; text-shadow: -1px 1px 3px #000, 1px 1px 3px #000, 1px -1px 1px #000, -1px -1px 1px #000; color:lemonchiffon; gap: 8px;">
<span><strong style="color:aqua">Age : </strong>Environ 24 ans</span><span><strong style="color:aqua">Sexe : </strong>Homme</span><span><strong style="color:aqua">Race : </strong>Humain</span><span><strong style="color:aqua">Faction : </strong>Éveillé</span><span><strong style="color:aqua">Date de naissance : </strong>Inconnue</span><span><strong style="color:aqua">Origine : </strong>Inconnue</span><span><strong style="color:aqua">Pouvoir : </strong>Pouvoir primitif de se transformer en Panthère des neiges</span><span><strong style="color:aqua">Arme(s) de prédilection : </strong>Dague et Katanas, mais il sait se servir de n’importe quelle arme ayant un tranchant.</span><span><strong style="color:aqua">Métier : </strong>Officiellement? Marchand ambulant. Officieusement, mercenaire, espion ou encore voleur. Tout dépend du prix offert pour le service demandé.</span><span><strong style="color: aqua">Compétence Magique : </strong>Langage des animaux</span>
</article>
</section><section style="font-size: 16px;margin: 0 auto; width: 600px; height:220px; background-color: rgb(144, 144, 144); background-image:url('https://i.pinimg.com/564x/5e/4c/e0/5e4ce006591f9a010ac8e3dfe94191f1.jpg'); background-repeat: no-repeat;background-size: cover; flex-wrap: wrap; display: flex; flex-direction: column; color: rgb(232, 220, 153); padding: 15px 10px; box-sizing: border-box; font-family: 'Trebuchet MS', sans-serif;">
<div style="width: 100%; text-align: center; padding: 15px; margin-top: 50px; font-size: 36px; text-shadow: 2px 2px 3px rgb(52, 8, 8); text-transform: uppercase; box-sizing: border-box;">
Panthère des neiges</div></section><section style="font-size: 16px;margin: 0 auto; width: 600px; background-color: rgb(144, 144, 144); background-image: url(https://i.pinimg.com/564x/fe/6f/77/fe6f7709d3aa2a032317d9e0fa99a183.jpg); background-repeat: no-repeat; background-size: cover; flex-wrap: wrap; display: flex; flex-direction: row; color: rgb(232, 220, 153); padding: 100px 10px; box-sizing: border-box; font-family: 'Trebuchet MS', sans-serif;">
<article style=" text-align: justify;max-width:580px; padding:20px 5px;display:flex; flex-direction:column; text-shadow: -1px 1px 3px #000, 1px 1px 3px #000, 1px -1px 1px #000, -1px -1px 1px #000; color:lemonchiffon; gap: 8px;">Seven a la capacité de se métamorphoser en Panthère des Neiges, mais cette transformation est terriblement douloureuse. Chaque fois qu’il franchit le cap et décide de se transformer, son corps doit récupérer pendant au moins une semaine pour retrouver son état physique normal. Le prix est donc assez conséquent. Cependant, même si c’est une épreuve très intense, il y a pas mal d’avantages quand même. Les panthères de neiges sont des prédateurs hors pair qui sont à l’aise sur presque tous les terrains. Elles sont d’excellente nageuse, ont des crocs redoutables et une agilité déconcertante. Elles sont redoutablement silencieuses grâce à leurs grosses pattes joufflues et leur sens innés de la chasse. Depuis l’acquisition de son pouvoir, Seven en garde un odorat supérieur à la moyenne, ce qui lui cause bien des désagréments quand il se promène dans les bas quartiers bien puants où l'hygiène n’est pas chose courante. Lors d’émotions intenses, il se peut que ses oreilles de panthère se pointent malgré ses efforts pour les dissimuler. Il en va de même pour la touffe de poile qui lui fait office de queue.Quand il a sa forme de panthère, deux boucles dorées scintillent juste en dessous de ses oreilles. Et son sourire narquois persiste sur ses babines telle une marque de fabrique.</article>
</section><section style="font-size: 16px;margin: 0 auto; width: 600px; height:220px; background-color: rgb(144, 144, 144); background-image:url('https://i.pinimg.com/564x/5e/4c/e0/5e4ce006591f9a010ac8e3dfe94191f1.jpg'); background-repeat: no-repeat;background-size: cover; flex-wrap: wrap; display: flex; flex-direction: column; color: rgb(232, 220, 153); padding: 15px 10px; box-sizing: border-box; font-family: 'Trebuchet MS', sans-serif;">

<div style="width: 100%; text-align: center; padding: 15px; margin-top: 50px; font-size: 36px; text-shadow: 2px 2px 3px rgb(52, 8, 8); text-transform: uppercase; box-sizing: border-box;">Compétences</div></section><section style="font-size: 16px;margin: 0 auto; width: 600px; background-color: rgb(144, 144, 144); background-image: url(https://i.pinimg.com/564x/fe/6f/77/fe6f7709d3aa2a032317d9e0fa99a183.jpg); background-repeat: no-repeat; background-size: cover; flex-wrap: wrap; display: flex; flex-direction: row; color: rgb(232, 220, 153); padding: 100px 10px; box-sizing: border-box; font-family: 'Trebuchet MS', sans-serif;">
<article style=" text-align: justify;max-width:580px; padding:20px 5px;display:flex; flex-direction:column; text-shadow: -1px 1px 3px #000, 1px 1px 3px #000, 1px -1px 1px #000, -1px -1px 1px #000; color:lemonchiffon; gap: 8px;">
<ul>
<li style="font-weight:bold; color: aqua;">Compétence (Niveau 5) : Langage des animaux</li>
<strong style="color:burlywood;">Description : </strong>Une compétence particulière et très ancienne, très utilisé à une époque où certaines magies reposaient sur une harmonie avec la nature. Bien sûr, tous les animaux et monstres ne vous répondront pas, oubliez la négociation avec un Monstre Alpha par exemple. Par contre si vous vous sentez seul en forêt, vous pourrez toujours discuter avec une bande d'écureuils (attention ils sont très sournois).

<li style="font-weight:bold; color: aqua;">Compétence (Niveau 15) : Astronome</li>
<strong style="color:burlywood;">Description : </strong>Il est parfois utile de savoir lire dans les étoiles, car quand on est perdu sur de vastes terres ou en pleine mer, ce sont elles qui nous guident et nous aident à retrouver un lieu sûr. Remarquez, ça vous apprendra à vous éloigner du groupe ou poursuivre des sirènes.

<li style="font-weight:bold; color: aqua;">Compétence (Niveau 35) : à venir</li>
</ul></section><section style="font-size: 16px;margin: 0 auto; width: 600px; height:220px; background-color: rgb(144, 144, 144); background-image:url('https://i.pinimg.com/564x/5e/4c/e0/5e4ce006591f9a010ac8e3dfe94191f1.jpg'); background-repeat: no-repeat;background-size: cover; flex-wrap: wrap; display: flex; flex-direction: column; color: rgb(232, 220, 153); padding: 15px 10px; box-sizing: border-box; font-family: 'Trebuchet MS', sans-serif;"><div style="width: 100%; text-align: center; padding: 15px; margin-top: 50px; font-size: 36px; text-shadow: 2px 2px 3px rgb(52, 8, 8); text-transform: uppercase; box-sizing: border-box;">Techniques</div></section><section style="font-size: 16px;margin: 0 auto; width: 600px; background-color: rgb(144, 144, 144); background-image: url(https://i.pinimg.com/564x/fe/6f/77/fe6f7709d3aa2a032317d9e0fa99a183.jpg); background-repeat: no-repeat; background-size: cover; flex-wrap: wrap; display: flex; flex-direction: row; color: rgb(232, 220, 153); padding: 100px 10px; box-sizing: border-box; font-family: 'Trebuchet MS', sans-serif;">
<article style=" text-align: justify;max-width:580px; padding:20px 5px;display:flex; flex-direction:column; text-shadow: -1px 1px 3px #000, 1px 1px 3px #000, 1px -1px 1px #000, -1px -1px 1px #000; color:lemonchiffon; gap: 8px;">
<ul>
<li style="font-weight:bold; color: aqua;">Fine lame: </li>
<div style="font-style:italic;">Aventurier (Niveau 5)</div>
<strong style="color:burlywood;">Description : </strong>Seven est capable de se servir de n'importe quel arme, tant qu'elle posède un tranchant, même si ce dernier est un peu émoussé.

<li style="font-weight:bold; color: aqua;">Nyctalope: </li>
<div style="font-style:italic;">Héros en devenir (Niveau 10)</div>
<strong style="color:burlywood;">Description : </strong>Seven a la capacité de voir parfaitement la nuit sous condition qu’un rayon de lune soit présent, aussi petit soit-il.

<li style="font-weight:bold; color: aqua;">Ouïe accrue : </li>
<div style="font-style:italic;">Héros (Niveau 20)</div>
<strong style="color:burlywood;">Description : </strong>Seven peut entendre le moindre bruissement de feuilles à une vingtaine de mètres. Les portes, à moins d’être blindées et insonorisées, ne sont plus suffisantes pour garder les conversations secrètes.

<li style="font-weight:bold; color: aqua;">Griffes d'acier: </li>
<div style="font-style:italic;">Héros intrépide (Niveau 30))</div>
<strong style="color:burlywood;">Description : </strong> Que ce soit en forme de panthère ou humaine, Seven peut renforcer ses griffes/ongles et les transformer en lames acérées qui ont la solidité de l’acier.

<li style="font-weight:bold; color: aqua;">XX: </li>
<div style="font-style:italic;">Sans peur (Niveau 40)</div>
<strong style="color:burlywood;">Description : </strong>

<li style="font-weight:bold; color: aqua;">XX: </li>
<div style="font-style:italic;">Imperturbable (Niveau 50)</div>
<strong style="color:burlywood;">Description : </strong>

<li style="font-weight:bold; color: aqua;">XX: </li>
<div style="font-style:italic;">Imperturbable (Niveau xx)</div>
<strong style="color:burlywood;">Description : </strong>
</ul>
</section>