{% if page.term == member.term %}
<div class="col-md-3 profile-pic text-center">
    <div class="img-box">
        {% if member.picture %}
        {% capture image_url %}assets/images-team/{{ page.term }}/{{ member.picture }}
        {% endcapture %}
        <img src="{{ image_url  | relative_url }}" class="img-responsive rounded"
            alt="Portrait Picture of {{ member.name }}">
        {% else %}
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="150" height="auto">
            <!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
            <path
                d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z" />
        </svg>
        {% endif %}
        <ul>
            {% if member.website %}<li><a href="{{ member.website }}" title="{{ member.name }}'s Site" target="_blank"
                    rel="noopener nofollow noreferrer"><i class="fa fa-globe"></i></a></li>{% endif %}
            {% if member.github %}<li><a href="https://github.com/{{ member.github }}"
                    title="{{ member.name }}'s Github" target="_blank" rel="noopener nofollow noreferrer"><i
                        class="fab fa-github-square"></i></a></li>{% endif %}
            {% if member.linkedin %}<li><a href="https://www.linkedin.com/in/{{ member.linkedin }}"
                    title="{{ member.name }}'s Linkedin" target="_blank" rel="noopener nofollow noreferrer"><i
                        class="fab fa-linkedin"></i></a></li>{% endif %}
            {% if member.twitter %}<li><a href="https://www.twitter.com/{{ member.twitter }}"
                    title="{{ member.name }}'s Twitter" target="_blank" rel="noopener nofollow noreferrer"><i
                        class="fab fa-twitter-square"></i></a></li>{% endif %}
            {% if member.instagram %}<li><a href="https://www.instagram.com/{{ member.instagram }}"
                    title="{{ member.name }}'s Instagram" target="_blank" rel="noopener nofollow noreferrer"><i
                        class="fab fa-instagram-square"></i></a></li>{% endif %}
            {% if member.facebook %}<li><a href="https://www.facebook.com/{{ member.facebook }}"
                    title="{{ member.name }}'s Facebook" target="_blank" rel="noopener nofollow noreferrer"><i
                        class="fab fa-facebook-square"></i></a></li>{% endif %}
        </ul>
    </div>
    <h2>{{ member.name }}</h2>
    <h3>{{ member.title }}</h3>
    <p>{{ member.bio }}</p>
</div>
{% endif %}