JOURNAL DE BORD ⟡ modèle

Le journal de bord, c'est ton petit monde. Il te permet de noter tout ce qu'il est important de savoir au sujet de ton personnage, mais également de ne pas perdre le fil de ton évolution rpgique ainsi que de tes liens. Le modèle peut être complété à ta guise : tu peux créer autant de posts que tu le souhaites, et avec le contenu qui te semble pertinent (moodboards, playlists, anecdotes...). Tu es ici chez toi, et tu es le seul à pouvoir y poster.

Tu peux utiliser les codes ci-dessous pour remplir ton journal de bord ou en créer toi-même en t'aidant des balises déjà présentes sur le forum. Sens toi libre de laisser cours à ton imagination  Si l'envie te prend de créer un code de tes petites mains, n'hésite pas à le poster ici pour que les autres en profitent !

1^er post (infos basiques, résumé & réputation)

Code:

[spoiler="cw"]Veuillez noter <yy>tous les mots clefs</yy> correspondants aux <a href="https://isekai-monogatari.forumactif.com/h1-guidebook-1#contenu">content et trigger warnings ((avertissement de contenu))</a> nécessaires dans ce cadre spoiler. Il faut également les mentionner <yy>avant chaque passage concerné de votre journal de bord</yy>.

Si le contenu de votre journal de bord ne nécessite pas d'avertissement de contenu, vous pouvez supprimer ce cadre [/spoiler]
<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison">

<div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Nom du personnage</h2><span><span>journal de bord</span></span></div>
</div></div>

<div class="fiche-infos"><div class="fiche-infos-grid">
<span><ion-icon name="sparkles-outline"></ion-icon><p>maison de magie</p></span>
<span><ion-icon name="calendar-outline"></ion-icon><p>date de naissance</p></span>
<span><ion-icon name="home-outline"></ion-icon><p>lieu de résidence</p></span>
<span><ion-icon name="heart-outline"></ion-icon><p>statut social</p></span>
<span><ion-icon name="medkit-outline"></ion-icon><p>occupations</p></span>
</div></div>

<div class="fiche-background">

<div class="fiche-header right"><div>
<div class="fiche-nom"><h2>Résumé</h2><span><span>citation ici</span></span></div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
</div></div>

<div class="fiche-background-content" style="height:200px;"><div><bg1>résumé</bg1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div></div>
<center><a class="jdb-redirection" href="#">fiche <ion-icon name="open-outline"></ion-icon></a> <a class="jdb-redirection" href="#">moodboard <ion-icon name="open-outline"></ion-icon></a> <a class="jdb-redirection" href="#">playlist <ion-icon name="open-outline"></ion-icon></a></center>

</div><div class="fiche-background">

<div class="fiche-header right"><div>
<div class="fiche-nom"><h2>Réputation</h2><span><span>citation ici</span></span></div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
</div></div>

<div class="fiche-background-content" style="height:200px;"><div><bg1>réputation</bg1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div></div>

</div></div>

2^ème post (liens & recherches)

Code:

<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison">

<div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Relations</h2><span><span>citation ici</span></span></div>
</div></div>

<div class="fiche-background">

<div class="topic_tabs tabs-onglets">
<a class="msg_ong selected" href="#jdb-relations-1"><ion-icon name="moon-outline"></ion-icon>Catégorie liens</a>
<a class="msg_ong" href="#jdb-relations-2"><ion-icon name="sparkles-outline"></ion-icon>Catégorie liens</a>
<a class="msg_ong" href="#jdb-relations-3"><ion-icon name="earth-outline"></ion-icon>Catégorie liens</a>
</div>

<!-- Début onglets liens -->
<div id="contenu" class="msg_ong_contenu">

<!-- Début catégorie de liens 1 -->
<div id="jdb-relations-1"><div class="liste_roles">

<role><!-- Ajouter les liens ici --><div class="role_header"><img src="https://place-hold.it/100x100" /><div><nom>Prénom Nom</nom><hr /><r3>Informations Rapides</r3></div></div><div><r2>Intitulé du lien</r2>
écrire ici
<hr style="margin-top: 8px;" /><r2>Résumé</r2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div></role>

