Newer
Older
pre-www / src / layout / partials / card.twig
<{% if card.columns %}div{% else %}a href="{{card.url}}"{% endif %} class="card{% if card.columns %} card--columns{% endif %}{% if card.text %} card--span{% endif %} {{card.classes}}">
    {% if card.columns %}
        <div>
            <header>
                <p>{{card.title}} <a href="{{card.url}}"><svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.7112 9.00003L15.9329 1.67943L17.4004 0.320618L26.3628 10L17.4004 19.6794L15.9329 18.3206L22.7112 11H0V9.00003H22.7112Z" fill="currentColor"/></svg></a></p>
                {% if card.subtitle %}
                    <p>{{card.subtitle}}</p>
                {% endif %}
            </header>
            <footer>
                {% if card.info %}
                    <p>{{card.info}}</p>
                {% endif %}
                <ul>
                    {% if card.email %}
                        <li><a href="mailto:{{card.email}}">{{card.email}}</a></li>
                    {% endif %}
                    {% if card.phone %}
                        <li><a href="tel:{{card.phone}}">{{card.phone}}</a></li>
                    {% endif %}
                    {% if card.links %}
                        {% for link in card.links %}
                            <li><a href="{{link.url}}">{{link.name}}</a></li>
                        {% endfor %}
                    {% endif %}
                </ul>
            </footer>
        </div>
        {% if card.text %}
            <div>
                <p>{{card.text}}</p>
            </div>
        {% endif %}                   
    {% else %}
        {% if card.show_excerpt %}
            <p class="card__excerpt">{{card.excerpt}}</p>
        {% endif %}
        {% if card.show_category %}
            <p class="card__category">{{card.category}}</p>
        {% endif %}
        {% if card.image %}
            <div class="card__img">
                {% include "./picture.twig" with {"image": card.image } %}
            </div>
        {% endif %}
        <div class="card__title">
            <p>{{card.title}}</p>
            <svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.7112 9.00003L15.9329 1.67943L17.4004 0.320618L26.3628 10L17.4004 19.6794L15.9329 18.3206L22.7112 11H0V9.00003H22.7112Z" fill="currentColor"/></svg>
        </div>
    {% endif %}
    
</{% if card.columns %}div{% else %}a{% endif %}>