{{ $ribbon := .ribbon -}}

{{ if $ribbon.image -}}
<div class="ribbon">
    <div class="ribbon-part f-1">
        {{ with $ribbon.image -}}
        <img src="{{ . }}" style="height: {{ $ribbon.height }}px" />
        {{- end }}
    </div>
</div>
{{ else -}}
<div class="ribbon">
    <div class="ribbon-part f-1">
        {{ with $ribbon.left -}}
        <img src="{{ . }}" style="height: {{ $ribbon.height }}px" />
        {{- end }}
    </div>
    {{ range $ribbon.middle -}}
    <div class="ribbon-part">
        <img src="{{ . }}" style="height: {{ $ribbon.height }}px" />
    </div>
    {{- end }}
    <div class="ribbon-part f-1 flip-h">
        {{ with $ribbon.right -}}
        <img src="{{ . }}" style="height: {{ $ribbon.height }}px" />
        {{- end }}
    </div>
</div>
{{- end }}