SIA Web Design Library

Team: Map

No notes defined.

<article class='c-team team type-team c-team--horizontal c-team--country-map'>
        <figure class='c-country-map c-country-map--horizontal'>
            <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>
                <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>
                <p class='c-country-map__localized-name'>Österreich</p>
            </figcaption>
        </figure>
    </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": "country-map",
    "modifiers": [
      "horizontal"
    ]
  },
  "title": "Austria",
  "localized_name": "Österreich",
  "websiteURL": "https://austria.socialimpactaward.net",
  "ISO2": "at",
  "permalink": "https://play.socialimpactaward.net/team/austria"
}