78 lines
2.5 KiB
HTML
78 lines
2.5 KiB
HTML
<template name="persona">
|
|
<div fit>
|
|
<div id="persona" class="scroll-y" fit>
|
|
<div class="column-container">
|
|
{{#with characterDetails}}
|
|
<div>
|
|
<paper-material class="card"
|
|
hero-id="main" {{detailHero "details" _id}}>
|
|
{{#unless picture}}
|
|
<div class="top subhead characterField {{colorClass}}"
|
|
hero-id="toolbar" {{detailHero "details" _id}}>
|
|
<div class="subhead" flex
|
|
hero-id="title" {{detailHero "details" _id}}>
|
|
{{name}}
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<core-image class="characterField clickable"
|
|
style="height:350px; width: 100%;
|
|
background-color: #e8e8e8;"
|
|
sizing="cover"
|
|
hero-id="image" {{detailHero "details" _id}}
|
|
src={{picture}}></core-image>
|
|
{{/unless}}
|
|
<div class="bottom">
|
|
{{#if picture}}
|
|
<div class="title" hero-id="title" {{detailHero "details" _id}}>
|
|
{{name}}
|
|
</div>
|
|
{{/if}}
|
|
<div class="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 subhead">
|
|
Languages
|
|
</div>
|
|
<div class="bottom list">
|
|
{{#each languages}}
|
|
{{> proficiencyListItem}}
|
|
{{/each}}
|
|
</div>
|
|
</paper-material>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="containerCard">
|
|
{{#containerCardHelper this}}{{evaluateString _id body}}{{/containerCardHelper}}
|
|
</template>
|
|
|
|
<template name="containerCardHelper">
|
|
<paper-material class="card {{class}}"
|
|
hero-id="main" {{detailHero field ../_id}}>
|
|
<div class="top subhead {{colorClass}} {{topClass}}"
|
|
hero-id="toolbar" {{detailHero field ../_id}}>
|
|
<div class="subhead" flex
|
|
hero-id="title" {{detailHero field ../_id}}>
|
|
{{title}}
|
|
</div>
|
|
</div>
|
|
<div class="bottom">{{#markdown}}{{> UI.contentBlock}}{{/markdown}}</div>
|
|
</paper-material>
|
|
</template>
|