{% extends "base.html" %}

{% block content %}
	<center>
		{% if header_content.avatar %}
		<img width=150px height=150px style="display:inline-block;" src="{{ header_content.avatar }}" alt="{{ header_content.title }}">
		{% endif %}
		<h1>{{ header_content.title }}</h1>
		<span>{% if header_content.location %}{{ header_content.location }}&nbsp;&nbsp;{% endif %}</span>
		<span>{{ header_content.signup }}</span>
		<br>
		<span>{{ header_content.instructables }} Instructables&nbsp;&nbsp;</span>
		<span>{{ header_content.views }} Views&nbsp;&nbsp;</span>
		<span>{{ header_content.comments }} Comments&nbsp;&nbsp;</span>
		<span>{{ header_content.followers }} Followers</span>
		<br>
		<p>{{ header_content.bio }}</p>
		{% if ible_list_title != "" %}
		<hr>
		{% endif %}
		<h2>{{ ible_list_title }}</h2>
		{% for ible in ibles %}
		<div class="member-list">
			<a href="{{ ible.link }}">
				<img loading="lazy" decoding="async" style="max-width:200px;" src="{{ ible.img }}" alt="{{ ible.title }}">
				<p>{{ ible.title }}</p>
			</a>
		</div>
		{% endfor %}
		<p><a href="{{ url_for('route_member_instructables', member=header_content.title) }}">View all Instructables</a></p>
		<br>
		<h2>{{ ach_list_title }}</h2>
		{% for ach in achs %}
		<div class="member-list">
			<p><b><a href="{{ ach.link }}">{{ ach.title }}</a></b></p>
			<p>{{ ach.description }}</p>
		</div>
		{% endfor %}

	</center>
{% endblock %}