<role><!-- Ajouter les liens ici --><div class="role_header"><img src="https://place-hold.it/100x100" /><div><nom>Prénom Nom</nom><hr /><r3>Informations Rapides</r3></div></div><div><r2>Intitulé du lien</r2>
écrire ici
<hr style="margin-top: 8px;" /><r2>Résumé</r2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div></role>

<!-- Ajouter d'autres rôles ici -->

</div></div>
<!-- Fin catégorie de liens 1 -->

<!-- Début catégorie de liens 2 -->
<div id="jdb-relations-2"><div class="liste_roles">

<role><!-- Ajouter les liens ici --><div class="role_header"><img src="https://place-hold.it/100x100" /><div><nom>Prénom Nom</nom><hr /><r3>Informations Rapides</r3></div></div><div><r2>Intitulé du lien</r2>
écrire ici
<hr style="margin-top: 8px;" /><r2>Résumé</r2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div></role>

<role><!-- Ajouter les liens ici --><div class="role_header"><img src="https://place-hold.it/100x100" /><div><nom>Prénom Nom</nom><hr /><r3>Informations Rapides</r3></div></div><div><r2>Intitulé du lien</r2>
écrire ici
<hr style="margin-top: 8px;" /><r2>Résumé</r2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div></role>

<!-- Ajouter d'autres rôles ici -->

</div></div>
<!-- Fin catégorie de liens 2 -->

<!-- Début catégorie de liens 3 -->
<div id="jdb-relations-3"><div class="liste_roles">

<role><!-- Ajouter les liens ici --><div class="role_header"><img src="https://place-hold.it/100x100" /><div><nom>Prénom Nom</nom><hr /><r3>Informations Rapides</r3></div></div><div><r2>Intitulé du lien</r2>
écrire ici
<hr style="margin-top: 8px;" /><r2>Résumé</r2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div></role>

<role><!-- Ajouter les liens ici --><div class="role_header"><img src="https://place-hold.it/100x100" /><div><nom>Prénom Nom</nom><hr /><r3>Informations Rapides</r3></div></div><div><r2>Intitulé du lien</r2>
écrire ici
<hr style="margin-top: 8px;" /><r2>Résumé</r2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div></role>

<!-- Ajouter d'autres rôles ici -->

</div></div>
<!-- Fin catégorie de liens 3 -->

</div>
<!-- Fin onglets liens -->

</div><div class="fiche-background">

<div class="fiche-header right"><div>
<div class="fiche-nom"><h2>Pistes de liens</h2><span><span>citation ici</span></span></div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
</div></div>

<div class="fiche-background-content" style="height:200px;"><div><bg1>Pistes de liens</bg1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div></div>

</div></div>

2^ème post (liens & recherches) version liens automatisés

Code:

<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison">

<div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Relations</h2><span><span>citation ici</span></span></div>
</div></div>

<div class="fiche-background">
<!-- NE PAS TOUCHER sauf pour ajouter ton user ID plus bas ou changer les icônes des onglets -->
<div class="imo-jdb tabs-onglets">
<a class="msg_ong selected" href="#gesli-pos"><iconify-icon icon="iconamoon:smiling-face-light"></iconify-icon>Liens Positifs</a>
<a class="msg_ong" href="#gesli-neu"><iconify-icon icon="iconamoon:neutral-face-light"></iconify-icon>Liens Neutres</a>
<a class="msg_ong" href="#gesli-neg"><iconify-icon icon="iconamoon:frowning-face-light"></iconify-icon>Liens Négatifs</a>
<a class="msg_ong" href="#gesli-misc"><iconify-icon icon="iconamoon:relieved-face-thin"></iconify-icon>Autres liens</a>
</div>
<div id="contenu" class="msg_ong_contenu">
<div class="imo-gesli imo-jdb" data-user-id="TON USER ID ICI">
<!-- Liens Positifs --> <div id="gesli-pos"></div>
<!-- Liens Neutres --> <div id="gesli-neu"></div>
<!-- Liens Négatifs --> <div id="gesli-neg"></div>
<!-- Liens Autres --> <div id="gesli-misc"></div>
</div></div>
<!-- FIN -->
</div><div class="fiche-background">

<div class="fiche-header right"><div>
<div class="fiche-nom"><h2>Pistes de liens</h2><span><span>citation ici</span></span></div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
</div></div>

