SIA Web Design Library

Team: Teaser

No notes defined.

<article class='c-team team type-team c-team--with-workflow-info c-team--active c-team--card'>
        <div class='c-workflow-info c-team__workflow-info'>
            <h2 class='sr-only'>Workflow</h2>
            <ul class='c-workflow-info__items c-worklow-info__items--1'>
                <li class='c-workflow-info__items__item c-workflow-info__items__item--1'>Active</li>
            </ul>
        </div>
        <figure class='c-team__media-wrapper'>
            <figure class='c-country-map c-country-map--with-workflow-info c-country-map--active'>
                <span class='c-country-map__map'>
                    <span class='c-icon c-icon--huge c-icon--map-at'>
                        <img src='../../graphic/maps/map-at.svg' alt='' />
                    </span> </span>
                <figcaption class='c-country-map__content'>
                    <span class='c-icon c-icon--flag-at'>
                        <img src='../../graphic/flags/at.svg' alt='' />
                    </span>
                    <p class='c-country-map__localized-name'>Österreich</p>
                </figcaption>
            </figure>
        </figure>

        <div class='c-team__content-wrapper'>

            <h1 class='c-heading c-heading--minor'>
                <a class='c-link c-link--minor ' href="https://austria.socialimpactaward.net" itemprop="item" itemid="https://austria.socialimpactaward.net" title="Austria"><span itemprop="name">Austria</span></a>
            </h1>

        </div>

    </article>
 
{% if display.view_mode == 'one-liner' %}
    <span class='{{ get_entity_class( entityType, display ) }}' {% if ISO2 %} style='background-image: url( {{ asset( ISO2 ~ '.svg', "graphic/flags" ) }} );'{% endif %}>
        {% if title %}
            {% if websiteURL %}
                {% include get_template( 'link', 'base' ) with {
                    text: title, 
                    href: websiteURL,
                    display: {
                        modifiers: [ 'muted' ]
                    }
                } %}
            {% else %}
                {{ title }}
            {% endif %}
        {% endif %}
    </span>
{% else %}
    <article class='{{ get_entity_class( entityType, display ) }}'>
        {% include get_template( display.view_mode, 'unit' ) with {
            heading: {
                text: title,
                url: websiteURL
            },
            icon: {
                iso: ISO2,
            },
            countryMap: {
                icon: {
                    iso: ISO2,
                },
                heading: NULL
            }
        } %}
    </article>
{% endif %}
 
{
  "workflowInfo": {
    "display": {
      "component": "team"
    },
    "items": {
      "status": {
        "label": "Active",
        "value": 1
      }
    }
  },
  "entityType": "team",
  "display": {
    "view_mode": "card",
    "modifiers": [
      "with-workflow-info",
      "active"
    ]
  },
  "title": "Austria",
  "localized_name": "Österreich",
  "websiteURL": "https://austria.socialimpactaward.net",
  "ISO2": "at",
  "permalink": "https://play.socialimpactaward.net/team/austria"
}