header + template 0.0.8

css/style.css

@@ -184,6 +184,14 @@
   text-align: right;
 }
 
+.flex-align-left {
+  align-items: flex-start;
+}
+
+.flex-align-right {
+  align-items: flex-end;
+}
+
 .flexshrink {
   -webkit-box-flex: 0;
   -ms-flex: 0;

css/totem.css

@@ -1,3 +1,8 @@
+@font-face {
+  font-family: "DistressBlack";
+  src: url("../assets/fonts/dcc_sharp_distress_black_by_dccanim.otf");
+}
+
 /* Change shadow colors and Foundry general font color!! */
 .app {
   box-shadow: 0 0 20px #7e4444; /* Change the color code here for a nice shadow color! */
@@ -5,9 +10,9 @@
 }
 
 /* Character and Item Name Titles Text style! */
-.sandbox.sheet .charname input {
+.sheet .charname input {
     color: #191813;
-    font-family: "Signika", sans-serif;
+    font-family: "DistressBlack", sans-serif;
     font-size: 30px;
     font-style: normal;
 }
@@ -101,22 +106,33 @@ ul.unstyled li {
   grid-row: span 1 / span 1;
 }
 
-.system-totem .char-header {
+.actor.sheet .form h3 {
-  display: flex;
+  font-family: "DistressBlack", sans-serif; 
-  flex-direction: row;
+  text-align: center;
-  flex-wrap: wrap;
+  text-transform: uppercase;
-  justify-content: flex-start;
+  color:#bec2bd;
-  flex: 0 0 100%;
+  font-size: 1.25em;
-  height: 102px;
+  border-bottom: none;
 }
-.system-totem .char-level {
+.actor.sheet .form h4 {
-  background: url(/systems/totem/assets/images/ui/barre_haut.webp);
+  font-family: "DistressBlack", sans-serif; 
-  height: 56px;
+  font-size: 2em;
-  background-size: cover;
+  text-transform: uppercase;
-  width: 100%;
+}
+
+.system-totem .char-header {
+  font-family: "DistressBlack", sans-serif; 
+}
+.system-totem .char-header section {
   display:flex;
-  justify-content: space-around;
+  flex-direction: column;
-  align-items: flex-end;
+  align-items: flex-start;
+  justify-content: flex-start;
+
+}
+
+.system-totem .char-header h1.char-name {
+  border-bottom: none;; 
 }
 
 .system-totem .sheet.actor .sheet-body {
@@ -263,89 +279,18 @@ ul.unstyled li {
   color: #fff;
   text-shadow: none;
 }
-.system-totem .sheet.actor .sheet-header {
+
-  border-bottom: 1px solid var(--primary-background);
-}
-.system-totem .sheet.actor .sheet-header h1 {
-  margin: 0;
-  border: none;
-}
-.system-totem .sheet.actor .sheet-header h1.charname {
-  flex-basis: 50%;
-}
-.system-totem .sheet.actor .sheet-header .editsheet {
-  flex: 3;
-  font-size: 0.625rem;
-  text-align: center;
-  margin-top: 3px;
-}
-.system-totem .sheet.actor .sheet-header .charlevel {
-  flex: 0 0 150px;
-  display: flex;
-  align-items: center;
-  text-align: right;
-}
-.system-totem .sheet.actor .sheet-header .charlevel > * {
-  flex: 1;
-}
-.system-totem .sheet.actor .sheet-header .charlevel .level {
-  font-family: var(--serif-condensed);
-  font-weight: 700;
-  align-items: center;
-  color: #444;
-  display: flex;
-  justify-content: end;
-}
-.system-totem .sheet.actor .sheet-header .charlevel .level input {
-  flex-basis: 1.5rem;
-  margin-left: 0.1em;
-  text-align: center;
-}
-.system-totem .sheet.actor .sheet-header .charlevel .xpbar {
-  width: 100%;
-  flex: 0 0 8px;
-  background: #666;
-  border: 1px solid #000;
-  border-radius: 3px;
-}
-.system-totem .sheet.actor .sheet-header .charlevel .xpbar .bar {
-  height: 4px;
-  margin: 1px;
-  display: block;
-  background: #afebff;
-  border: 1px solid #000;
-  border-radius: 2px;
-}
-.system-totem .sheet.actor .sheet-header .charlevel .experience {
-  flex: 0 0 16px;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  justify-content: flex-end;
-}
-.system-totem .sheet.actor .sheet-header .charlevel .experience > * {
-  flex: 1;
-}
-.system-totem .sheet.actor .sheet-header .charlevel .experience > input[type=text], .system-totem .sheet.actor .sheet-header .charlevel .experience > input[type=number] {
-  flex: 1;
-  text-align: right;
-  height: 16px;
-}
 
 .actor.sheet nav.sheet-navigation {
   display: inline-flex;
   justify-content: flex-end;
   align-items: center;
-  height: 30px;
+  height: 54px;
   background: var(--secondary);
-  background: url(../assets/sheet/border-pattern.webp) repeat-x top, url(../assets/sheet/border-pattern.webp) repeat-x bottom, var(--secondary);
+  background: url(../assets/images/ui/barre_haut.webp) no-repeat right top;
-  transition: all 0.1s ease-out;
+  width:100%;
-  box-shadow: 0 -1px 1px rgb(0 0 0 / 25%);
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
-  width:95%;
   position: relative;
+  padding-right:2rem;
 }
 
 .actor.sheet nav.sheet-navigation .item {

lang/en.json

@@ -8,7 +8,22 @@
   },
   "TOTEM.roll_tool": "Lanceur de dés",
   "TOTEM.roll_dice": "Jeter les dés",
-  
+  "IDENTITY": {
+    "name": "Nom",
+    "height": "Taille",
+    "weight": "Poids",
+    "totem": "Totem",
+    "age": "Age",
+    "gender": "Sexe",
+    "profile": "Profil",
+    "origin": "Origine",
+    "theme": "Concept",
+    "instincts": "Instincts",
+    "prohibits": "Interdits",
+    "objectives": "Objectifs",
+    "relations": "Relations",
+    "biography": "Histoire"
+  },
   "TOTEM": {
     "stats": "Statistiques",
     "level": "Niveau",
@@ -43,13 +58,6 @@
     "ammo": "Munitions",
     "trait": "Trait",
     "traits": "Traits",
-    "objectives": "Objectifs",
-    "theme": "Concept",
-    "instinct": "Instinct",
-    "instincts": "Instincts",
-    "prohibited": "Interdit",
-    "prohibits": "Interdits",
-    "relations": "Relations",
     "clew": "Indice"
   },
   "ITEMS": {

system.json

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

template.json

@@ -37,17 +37,13 @@
         "biography": ""
       },
       "attributes": {
-        "level": {
-          "value": 1,
-          "max":10
-        },
         "xp": {
           "value": 0,
-          "max":0
+          "max":10
         },
         "reputation": {
           "value": 0,
-          "max":0
+          "max":10
         },
         "self_control": {
           "value": 0,

templates/actor/parts/actor-id.hbs

@@ -1,29 +1,29 @@
 <ul class="padding-with-frieze unstyled">
       <li>
         <div class="flexrow flex-group-center items-center">
-            <label for="system.identity.age" class="resource-label flexlarge align-left">Age</label>
+            <label for="system.identity.age" class="resource-label flexlarge align-left">{{ localize "IDENTITY.age"}}</label>
             <input type="number" name="system.identity.age" value="{{ system.identity.age }}" data-dtype="Number"/>
-            <span>cm</span>
+            <span>ans</span>
         </div>
       </li>  
       <li>
         <div class="flexrow flex-group-center items-center">
-            <label for="system.identity.height" class="resource-label flexlarge align-left">Taille</label>
+            <label for="system.identity.height" class="resource-label flexlarge align-left">{{ localize "IDENTITY.height"}}</label>
             <input type="number" name="system.identity.height" value="{{ system.identity.height }}" data-dtype="Number"/>
             <span>cm</span>
           </div>
       </li>  
         <li>
         <div class="flexrow flex-group-center items-center">
-            <label for="system.identity.weigth" class="resource-label flexlarge align-left">Poids</label>
+            <label for="system.identity.weight" class="resource-label flexlarge align-left">{{ localize "IDENTITY.weight"}}</label>
-            <input type="number" name="system.identity.weigth" value="{{ system.identity.weigth }}" data-dtype="Number"/> 
+            <input type="number" name="system.identity.weight" value="{{ system.identity.weight }}" data-dtype="Number"/> 
             <span>kgs</span>
           </div>
       </li>   
 
         <li>
         <div class="flexcol flex-group-center items-center w-full">
-            <label for="system.identity.gender" class="resource-label flexlarge align-left">Sexe</label>
+            <label for="system.identity.gender" class="resource-label flexlarge align-left">{{ localize "IDENTITY.gender"}}</label>
             <select name="system.identity.gender" class="w-full">
               {{selectOptions config.sexes selected=system.identity.gender localize=true}}
             </select>
@@ -31,15 +31,15 @@
       </li>   
       <li>
         <div class="flexcol flex-group-center items-center w-full">
-            <label for="system.identity.sign" class="resource-label flexlarge align-left">Totem</label>
+            <label for="system.identity.totem" class="resource-label flexlarge align-left">{{ localize "IDENTITY.totem"}}</label>
-            <select name="system.identity.sign" class="w-full">
+            <select name="system.identity.totem" class="w-full">
               {{selectOptions config.totems selected=system.identity.totem localize=true}}
             </select>
           </div>
       </li>   
       <li>
         <div class="flexcol flex-group-center items-center  w-full">
-            <label for="system.identity.origin" class="resource-label flexlarge align-left">Origine</label>
+            <label for="system.identity.origin" class="resource-label flexlarge align-left">{{ localize "IDENTITY.origin"}}</label>
              <select name="system.identity.origin" class="w-full">
               {{selectOptions config.origins selected=system.identity.origin localize=true}}
             </select>

templates/actor/parts/character-header.hbs

@@ -1,19 +1,34 @@
 <!-- HEADER -->
-<header class="char-header">
+<header class="char-header flexrow flex-group-center items-center">
-    <section class="char-details">
+    {{ log system }}
-        <h1 class="char-name">
+    <section class="char-details" style="flex:50%;">
-            <input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "TOTEM.CharacterNamePlaceholder"}}" spellcheck="false" />
+        <h1 class="char-name flexrow  flex-group-left">
+            <label>{{ localize 'IDENTITY.name' }}</label>
+            <input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "TOTEM.CharacterNamePlaceholder"}}" />
         </h1>
-        
+        <div class="profile flexrow  flex-group-center">
+            <label>{{ localize 'IDENTITY.profile' }}</label>
+            <input name="system.identity.profile" type="text" value="{{system.identity.profile }}" data-dtype="String" />
+        </div>
+        <div class="flexrow  flex-group-center">
+            <label for="system.identity.age">{{ localize 'IDENTITY.age' }}</label>
+            <input type="number" name="system.identity.age" value="{{ system.identity.age }}" data-dtype="Number"/>
+        </div>      
     </section>
-    <section class="char-level">
+    <section class="char-level" style="flex:50%;">
-            <div class="reputation">
+        <div class="flexrow  flex-group-left">
-            <label>total {{ data.attributes.reputation.max }}</label>
+            <label for="system.identity.totem">{{ localize 'IDENTITY.totem' }}</label>
-            <input name="system.attributes.reputation.value" type="text" value="{{data.attributes.reputation.value }}" data-dtype="Number" placeholder="1000" size="4" />
+            <select name="system.identity.totem" class="w-full">
-            </div>
+              {{selectOptions config.totems selected=system.identity.totem localize=true}}
-            <div class="experience">
+            </select>
-                <input name="system.details.xp.value" type="text" value="{{data.attributes.xp.value}}" data-dtype="Number" data-allow-delta placeholder="0" size="4" />
+        </div>
-                <label>total {{data.attributes.xp.max}}</label>
+        <div class="reputation flexrow  flex-group-center">
+            <label>{{ localize 'TOTEM.reputation' }}</label>
+            <input name="system.attributes.reputation.value" type="text" value="{{system.attributes.reputation.value }}" data-dtype="Number" />
+        </div>
+        <div class="experience flexrow  flex-group-center">
+            <label>{{ localize 'TOTEM.experience' }}</label>
+            <input name="system.details.xp.value" type="text" value="{{system.attributes.xp.value}}" data-dtype="Number"  />
         </div>
     </section>
-    </header>
+</header>

templates/item/item-evolution-sheet.html

@@ -0,0 +1,29 @@
+<form class="{{cssClass}}" autocomplete="off">
+  <header class="sheet-header">
+    <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+    <div class="header-fields">
+      <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
+    </div>
+  </header>
+
+  {{!-- Sheet Tab Navigation --}}
+  <nav class="sheet-tabs tabs" data-group="primary">
+    <a class="item" data-tab="description">Description</a>
+    <a class="item" data-tab="attributes">Attributes</a>
+  </nav>
+
+  {{!-- Sheet Body --}}
+  <section class="sheet-body">
+
+    {{!-- Description Tab --}}
+    <div class="tab" data-group="primary" data-tab="description">
+      {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
+    </div>
+
+    {{!-- Attributes Tab --}}
+    <div class="tab attributes" data-group="primary" data-tab="attributes">
+      {{!-- As you add new fields, add them in here! --}}
+    </div>
+  </section>
+
+</form>