Rework des fiches

modules/hawkmoon-actor-sheet.js

@@ -40,6 +40,7 @@ export class HawkmoonActorSheet extends ActorSheet {
       limited: this.object.limited,
       skills: this.actor.getSkills(),
       armes: duplicate(this.actor.getWeapons()),
+      monnaies: duplicate(this.actor.getMonnaies()),
       protections: duplicate(this.actor.getArmors()),
       historique: duplicate(this.actor.getHistorique() || {}),
       talents: duplicate(this.actor.getTalents() || {}),

modules/hawkmoon-actor.js

@@ -81,6 +81,10 @@ export class HawkmoonActor extends Actor {
     }
     return armes
   }
+  /* -------------------------------------------- */
+  getMonnaies() {
+    return this.items.filter( it => it.type == "monnaie")
+  }
 
   /* -----------------------  --------------------- */
   addMember( actorId) {

modules/hawkmoon-utility.js

@@ -147,6 +147,7 @@ export class HawkmoonUtility {
 
     const templatePaths = [
       'systems/fvtt-hawkmoon-cyd/templates/editor-notes-gm.html',
+      'systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html',
       'systems/fvtt-hawkmoon-cyd/templates/partial-item-description.html',
       'systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html',
       'systems/fvtt-hawkmoon-cyd/templates/partial-list-niveau.html',

styles/simple.css

@@ -48,21 +48,33 @@
   text-align: justify;
   font-size: 12px;
   letter-spacing: 1px;
+  background-image: url("../assets/ui/pc_sheet_bg.webp");
+  background-repeat: repeat;
 }
-
 /* Fonts */
-.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
+.window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
   font-family: "Charlemagne";
   font-size: 0.8rem;
 } /* For title, sidebar character and scene */
+.sheet header.sheet-header h1 input {
+  font-family: "Charlemagne";
+  font-size: 0.8rem;
+  color: lightgray;
+}
 .sheet nav.sheet-tabs {
   font-family: "Charlemagne";
   font-size: 0.8rem;
+  color: #151c1f;
 } /* For nav and title */
 .window-app input, .fvtt-hawkmoon-cyd .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
   font-size: 0.8rem;
 }
-
+.fvtt-hawkmoon-cyd .sheet-header select option {
+  background-color: rgb(68, 25, 25);
+}
+.fvtt-hawkmoon-cyd .sheet-header input, .fvtt-hawkmoon-cyd .sheet-header select {
+  color: lightgray;
+}
 .window-header{
   background: rgba(0,0,0,0.75);
 }
