{% macro tnaCard(params) %} {%- set htmlElement = params.htmlElement if params.htmlElement else 'article' -%} {%- set containerClasses = [params.classes] if params.classes else [] -%} {%- if params.fullAreaClick and params.href and not params.actions -%} {%- set containerClasses = containerClasses + ['tna-card--full-click'] -%} {%- endif -%} {%- if params.horizontal -%} {%- set containerClasses = containerClasses + ['tna-card--horizontal'] -%} {%- endif -%} {%- if params.horizontalOnSmall -%} {%- set containerClasses = containerClasses + ['tna-card--horizontal-on-small'] -%} {%- endif -%} {%- if params.horizontalFlipped -%} {%- set containerClasses = containerClasses + ['tna-card--flipped'] -%} {%- endif -%} {%- if params.horizontalSmallImage -%} {%- set containerClasses = containerClasses + ['tna-card--horizontal-small-image'] -%} {%- endif -%} {%- if params.style -%} {%- set containerClasses = containerClasses + ['tna-card--padded'] -%} {%- endif -%} {%- if params.style == "contrast" -%} {%- set containerClasses = containerClasses + ['tna-background-contrast'] -%} {%- elif params.style == "tint" -%} {%- set containerClasses = containerClasses + ['tna-background-tint'] -%} {%- elif params.style == "accent" -%} {%- set containerClasses = containerClasses + ['tna-background-accent'] -%} {%- endif -%} {%- set classes = ' '.join(containerClasses) -%} <{{ htmlElement }} class="tna-card{% if classes %} {{ classes }}{% endif %}" {%- if params.attributes %}{% for attribute, value in params.attributes.items() %} {{ attribute }}{% if value != '' %}="{{ value }}"{% endif %}{% endfor %}{% endif %}> {%- if params.supertitle %} {{ params.supertitle }} {%- if params.href %} {{ params.title }} {%- else %} {{ params.title }} {%- endif %} {%- else %} {%- if params.href %} {{ params.title }} {%- else %} {{ params.title }} {%- endif %} {%- endif %} {%- if params.imageSrc %} {%- if params.href and (not params.fullAreaClick or params.actions) %} {%- else %} {%- endif %} {%- if params.imageSources %} {%- for source in params.imageSources %} {%- endfor %} {% endif %} {%- if params.label %} {{ params.label }} {%- endif %} {%- if params.href and (not params.fullAreaClick or params.actions) %} {%- else %} {%- endif %} {%- endif %} {%- if params.meta or params.text or params.body or params.actions %} {%- if params.meta %} {%- for item in params.meta %} {{ item.title }} {%- if item.icon %} {%- endif %} {{ item.text }} {%- endfor %} {%- endif %} {%- if params.text %} {{ params.text }} {%- else %} {{ params.body | safe }} {%- endif %} {%- if params.actions %} {%- for item in params.actions %} {{ item.text }} {%- endfor %} {%- endif %} {%- endif %} {{ htmlElement }}> {% endmacro %}
{{ params.supertitle }}
{{ params.text }}