page histoire - v0.0.11

css/style.css

@@ -192,6 +192,11 @@
   align-items: flex-end;
 }
 
+.gap-xs { gap: 2px; }
+.gap-sm { gap: 4px; }
+.gap-md { gap: 8px; }
+.gap-lg { gap: 16px; }
+
 .flexshrink {
   -webkit-box-flex: 0;
   -ms-flex: 0;

css/totem.css

@@ -64,6 +64,11 @@ ul.unstyled li {
   width:100%;
 }
 
+.mx-auto {
+  margin-left: auto;
+  margin-right:auto;
+}
+
 /* ----------------------------------------- */
 /* Sheet Structure                           */
 /* ----------------------------------------- */
@@ -132,6 +137,7 @@ ul.unstyled li {
   font-family: "DistressBlack", sans-serif; 
   font-size: 2em;
   text-transform: uppercase;
+  margin-top:0.875rem;
 }
 
 .system-totem .char-header {
@@ -156,7 +162,7 @@ ul.unstyled li {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
-  max-height: 720px;
+  max-height: 688px;
   padding-bottom:1rem;
 }
 .system-totem .sheet.actor form {
@@ -230,8 +236,8 @@ ul.unstyled li {
 /* Actor Sheet                              */
 /* ---------------------------------------- */
 .system-totem .sheet.actor {
-  min-width: 650px;
+  min-width: 690px;
-  min-height: 450px;
+  min-height: 800px;
 }
 .system-totem .sheet.actor .sidebar {
   width: 230px;
@@ -307,13 +313,18 @@ ul.unstyled li {
   background: url(../assets/images/ui/barre_haut.webp) no-repeat right top;
   width:100%;
   position: relative;
-  padding-right:2rem;
+  padding-right:4rem;
 }
 
 .actor.sheet nav.sheet-navigation .item {
-  height: 24px;
+  line-height: 54px;
   width: 24px;
+  display: inline-block;
   border-radius: 50%;
   z-index: 1;
   transition: all 0.1s ease-out;
 }
+
+.system-totem .sheet.actor form nav.sheet-navigation.sheet-tabs {
+  height:54px;
+}

lang/en.json

@@ -22,7 +22,7 @@
     "prohibits": "Interdits",
     "objectives": "Objectifs",
     "relations": "Relations",
-    "biography": "Histoire"
+    "notes": "Notes"
   },
   "TOTEM": {
     "stats": "Statistiques",

module/sheets/actor-sheet.mjs

@@ -11,8 +11,9 @@ export class TotemActorSheet extends ActorSheet {
     return mergeObject(super.defaultOptions, {
       classes: ["totem", "sheet", "actor"],
       template: "systems/totem/templates/actor/actor-sheet.html",
+      height: 820,
       width: 690,
-      height: 800,
+      resizable: false,
       tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "features" }]
     });
   }

module/system/handlebars-manager.mjs

@@ -18,6 +18,7 @@
     "systems/totem/templates/actor/parts/actor-items.html",
     "systems/totem/templates/actor/parts/actor-weapons.hbs",
     "systems/totem/templates/actor/parts/actor-defenses.hbs",
+    "systems/totem/templates/actor/parts/actor-stories.hbs",
     "systems/totem/templates/actor/parts/actor-effects.html",
 
     // additional templates

system.json

@@ -2,7 +2,7 @@
   "id": "totem",
   "title": "Totem",
   "description": "The Totem system for FoundryVTT!",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "compatibility": {
     "minimum": 10,
     "verified": "10.287",

templates/actor/actor-character-sheet.html

@@ -1,7 +1,7 @@
 <form class="{{cssClass}} {{actor.type}} flexcol" autocomplete="off">
   <div class="form">
     <aside>
-      <img class="logo" src="systems/totem/assets/images/ui/logo.webp" height="56" width="230" alt="logo TOTEM" />
+      <img class="logo mx-auto" src="systems/totem/assets/images/ui/logo.webp" width="200" alt="logo Vermine" />
       <div class="sidebar" data-group="dashboard" data-tab="sidebar">
           <!--ID -->
           {{> "systems/totem/templates/actor/parts/actor-id.hbs"}}
@@ -32,9 +32,9 @@
             <i class="fas fa-medal"></i>
         </a>
 
-        <a class="manage-tabs" data-action="manage-tabs" title="{{localize "TOTEM.tab_options"}}">
+        <!--a class="manage-tabs" data-action="manage-tabs" title="{{localize "TOTEM.tab_options"}}">
             <i class="fas fa-fw fa-ellipsis-v"></i>
-        </a>
+        </a-->
     </nav>
 
     <!-- BODY -->
@@ -61,18 +61,7 @@
         
           <div class="tab stories" data-group="primary" data-tab="stories">
               <h3>Histoire</h3>
-              <h4>{{ localize 'IDENTITY.theme'}}</h4>
+              {{> "systems/totem/templates/actor/parts/actor-stories.hbs"}}
-              {{editor system.identity.theme target="system.identity.theme" button=true owner=owner}}
-              <h4>{{ localize 'IDENTITY.instincts'}}</h4>
-              {{editor system.identity.instincts target="system.identity.instincts" button=true owner=owner editable=editable}}
-              <h4>{{ localize 'IDENTITY.prohibits'}}</h4>
-              {{editor system.identity.prohibits target="system.identity.prohibits" button=true owner=owner editable=editable}}
-              <h4>{{ localize 'IDENTITY.objectives'}}</h4>
-              {{editor system.identity.objectives target="system.identity.objectives" button=true owner=owner editable=editable}}
-              <h4>{{ localize 'IDENTITY.relations'}}</h4>
-              {{editor system.identity.relations target="system.identity.relations" button=true owner=owner editable=editable}}
-              <h4>{{ localize 'IDENTITY.biography'}}</h4>
-              {{editor system.identity.biography target="system.identity.biography" button=true owner=owner editable=editable}}
         </div>
         
         </section>

templates/actor/parts/actor-id.hbs

@@ -14,7 +14,7 @@
       <li>
         <div class="flexcol flex-group-center items-center  w-full">
             <label for="system.identity.theme" class="resource-label flexlarge align-left">{{ localize "IDENTITY.theme"}}</label>
-            {{{ system.identity.theme }}}
+            <p>{{{ system.identity.theme }}}</p>
           </div>
       </li>  
       {{/if}}
@@ -22,7 +22,7 @@
       <li>
         <div class="flexcol flex-group-center items-center  w-full">
             <label for="system.identity.instincts" class="resource-label flexlarge align-left">{{ localize "IDENTITY.instincts"}}</label>
-            {{{ system.identity.instincts }}}
+            <p>{{{ system.identity.instincts }}}</p>
           </div>
       </li>   
       {{/if}}
@@ -30,7 +30,7 @@
       <li>
         <div class="flexcol flex-group-center items-center  w-full">
             <label for="system.identity.prohibits" class="resource-label flexlarge align-left">{{ localize "IDENTITY.prohibits"}}</label>
-            {{{ system.identity.prohibits }}}
+            <p>{{{ system.identity.prohibits }}}</p>
           </div>
       </li>   
       {{/if}}
@@ -38,7 +38,7 @@
       <li>
         <div class="flexcol flex-group-center items-center  w-full">
             <label for="system.identity.objectives" class="resource-label flexlarge align-left">{{ localize "IDENTITY.objectives"}}</label>
-            {{{ system.identity.objectives }}}
+            <p>{{{ system.identity.objectives }}}</p>
           </div>
       </li>   
       {{/if}}     

templates/actor/parts/actor-stories.hbs

@@ -0,0 +1,24 @@
+<section class="flexrow flex-group-left flex-align-left gap-md">
+  <div>
+    <h4>{{ localize 'IDENTITY.theme'}}</h4>
+    <textarea name="system.identity.theme">{{ system.identity.theme }}</textarea>
+    <h4>{{ localize 'IDENTITY.objectives'}}</h4>
+    <textarea name="system.identity.objectives">{{ system.identity.objectives }}</textarea>
+  </div>
+  <div>
+    <h4>{{ localize 'IDENTITY.instincts'}}</h4>
+    <textarea name="system.identity.instincts">{{ system.identity.instincts }}</textarea>
+    <h4>{{ localize 'IDENTITY.prohibits'}}</h4>
+    <textarea name="system.identity.prohibits">{{ system.identity.prohibits }}</textarea>
+  </div>
+</section>
+<section class="flexcol flex-group-left flex-align-left">
+  <div>
+    <h4>{{ localize 'IDENTITY.notes'}}</h4>
+    {{editor system.identity.biography target="system.identity.biography" button=true owner=owner editable=editable}}
+  </div>
+    <div>
+    <h4>{{ localize 'IDENTITY.relations'}}</h4>
+    {{editor system.identity.relations target="system.identity.relations" button=true owner=owner editable=editable}}
+  </div>
+</section>