Neo-Tokyo Neon Noir design pour fiches items
- Nouvelle palette : #080c14 fond, accents néon par type (#00d4d4 item, #ff3d5a kungfu, #4a9eff spell, #cc44ff supernatural) - Nouveaux composants LESS : .cde-neon-header (clip-path angulaire + accent line), .cde-avatar (clip-path), .cde-stat-grid/.cde-stat-cell (style terminal), .cde-badge (parallélogramme), .cde-neon-tabs (underline néon animé), .cde-check-cell - Fix layout : .cde-sheet width: 100% + height: 100% + overflow: hidden, .cde-tab-body flex: 1 + min-height: 0, .cde-notes-editor flex stretch - Fix positions : DEFAULT_OPTIONS height explicite pour tous les types (item 620x580, spell 660x680, kungfu 720x680, supernatural 560x520) - 4 templates items reécrits avec nouvelles classes et structure épurée Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
130
templates/actor/cde-character-sheet.html
Normal file
130
templates/actor/cde-character-sheet.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<form class="flexcol cde-sheet cde-actor {{cssClass}}" autocomplete="off">
|
||||
{{log 'actor-sheet' this}}
|
||||
|
||||
<header class="cde-header cde-actor-header">
|
||||
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" />
|
||||
<div class="header-fields">
|
||||
<div class="cde-header-top">
|
||||
<h1 class="charname">
|
||||
<input name="name" type="text" value="{{actor.name}}" placeholder="{{ localize 'CDE.PCName' }}" />
|
||||
</h1>
|
||||
<button type="button" class="cde-icon-button click-prefs" title="{{ localize 'CDE.Preferences' }}">
|
||||
<i class="fas fa-gear"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="cde-grid two">
|
||||
<div class="cde-field">
|
||||
<label>{{ localize "CDE.Concept" }}</label>
|
||||
<input type="text" name="system.concept" value="{{systemData.concept}}" placeholder="{{ localize 'CDE.Concept' }}" />
|
||||
</div>
|
||||
<div class="cde-field">
|
||||
<label>{{ localize "CDE.CelestialGuardian" }}</label>
|
||||
<select name="system.guardian">
|
||||
{{#select systemData.guardian }}
|
||||
<option value="0">{{ localize "CDE.CelestialGuardian" }}</option>
|
||||
<option value="1">{{ localize "CDE.CelestialGuardian1" }}</option>
|
||||
<option value="2">{{ localize "CDE.CelestialGuardian2" }}</option>
|
||||
<option value="3">{{ localize "CDE.CelestialGuardian3" }}</option>
|
||||
<option value="4">{{ localize "CDE.CelestialGuardian4" }}</option>
|
||||
<option value="5">{{ localize "CDE.CelestialGuardian5" }}</option>
|
||||
{{/select}}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cde-quick-meta">
|
||||
<div class="cde-tag">
|
||||
<span class="cde-pill character">{{ localize "CDE.PCName" }}</span>
|
||||
<span>Chroniques de l'Étrange</span>
|
||||
</div>
|
||||
<div class="cde-initiative-card">
|
||||
<label>{{ localize "CDE.Initiative" }}</label>
|
||||
<div class="cde-initiative-controls">
|
||||
<img
|
||||
class="click-initiative"
|
||||
data-libel-id="minus"
|
||||
src="systems/fvtt-chroniques-de-l-etrange/images/kung-fu/kung-fu-2-moins.png"
|
||||
title="{{ localize 'CDE.MinusInitiative' }}"
|
||||
alt="Init -"
|
||||
/>
|
||||
<span class="cde-initiative-value">{{systemData.initiative}}</span>
|
||||
<img
|
||||
class="click-initiative"
|
||||
data-libel-id="create"
|
||||
src="systems/fvtt-chroniques-de-l-etrange/images/kung-fu/kung-fu-2.png"
|
||||
title="{{ localize 'CDE.DeterminateInitiative' }}"
|
||||
alt="Init set"
|
||||
/>
|
||||
<img
|
||||
class="click-initiative"
|
||||
data-libel-id="plus"
|
||||
src="systems/fvtt-chroniques-de-l-etrange/images/kung-fu/kung-fu-2-plus.png"
|
||||
title="{{ localize 'CDE.PlusInitiative' }}"
|
||||
alt="Init +"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<nav class="sheet-tabs tabs cde-tabs" data-group="primary">
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="description">{{ localize "CDE.Description" }}</a>
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="nghang">{{ localize "CDE.NgHang" }}</a>
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="skills">{{ localize "CDE.Skills" }}</a>
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="treasures">{{ localize "CDE.Treasures" }}</a>
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="magics">{{ localize "CDE.Magics" }}</a>
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="spells">{{ localize "CDE.Spells" }}</a>
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="kungfus">{{ localize "CDE.KungFu" }}</a>
|
||||
<a class="item" data-action="tab" data-group="primary" data-tab="items">{{ localize "CDE.Items" }}</a>
|
||||
</nav>
|
||||
|
||||
<section class="sheet-body cde-tab-body">
|
||||
<div class="tab" data-group="primary" data-tab="description">
|
||||
<div class="cde-card cde-notes-editor">
|
||||
{{editor descriptionHTML target="system.description" button=true editable=editable engine="prosemirror"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab" data-group="primary" data-tab="nghang">
|
||||
<div class="cde-card cde-data-table">
|
||||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-character-nghang.html"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab" data-group="primary" data-tab="skills">
|
||||
<div class="cde-card cde-data-table">
|
||||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-character-skills.html"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab" data-group="primary" data-tab="treasures">
|
||||
<div class="cde-card cde-data-table">
|
||||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-character-treasures.html"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab" data-group="primary" data-tab="magics">
|
||||
<div class="cde-card cde-data-table">
|
||||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-character-magics.html"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab" data-group="primary" data-tab="spells">
|
||||
<div class="cde-card cde-data-table">
|
||||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-character-spells.html"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab" data-group="primary" data-tab="kungfus">
|
||||
<div class="cde-card cde-data-table">
|
||||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-character-kungfus.html"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab" data-group="primary" data-tab="items">
|
||||
<div class="cde-card cde-data-table">
|
||||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-character-items.html"}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
Reference in New Issue
Block a user