lovasoa
43 lines
1.9 KiB
Handlebars
43 lines
1.9 KiB
Handlebars
<div class="row row-cards d-flex align-items-stretch justify-content-center my-3">
|
|
{{#each_row}}
|
|
<div class="col-sm-6 col-lg-{{default size 3}} d-flex">
|
|
<div class="card card-md flex-fill d-flex flex-column">
|
|
{{#if icon}}
|
|
<div class="ribbon ribbon-top ribbon-bookmark bg-{{default icon_color 'green'}}">
|
|
{{~icon_img icon~}}
|
|
</div>
|
|
{{/if}}
|
|
<div class="card-body d-flex flex-column justify-content-between">
|
|
<div>
|
|
<div class="text-uppercase text-secondary font-weight-medium text-center">{{title}}</div>
|
|
<div class="my-3 text-center"><span class="display-5 fw-bold text-{{value_color}}">{{value}}</span> {{#if small_text}}<small class="fs-6">{{small_text}}</small>{{/if}}</div>
|
|
<ul class="list-unstyled lh-lg">
|
|
<li class="mb-3">{{description}} {{#if description_md}}<small>{{{markdown description_md}}}</small>{{/if}}</li>
|
|
{{#each item}}
|
|
{{#if (eq (typeof this) 'string')}}
|
|
<li><span class="text-indigo me-2">{{icon_img 'arrow-narrow-right'}}</span> {{this}}</li>
|
|
{{/if}}
|
|
{{#if (eq (typeof this) 'object')}}
|
|
<li class="d-flex">
|
|
<span class="{{#if color}}text-{{color}}{{/if}} me-{{#if icon}}2{{else}}5{{/if}}">{{~icon_img icon~}}</span>
|
|
{{#if link}}
|
|
<p><a href="{{link}}" class="text-decoration-none">{{description}}</a></p>
|
|
{{else}}
|
|
<p>{{description}}</p>
|
|
{{/if}}
|
|
{{#if description_md}}{{{markdown description_md}}}{{/if}}
|
|
</li>
|
|
{{/if}}
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
{{#if button_text}}
|
|
<div class="text-center">
|
|
<a href="{{link}}" {{#if target}}target="{{target}}"{{/if}} class="btn w-100 {{#if button_color}}btn-{{button_color}}{{/if}}">{{button_text}}</a>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each_row}}
|
|
</div> |