<div class="fiche-background-content" style="height:200px;"><div><bg1>Pistes de liens</bg1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div></div>

</div></div>

3^ème post (inventaire)

Code:

<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison">

<div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Inventaire</h2><span><span>citation ici</span></span></div>
</div></div>

<div class="fiche-background">
<!-- Début Section inventaire -->
<div class="jdb-inventory">

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

<div class="jdb-inventory-item"><i class="cp cp-shopping-bag"></i> <r3>intitulé de l'objet</r3>
<span><span><img src="https://place-hold.it/100x100" /></span> --</span></div>

</div>
<!-- Fin Section inventaire -->
</div>

</div>

4^ème post (liste de rps)

Code:

<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison">

<div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Liste de rps</h2><span><span>journal de bord</span></span></div>
</div></div>

<div class="fiche-background">

<div class="fiche-background-content" style="height:400px;"><div><center><bg2>rps en cours</bg2> <bg1>terminés</bg1> <bg6>archivés</bg6></center>
<bg2>[b]titre du rp[/b]</bg2> <a href="#" target="_blank"><ion-icon name="open-outline"></ion-icon></a>
<r3>date, partenaire</r3>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially  unchanged.</span><!--

ajouter un rp ici

--><hr><bg1>[b]titre du rp[/b]</bg1> <a href="#" target="_blank"><ion-icon name="open-outline"></ion-icon></a>
<r3>date, partenaire</r3>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially  unchanged.</span><!--

ajouter un rp ici

--><hr><bg6>[b]titre du rp[/b]</bg6> <a href="#" target="_blank"><ion-icon name="open-outline"></ion-icon></a>
<r3>date, partenaire</r3>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially  unchanged.</span>
</div></div>

</div></div>

5^ème post (chronologie)

Code:

<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison">

<div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Chronologie</h2><span><span>faceclaim</span></span></div>
</div></div>

<div class="fiche-background">

<div class="fiche-header right"><div>
<div class="fiche-nom"><h2>2023</h2><span><span>citation ici</span></span></div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
</div></div>

<div class="fiche-chrono"><div class="chrono-scroll"><div>
<div class="chrono-item"><span><ion-icon name="sparkles"></ion-icon></span><div><span><label>Date</label>
Lorem ipsum dolor sit amet consectetur. Odio volutpat vivamus ac nisl purus eget. Pellentesque amet faucibus pretium ornare elit eu non lobortis pellentesque.</span></div></div>

<div class="chrono-item"><span><ion-icon name="sparkles"></ion-icon></span><div><span><label>Date</label>
Lorem ipsum dolor sit amet consectetur. Odio volutpat vivamus ac nisl purus eget. Pellentesque amet faucibus pretium ornare elit eu non lobortis pellentesque.</span></div></div>

<div class="chrono-item"><span><ion-icon name="sparkles"></ion-icon></span><div><span><label>Date</label>
Lorem ipsum dolor sit amet consectetur. Odio volutpat vivamus ac nisl purus eget. Pellentesque amet faucibus pretium ornare elit eu non lobortis pellentesque.</span></div></div>

<!-- Ajouter de nouveaux éléments de chronologie ici -->

</div></div></div>

</div>

<div class="fiche-background">

<div class="fiche-header right"><div>
<div class="fiche-nom"><h2>2024</h2><span><span>citation ici</span></span></div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
</div></div>

<div class="fiche-chrono"><div class="chrono-scroll"><div>
<div class="chrono-item"><span><ion-icon name="sparkles"></ion-icon></span><div><span><label>Date</label>
Lorem ipsum dolor sit amet consectetur. Odio volutpat vivamus ac nisl purus eget. Pellentesque amet faucibus pretium ornare elit eu non lobortis pellentesque.</span></div></div>

<div class="chrono-item"><span><ion-icon name="sparkles"></ion-icon></span><div><span><label>Date</label>
Lorem ipsum dolor sit amet consectetur. Odio volutpat vivamus ac nisl purus eget. Pellentesque amet faucibus pretium ornare elit eu non lobortis pellentesque.</span></div></div>

