header + template 0.0.8
This commit is contained in:
François-Xavier Guillois
Binary file not shown.
@@ -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;
|
||||
|
||||
+37
-92
@@ -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 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
flex: 0 0 100%;
|
||||
height: 102px;
|
||||
.actor.sheet .form h3 {
|
||||
font-family: "DistressBlack", sans-serif;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
color:#bec2bd;
|
||||
font-size: 1.25em;
|
||||
border-bottom: none;
|
||||
}
|
||||
.system-totem .char-level {
|
||||
background: url(/systems/totem/assets/images/ui/barre_haut.webp);
|
||||
height: 56px;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
.actor.sheet .form h4 {
|
||||
font-family: "DistressBlack", sans-serif;
|
||||
font-size: 2em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.system-totem .char-header {
|
||||
font-family: "DistressBlack", sans-serif;
|
||||
}
|
||||
.system-totem .char-header section {
|
||||
display:flex;
|
||||
justify-content: space-around;
|
||||
align-items: flex-end;
|
||||
flex-direction: column;
|
||||
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);
|
||||
transition: all 0.1s ease-out;
|
||||
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%;
|
||||
background: url(../assets/images/ui/barre_haut.webp) no-repeat right top;
|
||||
width:100%;
|
||||
position: relative;
|
||||
padding-right:2rem;
|
||||
}
|
||||
|
||||
.actor.sheet nav.sheet-navigation .item {
|
||||
|
||||
+16
-8
@@ -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": {
|
||||
|
||||
+1
-1
@@ -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",
|
||||
|
||||
+2
-6
@@ -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,
|
||||
|
||||
@@ -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>
|
||||
<input type="number" name="system.identity.weigth" value="{{ system.identity.weigth }}" data-dtype="Number"/>
|
||||
<label for="system.identity.weight" class="resource-label flexlarge align-left">{{ localize "IDENTITY.weight"}}</label>
|
||||
<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>
|
||||
<select name="system.identity.sign" class="w-full">
|
||||
<label for="system.identity.totem" class="resource-label flexlarge align-left">{{ localize "IDENTITY.totem"}}</label>
|
||||
<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>
|
||||
|
||||
@@ -1,19 +1,34 @@
|
||||
<!-- HEADER -->
|
||||
<header class="char-header">
|
||||
<section class="char-details">
|
||||
<h1 class="char-name">
|
||||
<input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "TOTEM.CharacterNamePlaceholder"}}" spellcheck="false" />
|
||||
<header class="char-header flexrow flex-group-center items-center">
|
||||
{{ log system }}
|
||||
<section class="char-details" style="flex:50%;">
|
||||
<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>
|
||||
|
||||
</section>
|
||||
<section class="char-level">
|
||||
<div class="reputation">
|
||||
<label>total {{ data.attributes.reputation.max }}</label>
|
||||
<input name="system.attributes.reputation.value" type="text" value="{{data.attributes.reputation.value }}" data-dtype="Number" placeholder="1000" size="4" />
|
||||
</div>
|
||||
<div class="experience">
|
||||
<input name="system.details.xp.value" type="text" value="{{data.attributes.xp.value}}" data-dtype="Number" data-allow-delta placeholder="0" size="4" />
|
||||
<label>total {{data.attributes.xp.max}}</label>
|
||||
<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>
|
||||
</header>
|
||||
<section class="char-level" style="flex:50%;">
|
||||
<div class="flexrow flex-group-left">
|
||||
<label for="system.identity.totem">{{ localize 'IDENTITY.totem' }}</label>
|
||||
<select name="system.identity.totem" class="w-full">
|
||||
{{selectOptions config.totems selected=system.identity.totem localize=true}}
|
||||
</select>
|
||||
</div>
|
||||
<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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user