SIA Web Design Library

Profile: Full

No notes defined.

<article class='c-profile profile type-profile c-profile--with-workflow-info c-profile--full'>
    <div class='c-workflow-info c-profile__workflow-info'>
        <h2 class='sr-only'>Workflow</h2>
        <ul class='c-workflow-info__items c-worklow-info__items--2'>
            <li class='c-workflow-info__items__item c-workflow-info__items__item--1'>Active</li>
            <li class='c-workflow-info__items__item c-workflow-info__items__item--0'>Matched</li>
        </ul>
    </div>

    <section class='c-banner c-banner--with-workflow-info'>
        <div class='c-banner__content-wrapper'>
            <span class='u-photo c-headshot c-headshot--with-workflow-info'>
                <img class='c-headshot__image' src='/images/portrait-Peter-Vandor-1x1.jpg' alt='' title='' />
            </span>
            <header class='c-section-header c-section-header--with-workflow-info'>

                <p class='c-section-header__supra'><span>mentor</span></p>

                <h1 class='c-heading c-heading--with-workflow-info'>
                    John Doe
                </h1>

            </header>
            <div class='c-meta c-meta--with-workflow-info'>

                <span class='c-meta__freeform'>
                    Founder and Academic Director, WU
                </span>
            </div>

        </div>
    </section>

    <section class='c-profile__details container'>
        <div class='c-profile__about'>
            <div class='c-lead c-lead--with-workflow-info'>
                <p>Peter was nominated as Global Shaper by the World Economic Forum in 2012.</p>
            </div>
        </div>

        <div class='row'>

            <div class='col-lg-8'>
                <div class='c-embed c-embed--video'>
                    <div class="o-embed 
                    o-embed--16by9
        ">
                        <iframe class="o-embed-item" src="https://www.youtube.com/embed/8Wa11VKjBnA" allowfullscreen=""></iframe>
                    </div>
                </div>
                <div class='c-profile__bio'>
                    <h4>Bio</h4>
                    <p>Peter Vandor is the founder and academic director of Social Impact Award. He also serves as a senior researcher and manager of the Social Entrepreneurship Center at WU, the Vienna University of Economics and Business. In his position, he has been leading 50+ collaboration projects with organizations such as ERSTE Foundation, CERN, UNDP, and the Roland Berger Foundation. His research focuses on social entrepreneurship, migrant entrepreneurship, and innovation and has been published in the Journal of Business Venturing and Harvard Business Review. Peter was nominated as Global Shaper by the World Economic Forum in 2012.</p>
                </div>
            </div>

            <div class='c-profile__contact col-lg-4'>
                <h4>Contact</h4>
                <div class='h-card c-index-card c-index-card--with-workflow-info'>
                    <div class="c-index-card__media-wrapper">
                        <span class='u-photo c-headshot c-index-card__headshot'>
                            <a href='/components/preview/profile--full.html' class='c-headshot__link  o-modal-trigger ' title='John Doe'>
                                <img class='c-headshot__image' src='/images/portrait-Peter-Vandor-1x1.jpg' alt='' title='' />
                            </a>
                        </span>
                    </div>
                    <div class='c-index-card__entity c-index-card__content-wrapper'>
                        <span class='p-role'>mentor</span>

                        <span class='p-name'><a class='u-url  o-modal-trigger ' href='/components/preview/profile--full.html'>John Doe</a></span>

                        <span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>

                            <span class='p-job-title'>Founder and Academic Director</span>

                            <a href='https://wu.at' class='u-url p-org c-link--muted'>WU</a>
                        </span>
                        <span class='p-adr h-adr'>
                            <span class='postal-code'>1070</span>, <span class='locality'>Vienna</span>, <span class='country-name'>Austria</span> </span>
                        <span class='c-index-card__entity__links'>

                            <span class='u-email'>
                                <a class='u-email c-link--muted c-link--minimal' href='mailto:peter.vandor@socialimpactaward.net'>peter.vandor@socialimpactaward.net</a>
                            </span>

                            <span class='p-tel'>
                                <a class='p-tel c-link--muted c-link--minimal' href='tel:+436606493214'>+436606493214</a>
                            </span>
                        </span>
                        <div class='c-social-links c-social-links--with-workflow-info'>
                            <ul class='c-social-links__items u-list--unstyled u-list--inline'>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--website c-social-links__link ' href="" itemprop="item" itemid=""><span itemprop="name"></span></a>
                                </li>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--facebook c-social-links__link ' href="" itemprop="item" itemid=""><span itemprop="name"></span></a>
                                </li>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--linkedin c-social-links__link ' href="" itemprop="item" itemid=""><span itemprop="name"></span></a>
                                </li>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--instagram c-social-links__link ' href="" itemprop="item" itemid=""><span itemprop="name"></span></a>
                                </li>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--twitter c-social-links__link ' href="" itemprop="item" itemid=""><span itemprop="name"></span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% if workflowInfo %}
        {% include get_template( 'workflow-info', 'unit' ) with workflowInfo %}
    {% endif %}

    {% if not meta %}
        {% set meta = {
            items: [ indexCard.role ~ ', ' ~ indexCard.organisation ] 
        } %}
    {% endif %}
    
    {% if highlight %}
        {% set countryMeta %}
            {% include get_template( highlight.component, highlight.type ) with highlight.config %}
        {% endset %}

        {% set meta = meta|merge( { items: meta.items|merge( [ countryMeta ] ) } ) %}
    {% endif %}

    {% include get_template( 'banner', 'unit' ) with {
        headshot:indexCard.headshot,
        header: {
            supraheading: indexCard.kind,
            heading: { 
                text: indexCard.name
            },
            lead: NULL,
        },
        button: NULL,
        meta: meta
    } %}

    {% if venture_matches %}
        <section class='c-{{ entityType }}__venture_match container'>
            <h4>{{ 'Venture matches'|t }}</h4>
            {% include get_template( 'entities', 'group' ) with venture_matches %}
        </section>
    {% endif %}

    <section class='c-{{ entityType }}__details container'>
        {% if about %}
            <div class='c-{{ entityType }}__about'>
                {% include get_template( 'lead', 'unit' ) with { content: about|raw } %}
            </div>
        {% endif %}
        
        <div class='row'>
            {% if expertise %}
                <div class='c-{{ entityType }}__expertise col-lg-8'>
                    <h4>{{ 'Expertise'|t }}</h4>
                    <p>{{ expertise|raw }}</p>
                </div>
            {% endif %}

            {% if bio or videoEmbed %}
                <div class='col-lg-8'>
                    {% if videoEmbed %}
                        {% include get_template( 'embed', 'unit' ) with videoEmbed %}
                    {% endif %}
                    {% if bio %}
                        <div class='c-{{ entityType }}__bio'>
                            <h4>{{ 'Bio'|t }}</h4>
                            {{ bio|raw }}
                        </div>
                    {% endif %}
                </div>
            {% endif %}

            <div class='c-{{ entityType }}__contact col-lg-4'>
                {% if indexCard.socialLinks or indexCard.adr or indexCard.email or indexCard.tel %}
                    <h4>{{ 'Contact'|t }}</h4>
                {% endif %}
                {% include get_template( 'index-card', 'unit' ) with indexCard %}
            </div>
        </div>
    </section>

    {% if links or button %}
        {% include get_template( 'app-bar', 'region' ) with {
            links: links,
            button: button
        } %}
    {% endif %}
