kopparhavet/templates/parts/actor/bio.html

<div class="bio-tab border" style="height: 100%; border-top: none;">
    <div class="bio-background grid-container" style="height: 100%; grid-column-gap: 5px; grid-template-rows: auto auto auto 1fr; grid-template-columns: auto 1fr auto 1fr;">
        <h1>{{localize "BACKGROUND.TITLE"}}</h1>

        <div class="name">{{localize data.data.bio.age.label}}:</div>
        <input name="data.bio.age.value" type="text" value="{{data.data.bio.age.value}}" />

        <div class="name">{{localize data.data.background.birthplace.label}}</div>
        <input name="data.background.birthplace.value" type="text" value="{{data.data.background.birthplace.value}}" />

        <div class="name">{{localize data.data.background.social.label}}</div>
        <input name="data.background.social.value" type="text" value="{{data.data.background.social.value}}" />

        <div></div>
        <div></div>

        <div class="name-top">{{localize data.data.background.events.label}}</div>
        <div class="info-bio border-thin" style="/*grid-row: 4/6; grid-column: 2;*/">
            <div class="description">
                {{editor content=data.data.background.events.value target="data.background.events.value" button=true owner=owner editable=editable}}
            </div>
        </div>


        <div class="name-top">{{localize data.data.background.contacts.label}}</div>
        <div class="info-bio border-thin" style="/*grid-row: 4/6; grid-column: 4;*/">
            <div class="description">
                {{editor content=data.data.background.contacts.value target="data.background.contacts.value" button=true owner=owner editable=editable}}
            </div>
        </div>
    </div>
</div>