@@ -70,6 +82,8 @@
 .window-app.sheet .window-content {
   margin: 0;
   padding: 0;
+  background-image: url("../assets/ui/pc_sheet_bg.webp");
+  background-repeat: repeat;
 }
 .strong-text{
   font-weight: bold;
@@ -222,6 +236,13 @@ table {border: 1px solid #7a7971;}
   -ms-flex-pack: start;
   justify-content: flex-start;
   margin-bottom: 10px;
+  background-image: url("../assets/ui/hawkmoon_background_01.png");
+}
+
+.background-sheet-header {
+  background-image: url("../assets/ui/hawkmoon_background_01.png");
+  background-blend-mode: soft-light;
+  color: lightgray;
 }
 
 .fvtt-hawkmoon-cyd .sheet-header .profile-img {
@@ -278,6 +299,7 @@ table {border: 1px solid #7a7971;}
   font-weight: bold;
   font-size: 2rem;
   font-family: "Charlemagne";
+  color: lightgray;
 }
 
 .fvtt-hawkmoon-cyd .sheet-header h1.charname input {
@@ -287,6 +309,7 @@ table {border: 1px solid #7a7971;}
   font-weight: bold;
   font-family: "Charlemagne";
   font-size: 2rem;
+  color: lightgray;
 }
 
 .fvtt-hawkmoon-cyd .sheet-tabs {
@@ -300,6 +323,11 @@ table {border: 1px solid #7a7971;}
 .fvtt-hawkmoon-cyd .sheet-body .tab .editor {
   height: 100%;
   font-size: 0.8rem;
+  color:rgba(0,0,0,0.9)
+}
+
+.fvtt-hawkmoon-cyd .sheet-body input, .fvtt-hawkmoon-cyd .sheet-body select {
+  color:rgba(0,0,0,0.9)
 }
 
 .editor {
@@ -341,7 +369,7 @@ table {border: 1px solid #7a7971;}
 }
 
 .fvtt-hawkmoon-cyd .tabs .item {
-  line-height: 40px;
+  /*line-height: 40px;*/
   font-weight: bold;
 }
 
@@ -395,26 +423,28 @@ table {border: 1px solid #7a7971;}
 /* Sheet  */
 .window-app.sheet .window-content .sheet-header{
   /*background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
-  background: url("../assets/ui/pc_sheet_bg.webp") repeat left top;
+  background: url("../assets/ui/pc_sheet_bg.webp");
-  /*color: rgba(168, 139, 139, 0.5);*/
+  background-repeat: repeat;
 }
 
 .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] {
-  color: rgba(36, 37, 37, 0.75);
+  /*color: rgba(36, 37, 37, 0.75);*/
   /*background: rgba(255, 255, 255, 0.05);*/
-  border: 2px saddlebrown;
+  /*border: 2px saddlebrown;*/
-  border-width: 2px;
+  /*color: lightgray;*/
+  border-width: 1px;
   margin-bottom: 0.25rem;
 }
 
 .window-app .window-content, .window-app.sheet .window-content .sheet-body{
   font-size: 0.8rem;
-  background: url("../assets/ui/pc_sheet_bg.webp") repeat left top;
+  background: url("../assets/ui/pc_sheet_bg.webp");
+  background-repeat: repeat-y;
+  color: black;
 }
 
-/*  background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/
+/*section.sheet-body{
-
+  padding: 0.25rem   0.5rem;}*/
-section.sheet-body{padding: 0.25rem 0.5rem;}
 
 .sheet header.sheet-header .profile-img {
   object-fit: cover;
@@ -427,7 +457,7 @@ section.sheet-body{padding: 0.25rem 0.5rem;}
 .sheet nav.sheet-tabs {
   font-size: 0.70rem;
   font-weight: bold;
-  height: 3rem;
+  height: 2.5rem;
   flex: 0 0 3rem;
   margin: 0;
   padding: 0 0 0 0.25rem;
@@ -436,12 +466,12 @@ section.sheet-body{padding: 0.25rem 0.5rem;}
   line-height: 1.5rem;
   border-top: 0 none;
   border-bottom: 0 none;
-  background-color:#2e5561;
+  /*background-color:#2e5561;*/
-  color:beige;
+  color: #151c1f;
+  /*background-image: url("../assets/ui/hawkmoon_background_02.png");*/
 }
 
 /*  background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/
-
 nav.sheet-tabs .item {
   position: relative;
   padding: 0 0.25rem;
@@ -454,7 +484,7 @@ nav.sheet-tabs .item:after {
   right: 0;
   height: 2rem;
   width: 1px;
-  border-right: 1px dashed rgba(52, 52, 52, 0.25);
+  /*border-right: 1px dashed rgba(52, 52, 52, 0.25);*/
 }
 
 .sheet .tab[data-tab] {
@@ -1386,3 +1416,6 @@ ul, li {
   font-weight: bold;
   color: darkred;
 }
+.adversite-modify {
+  margin-top: 12px;
+}

templates/actor-sheet.html

@@ -2,7 +2,7 @@
 
   {{!-- Sheet Header --}}
   <header class="sheet-header">
-    <div class="header-fields">
+    <div class="header-fields background-sheet-header">
       <div class="flexrow">
         <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
         <div class="flexcol">
@@ -29,11 +29,22 @@
                 <h4 class="item-name-label competence-name item-field-label-medium">Eclat</h4>
                 <input type="text" class="padd-right status-small-label color-class-common item-field-label-short"
                   name="system.eclat.value" value="{{system.eclat.value}}" data-dtype="Number" />
-
               </li>
+
+                <li class="item flexrow">
+                  <h4 class="item-name-label competence-name item-field-label-medium">Vigueur</h4>
+                  <label class="status-small-label color-class-common item-field-label-short">{{system.sante.vigueur}}</label>
+                  <h4 class="item-name-label competence-name item-field-label-medium">Etat</h4>
+                  <select class="status-small-label color-class-common item-field-label-medium" type="text" name="system.sante.etat"
+                    value="{{system.sante.etat}}" data-dtype="Number">
+                    {{#select system.sante.etat}}
+                    {{> systems/fvtt-hawkmoon-cyd/templates/partial-sante-etat.html}}
+                    {{/select}}
+                  </select>
+                </li>
+    
             </ul>
           </div>
-
         </div>
       </div>
   </header>
@@ -42,7 +53,7 @@
   <nav class="sheet-tabs tabs" data-group="primary">
     <a class="item" data-tab="principal">Attributs</a>
     <a class="item" data-tab="competences">Compétences</a>
-    <a class="item" data-tab="talents">Talents</a>
+    <a class="item" data-tab="combat">Combat</a>
     <a class="item" data-tab="equipement">Equipement</a>
     <a class="item" data-tab="biodata">Bio&Notes</a>
   </nav>
@@ -53,6 +64,8 @@
     {{!-- Main Tab --}}
     <div class="tab principal" data-group="primary" data-tab="principal">
 
+      <div class="flexcol">
+       
         <div class="grid grid-2col">
 
           <div class="sheet-box color-bg-archetype">
@@ -70,34 +83,19 @@
                 </select>
               </li>
               {{/each}}
-          </ul>
-          <h4 class="item-name-label competence-name">Santé</h4>
-          <ul class="item-list alternate-list">
-            <li class="item flexrow">
-              <label class="label-name item-field-label-short">Vigueur</label>
-              <label class="label-name item-field-label-short">{{system.sante.vigueur}}</label>
-            </li>
-            <li class="item  flexrow">
-              <label class="label-name item-field-label-short">Etat</label>
-              <select class="label-name item-field-label-medium" type="text" name="system.sante.etat" value="{{system.sante.etat}}" data-dtype="Number">
-                {{#select system.sante.etat}}
-                {{> systems/fvtt-hawkmoon-cyd/templates/partial-sante-etat.html}}
-                {{/select}}
-              </select>
-            </li>
-          </ul>
 
-          <h4 class="item-name-label competence-name">Combat</h4>
+              <li class="item flexrow" data-adversite="{{key}}">
-          <ul class="item-list alternate-list">
+                <span class="item-name-label competence-name item-field-label-medium">Vitesse</span>
-            <li class="item flexrow">
+                <input type="text" class="padd-right numeric-input item-field-label-short" name="system.vitesse.value"
-              <button class="chat-card-button roll-initiative">Initiative</button>
+                      value="{{system.vitesse.value}}" data-dtype="Number" />
               </li>
-          </ul>
     
+            </ul>
           </div>
 
           <div class="sheet-box color-bg-archetype">
-          <h4 class="item-name-label competence-name">Adversité</h4>
+
+            <h4 class="item-name-label competence-name">Adversités</h4>
             <ul class="item-list alternate-list">
               {{#each system.adversite as |adv key|}}
               <li class="item flexrow" data-adversite="{{key}}">
@@ -113,18 +111,63 @@
               </li>
               {{/each}}
             </ul>
-
+          </div>
-          <h4 class="item-name-label competence-name">Vitesse</h4>
-          <ul class="item-list alternate-list">
-            <li class="item flexrow" data-adversite="{{key}}">
-              <input type="text" class="padd-right numeric-input item-field-label-short" name="system.vitesse.value"
-                value="{{system.vitesse.value}}" data-dtype="Number" />      
-            </li>
-          </ul>
-
-
         </div>
 
+        <div class="sheet-box color-bg-archetype">
+          <ul class="item-list alternate-list">
+            <li class="item flexrow">
+              <span class="item-name-label-header">
+                <h3><label class="items-title-text">Talents</label></h3>
+              </span>
+              <span class="item-field-label-short">
+                <label class="short-label">Résumé</label>
+              </span>
+              <div class="item-filler">&nbsp;</div>
+            </li>
+            {{#each talents as |talent key|}}
+            <li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
+              <img class="item-name-img" src="{{talent.img}}" />
+              <span class="item-name-label competence-name">{{talent.name}}</span>
+              <span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
+
+              <div class="item-filler">&nbsp;</div>
+              <div class="item-controls item-controls-fixed">
+                <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+              </div>
+            </li>
+            {{/each}}
+          </ul>
+        </div>
+
+        <div class="flexrow">
+          <div class="sheet-box color-bg-archetype">
+            <ul class="item-list alternate-list">
+              <li class="item flexrow">
+                <span class="item-name-label-header">
+                  <h3><label class="items-title-text">Talents de Cellule</label></h3>
+                </span>
+                <span class="item-field-label-short">
+                  <label class="short-label">Résumé</label>
+                </span>
+                <div class="item-filler">&nbsp;</div>
+              </li>
+              {{#each talentsCell as |talent key|}}
+              <li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
+                <img class="item-name-img" src="{{talent.img}}" />
+                <span class="item-name-label competence-name">{{talent.name}}</span>
+                <span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
+                <div class="item-filler">&nbsp;</div>
+                <div class="item-controls item-controls-fixed">
+                  <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                </div>
+              </li>
+              {{/each}}
+            </ul>
+          </div>
+
+        </div>
       </div>
 
     </div>
@@ -184,71 +227,14 @@
 
     </div>
 
-    {{!-- Talents Tab --}}
-    <div class="tab talents" data-group="primary" data-tab="talents">
-
-      <div class="flexrow">
-
-        <div class="sheet-box color-bg-archetype">
-          <ul class="item-list alternate-list">
-            <li class="item flexrow">
-              <span class="item-name-label-header">
-                <h3><label class="items-title-text">Talents</label></h3>
-              </span>
-              <span class="item-field-label-short">
-                <label class="short-label">Résumé</label>
-              </span>
-              <div class="item-filler">&nbsp;</div>
-            </li>
-            {{#each talents as |talent key|}}
-            <li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
-              <img class="item-name-img" src="{{talent.img}}" />
-              <span class="item-name-label competence-name">{{talent.name}}</span>
-              <span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
-  
-              <div class="item-filler">&nbsp;</div>
-              <div class="item-controls item-controls-fixed">
-                <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
-                <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
-              </div>
-            </li>
-            {{/each}}
-          </ul>
-        </div>
-      </div>
-
-      <div class="flexrow">
-        <div class="sheet-box color-bg-archetype">
-          <ul class="item-list alternate-list">
-            <li class="item flexrow">
-              <span class="item-name-label-header">
-                <h3><label class="items-title-text">Talents de Cellule</label></h3>
-              </span>
-              <span class="item-field-label-short">
-                <label class="short-label">Résumé</label>
-              </span>
-              <div class="item-filler">&nbsp;</div>
-            </li>
-            {{#each talentsCell as |talent key|}}
-            <li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
-              <img class="item-name-img" src="{{talent.img}}" />
-              <span class="item-name-label competence-name">{{talent.name}}</span>
-              <span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
-              <div class="item-filler">&nbsp;</div>
-              <div class="item-controls item-controls-fixed">
-                <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
-              </div>
-            </li>
-            {{/each}}
-          </ul>
-        </div>
-
-      </div>
-
-    </div>
-
     {{!-- Equipement Tab --}}
-    <div class="tab equipement" data-group="primary" data-tab="equipement">
+    <div class="tab combat" data-group="primary" data-tab="combat">
+
+      <ul class="item-list alternate-list">
+        <li class="item flexrow">
+          <button class="chat-card-button roll-initiative">Initiative</button>
+        </li>
+      </ul>
 
       <div class="flexcol">
 
@@ -290,7 +276,8 @@
               <span class="item-field-label-short arme-defensif item-field-label-short"><label
                   class="arme-defensif item-field-label-short">{{arme.system.totalDefensif}}</label></span>
               {{else}}
-              <span class="item-field-label-short arme-defensif"><label class="item-field-label-short arme-defensif">-</label></span>
+              <span class="item-field-label-short arme-defensif"><label
+                  class="item-field-label-short arme-defensif">-</label></span>
               {{/if}}
 
               <span class="item-field-label-short">
@@ -344,6 +331,14 @@
             {{/each}}
           </ul>
         </div>
+      </div>
+    </div>
+
+
+    {{!-- Equipement Tab --}}
+    <div class="tab equipement" data-group="primary" data-tab="equipement">
+
+      <div class="flexcol">
 
         <div class="sheet-box color-bg-archetype">
           <ul class="item-list alternate-list">

templates/chat-generic-result.html

@@ -44,17 +44,18 @@
 
     {{#if difficulte}}
     {{#if isSuccess}}
-    <li class="chat-success">Succés!!!</li>
+    <li class="chat-success">Succés...
+    </li>
     {{else}}
-    <li class="chat-failure">Echec ...</li>
+    <li class="chat-failure">Echec...</li>
     {{/if}}
     {{/if}}
 
     {{#if isHeroique}}
-    <li class="chat-success">Succés Héroïque!!!</li>
+    <li class="chat-success">Héroïque !!!</li>
     {{/if}}
     {{#if isDramatique}}
-    <li class="chat-failure">Echec Dramatique!!!</li>
+    <li class="chat-failure">Dramatique !!!</li>
     {{/if}}
 
     {{#if isInit}}

templates/item-arme-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-artefact-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-competence-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-contact-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-equipement-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-historique-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-monnaie-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-    <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-        <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}"/>
-        <div class="header-fields">
-            <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
-        </div>
-    </header>
 
     {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-profil-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-protection-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-ressource-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/item-talent-sheet.html

@@ -1,10 +1,5 @@
 <form class="{{cssClass}}" autocomplete="off">
-  <header class="sheet-header">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
-    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
-    <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
-    </div>
-  </header>
 
   {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
 

templates/partial-item-header.html

@@ -0,0 +1,8 @@
+<header class="sheet-header">
+  <div class="flexrow background-sheet-header">
+    <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
+    <div class="header-fields">
+      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
+    </div>
+  </div>
+</header>