{% extends "layouts/base.html" %}
{% block body %}
<h1>Welcome {{ user.full_name or user.handle }}!</h1>

<a href="/me/details-form">Update details</a>

<p>
{% if user_picture %}
    <img src="data:image/*;base64,{{ user_picture }}" style="width: 150px; height: 150px; object-fit: contain">
{% endif %}
<ul>
    <li>
        My user id: {{ user.id }}
    </li>
    <li>
        My handle: {{ user.handle }}
    </li>
    <li>
        My full name: {{ user.full_name }}
    </li>
    <li>
        My email: {{ user.email }}
    </li>
</ul>
</p>
{% endblock %}