{% extends "global/Base.html" %}

{% block global_scripts %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script>
{% endblock %}

{% block global_styles %}
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css">
<style>
    .avatar {
        /* border: 1px solid #000; */
        width: 70px;
        height: 64px;
    }

    .avatar img {
        vertical-align: middle;
        border-radius: 50%;
        width: 70px;
        height: 64px;
    }

    .avatar-small img {
        vertical-align: middle;
        border-radius: 50%;
        width: 35px;
        height: 32px;
    }

    .text-container {
        height: 64px;
    }

    .text-container h3 {
        position: absolute;
        bottom: 0;
        left: 10;
    }

    .text-container-small {
        height: 32px;
    }

    .text-container-small h6 {
        position: absolute;
        bottom: 0;
        left: 10;
    }
</style>
{% endblock %}