</article>
 
{
  "display": {
    "modifiers": [
      "with-workflow-info"
    ]
  },
  "workflowInfo": {
    "display": {
      "component": "profile"
    },
    "items": {
      "status": {
        "label": "Active",
        "value": 1
      },
      "has_match": {
        "label": "Matched",
        "value": 0
      }
    }
  },
  "entityType": "profile",
  "bio": "<p>Peter Vandor is the founder and academic director of Social Impact Award. He also serves as a senior researcher and manager of the Social Entrepreneurship Center at WU, the Vienna University of Economics and Business. In his position, he has been leading 50+ collaboration projects with organizations such as ERSTE Foundation, CERN, UNDP, and the Roland Berger Foundation. His research focuses on social entrepreneurship, migrant entrepreneurship, and innovation and has been published in the Journal of Business Venturing and Harvard Business Review. Peter was nominated as Global Shaper by the World Economic Forum in 2012.</p>",
  "about": "<p>Peter was nominated as Global Shaper by the World Economic Forum in 2012.</p>",
  "videoEmbed": {
    "display": {
      "modifiers": [
        "video"
      ]
    },
    "content": "https://www.youtube.com/embed/8Wa11VKjBnA"
  },
  "indexCard": {
    "kind": "mentor",
    "headshot": {
      "src": "/images/portrait-Peter-Vandor-1x1.jpg"
    },
    "name": "John Doe",
    "url": "/components/preview/profile--full.html",
    "email": "peter.vandor@socialimpactaward.net",
    "tel": "+436606493214",
    "role": "Founder and Academic Director",
    "organisation": "WU",
    "organisationUrl": "https://wu.at",
    "adr": {
      "postal-code": 1070,
      "locality": "Vienna",
      "country-name": "Austria"
    },
    "socialLinks": {
      "items": {
        "website": {
          "url": "#"
        },
        "facebook": {
          "url": "#"
        },
        "linkedin": {
          "url": "#"
        },
        "instagram": {
          "url": "#"
        },
        "twitter": {
          "url": "#"
        }
      }
    },
    "showInModal": true
  }
}