members.twig

{% extends "_layout.twig" %}
{% from "_utilities.twig" import retina_crop %}

{% block subtitle %}Members{% endblock %}

{% block content %}
	<h1 class="section-heading">Members</h1>
	{% if records is empty %}
	<p class="no-content">There are no members. Ooops.</p>
	{% endif %}
	{% for record in records %}
		{% if loop.first %}
			<div class="member-row-4"><div class="member-row-2">
		{% else %}
			{% if loop.index0 is divisible by(2) %}
				{% if loop.index0 is divisible by(4) %}
					</div></div><div class="member-row-4"><div class="member-row-2">
				{% else %}
					</div><div class="member-row-2">
				{% endif %}
			{% endif %}
		{% endif %}
		<div class="member-list">
			<div class="member-thumb">
			{%- if record.image is not empty -%}
				<a href="{{ record.link }}"><img {{ retina_crop(record.image, 285, 285) }} alt="record.title"></a>
			{%- else -%}
				<a href="{{ record.link }}"><div class="no-thumb no-thumb-square"></div></a>
			{%- endif -%}
				<div class="member-live" data-member-slug="{{ record.slug}}">Live
					<a class="site-link site-link-youtube" href="#" title="Youtube Stream"></a>
					<a class="site-link site-link-twitch" href="#" title="Twitch Stream"></a>
				</div>
			</div>
			<h2><a href="{{ record.link }}">{{ record.title }}</a></h2>
		</div>
	{% endfor %}
	</div></div>{# end the rows #}
	{{ pager() }}

{% endblock %}