67 lines
2.0 KiB
HTML
67 lines
2.0 KiB
HTML
<template name="persona">
|
|
<div class="column-container animation-slider">
|
|
{{#with characterDetails}}
|
|
<div>
|
|
<paper-material class="card">
|
|
{{#unless picture}}
|
|
<div class="top paper-font-subhead characterField {{colorClass}}">
|
|
<div class="paper-font-subhead flex">
|
|
{{name}}
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<iron-image class="characterField clickable"
|
|
style="height:350px; width: 100%;
|
|
background-color: #424242;"
|
|
sizing="contain"
|
|
src={{picture}}></iron-image>
|
|
{{/unless}}
|
|
<div class="bottom">
|
|
{{#if picture}}
|
|
<div class="paper-font-title">
|
|
{{name}}
|
|
</div>
|
|
{{/if}}
|
|
<div class="paper-font-subhead">
|
|
{{alignment}} {{gender}} {{race}}
|
|
</div>
|
|
</div>
|
|
</paper-material>
|
|
</div>
|
|
{{/with}}
|
|
<div>{{> containerCard characterField "description" "Description"}}</div>
|
|
<div>{{> containerCard characterField "personality" "Personality Traits"}}</div>
|
|
<div>{{> containerCard characterField "ideals" "Ideals"}}</div>
|
|
<div>{{> containerCard characterField "bonds" "Bonds"}}</div>
|
|
<div>{{> containerCard characterField "flaws" "Flaws"}}</div>
|
|
<div>{{> containerCard characterField "backstory" "Background"}}</div>
|
|
<div>
|
|
<paper-material class="card">
|
|
<div class="white top paper-font-subhead">
|
|
Languages
|
|
</div>
|
|
<div class="bottom list">
|
|
{{#each languages}}
|
|
{{> proficiencyListItem}}
|
|
{{/each}}
|
|
</div>
|
|
</paper-material>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="containerCard">
|
|
{{#containerCardHelper this}}{{evaluateShortString _id body}}{{/containerCardHelper}}
|
|
</template>
|
|
|
|
<template name="containerCardHelper">
|
|
<paper-material class="card {{class}}">
|
|
<div class="top paper-font-subhead {{colorClass}} {{topClass}}">
|
|
<div class="paper-font-subhead flex">
|
|
{{title}}
|
|
</div>
|
|
</div>
|
|
<div class="bottom">{{#markdown}}{{> UI.contentBlock}}{{/markdown}}</div>
|
|
</paper-material>
|
|
</template>
|