Natürlich.SH Team-Seite

{# 
See it working here: https://www.natuerlich-sh.de/stammbesetzung/
I use free text for each contributor and call the template for every which one like this: 
[podlove-template template="EinzelContributor" id="gesche" show_name="yes" social="yes" donations="yes"] 
#}

{% if option.avatar_size %} 
    {% set avatar_size = option.avatar_size %}
{% else %}
    {% set avatar_size = '128' %}
{% endif %}

<div class="contributor-profile">
	{% set contributor = podcast.contributors({scope: "global", id: option.id}) %}
    {% if contributor %}
        {{ contributor.image.html({ width: avatar_size, title: contributor.name, alt: contributor.name }) }}
	    {%if option.show_name == "yes" %}
		<br/>
		<p class="ContributorName">{{ contributor.name }}</p>
		{% endif %}

        {% if option.social == "yes" %}
			{% for service in contributor.services({category: "social"}) %}
                <a target="_blank" title="{{ service.title }}" href="{{ service.profileUrl }}" style="color: white">
                    {{ service.image.html({width: 20, heigth: 20, alt: service.name, class: contributor-service}) }}
                </a>&nbsp;
			{% endfor %}
		{% endif %}

        {% if option.donations == "yes" %}
            <br />
			{% for service in contributor.services({category: "donation"}) %}
                <a target="_blank" title="{{ service.title }}" href="{{ service.profileUrl }}" style="color: white">
                    {{ service.image.html({width: 20, heigth: 20, alt: service.name, class: contributor-service}) }}
                </a>&nbsp;
			{% endfor %}
		{% endif %}

	{% endif %}
</div>



<style>
	.contributor-profile {
		float:right;
	    margin-left: 20px;
	    font-family: Kanit;
	    margin-bottom: 80px;
   }
   .ContributorName {
       margin-top: -10px;
       margin-bottom: 10px;
       font-family: Kanit;
       font-weight: bold;
   }
   .contributor-service {
       margin-top: 18px;
       margin-right: 3px;
   }

</style>