You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.2 KiB
HTML
45 lines
1.2 KiB
HTML
|
|
{% assign person = include.person %}
|
|
|
|
{% comment %}
|
|
|
|
Usage: {% include person-image.html person=person %}
|
|
|
|
Sizing of the SVG is done in a viewBox, and it's resized later in CSS.
|
|
|
|
text-decoration hack is for Safari. We don't SVGs to be underlined.
|
|
|
|
{% endcomment %}
|
|
|
|
{% if person.image %}
|
|
{% capture image %}
|
|
<img class="rounded-circle profile"
|
|
alt="{{ person.display_name }}"
|
|
title="{{ person.display_name }}"
|
|
src="{{ site.base }}{{ person.image }}" />
|
|
{% endcapture %}
|
|
{% else %}
|
|
{% capture image %}
|
|
<svg class="profile noprofile"
|
|
alt="{{ person.display_name }}"
|
|
viewBox="0 0 100 100">
|
|
<title>{{ person.display_name }}</title>
|
|
<circle r="50" cx="50" cy="50" />
|
|
<text x="50" y="50"
|
|
font-size="70"
|
|
text-anchor="middle" dominant-baseline="central" >
|
|
{{ person.display_name | slice: 0 }}
|
|
</text>
|
|
</svg>
|
|
{% endcapture %}
|
|
{% endif %}
|
|
|
|
{% if person.webpage %}
|
|
<a href="{{ person.webpage | escape }}"
|
|
style="text-decoration: none">
|
|
{{ image }}
|
|
</a>
|
|
{% else %}
|
|
{{ image }}
|
|
{% endif %}
|