SIA Web Design Library

Headshot: Gravatar

No notes defined.

<span class='u-photo c-headshot c-headshot--gravatar'>
    <img class='c-headshot__image' src='https://www.gravatar.com/avatar/2edb25de296c1f4a3993de6d65a9b964?d=identicon&s=400' alt='' title='' />
</span>
 
<span class='u-photo {{ get_component_class( 'headshot', display ) }}'>
    {% if url %}
        <a href='{{ url }}' class='c-headshot__link {% if showInModal %} o-modal-trigger {% endif %}' title='{{ name }}'>
    {% endif %}
        <img class='c-headshot__image' src='{{ src|striptags }}' alt='' title='{% if name and not url %}{{ 'Photo of'|t }} {{ name }}{% endif %}' />
    {% if url %}
        </a>
    {% endif %}
</span>
 
{
  "src": "https://www.gravatar.com/avatar/2edb25de296c1f4a3993de6d65a9b964?d=identicon&s=400",
  "display": {
    "modifiers": [
      "gravatar"
    ]
  }
}