Page

[%
var width = 0, height = 0;
if (metadata.image) {
    width  = metadata.image.width;
    height = metadata.image.height;
}
%]
<div class="k-details">
    <div class="k-card">
        <div class="k-card__body">
            <div class="k-card__section k-card__section--small-spacing">
                <div class="k-ratio-block k-ratio-block--4-to-3 k-overflow-hidden">
                    <div class="k-loader"></div>
                    <div class="k-ratio-block__body">
                        <div class="k-ratio-block__centered">
                            <img class="icon" src="" alt="[%=name%]" border="0" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <dl>
        <dt>Name</dt>
        <dd class="k-ellipsis"><span class="k-ellipsis__item">[%=name%]</span></dd>
        [% if (width && height) { %]
        <dt>Dimensions</dt>
        <dd>[%=width%] x [%=height%]</dd>
        [% } %]
        <dt>Size</dt>
        <dd>[%=size.humanize()%]</dd>
    </dl>
</div>