hullblogs.com/src/bloggers.html

<p>Check out these cool people who are featured here on hullblogs.com!</p>

<section>
	{% for blogger in bloggers %}
	<div class="blogger">
		<img src="{% asset blogger.url_avatar %}" class="blogger-avatar kinda-tiny-image" alt="{{ blogger.author_name | htmlentities }}" aria-hidden="hidden" />
		<div class="blogger-info">
			<span class="blogger-name large-text">{{ blogger.author_name | htmlentities }}</span>
			<span class="blogger-icons">
				{% if blogger.url_blog %}<a href="{{ blogger.url_blog | htmlentities }}">
					<img class="large-icon invert-when-light" src="{% asset 'images/post.svg' %}" alt="{{ blogger.author_name | htmlentities }}'s blog" />
				</a>{% endif %}
				<a href="{{ blogger.feed_uri | htmlentities }}">
					<img class="large-icon"  src="{% asset 'images/rss.svg' %}" alt="{{ blogger.author_name | htmlentities }}'s blog feed">
				</a>
				<a href="{{ blogger.url_github }}">
					<img class="large-icon invert-when-light"  src="{% asset 'images/github.svg' %}" alt="{{ blogger.author_name | htmlentities }}'s GitHub account">
				</a>
				{% if blogger.url_twitter %}<a href="{{ blogger.url_twitter }}">
					<img class="large-icon" src="{% asset 'images/twitter.svg' %}" alt="{{ blogger.author_name | htmlentities }}'s GitHub account">
				</a>{% endif %}
			</span>
			<span class="blogger-bio">{{ blogger.bio }}</span>
		</div>
	</div>
	{% endfor %}
</section>