<div class="chrono-item"><span><ion-icon name="sparkles"></ion-icon></span><div><span><label>Date</label>
Lorem ipsum dolor sit amet consectetur. Odio volutpat vivamus ac nisl purus eget. Pellentesque amet faucibus pretium ornare elit eu non lobortis pellentesque.</span></div></div>

<!-- Ajouter de nouveaux éléments de chronologie ici -->

</div></div></div>

</div></div>

5^ème post (chronologie) version automatisé

Code:

<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison"><div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Chronologie</h2><span><span>faceclaim</span></span></div></div></div>
<div class="fiche-background">
<!-- Ajoute ton user ID ci-dessous -->
<div class="imo-geschro imo-jdb" id="imo-geschro" data-user-id="TON USER ID ICI"></div>
</div></div>

6^ème post (feuille de personnage)

Code:

<!-- Change "maison" par le nom de la maison (dojin, fugi, hiisa, raiyo, suisei) de ton choix ci-dessous ♡ -->
<div class="fiche-2023 jdb-2023 maison">

<div class="fiche-header left"><div>
<img src="https://place-hold.it/100x100" />
<img src="https://place-hold.it/100x100" />
<div class="fiche-nom"><h2>Feuille de personnage</h2><span><span>citation ici</span></span></div>
</div></div>

<div class="fiche-background">

<!-- Début Section Feuille de Personnage - Change chaque classe "lvl-1" pour ton niveau de compétence (lvl-2...) -->
<div class="jdb-perso"><div class="jdb-container">
<p><bg1>Intellect</bg1></p>
<div class="skills">
<skill><p><span>Logique</span></p>
<level class="lvl-1"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Culture générale</span></p>
<level class="lvl-2"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Rhétorique</span></p>
<level class="lvl-3"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Théâtralité</span></p>
<level class="lvl-4"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Conceptualisation</span></p>
<level class="lvl-5"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>
</div>
</div>

<div class="jdb-container">
<p><bg1>Psyché</bg1></p>
<div class="skills">
<skill><p><span>Volonté</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Spiritualité</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Empathie</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Autorité</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Suggestion</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>
</div>
</div>

<div class="jdb-container">
<p><bg1>Physique</bg1></p>
<div class="skills">
<skill><p><span>Endurance</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Résistance</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Force physique</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Électrochimie</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Instinct de Survie</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>
</div>
</div>

<div class="jdb-container">
<p><bg1>Motricité</bg1></p>
<div class="skills">
<skill><p><span>Coordination</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Perception</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Réactivité</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Discrétion</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>

<skill><p><span>Contrôle</span></p>
<level class="lvl-0"><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv><lv></lv></level></skill>
</div></div></div>
<!-- Fin Section Feuille de Personnage -->
<center><r3>total : 0/110</r3></center>
</div></div>

Si tu préfères utiliser la base automatisée des liens, chronologies et du moodboard pour coder tes propres journaux de bord, voici les bouts de codes simplifiés que tu peux utiliser et styler en CSS à ta guise !

Liens Automatisés
-> Ne rien ajouter dans chaque div gesli !
-> Tu peux ajouter tout ce que tu veux entre chaque div à l'intérieur du code et appliquer le CSS de ton choix.

Code:

<div class="imo-gesli" data-user-id="TON USER ID ICI">
<!-- Liens Positifs --> <div id="gesli-pos"></div>
<!-- Liens Neutres --> <div id="gesli-neu"></div>
<!-- Liens Négatifs --> <div id="gesli-neg"></div>
<!-- Liens Autres --> <div id="gesli-misc"></div>
</div>

---

Chronologie automatisée
-> Ne rien ajouter dans cette div ! Le contenu et les onglets y sont ajoutés automatiquement.
-> Tu peux ajouter tout ce que tu veux autour de cette div et y appliquer le CSS custom de ton choix si tu souhaites personnaliser ce code.

Code:

<div class="imo-geschro" id="imo-geschro" data-user-id="TON USER ID"></div>

---

Moodboard automatisé
-> Ne rien ajouter dans cette div !
-> Tu peux ajouter tout ce que tu veux autour de cette div et y appliquer le CSS de ton choix.

Code:

<div class="imo-gesmoo" id="imo-gesmoo" data-user-id="TON USER ID"></div>