Show photos next to speaker name.

This commit is contained in:
Edward Betts 2023-09-24 08:51:34 +01:00
parent 0e37348e14
commit a7e2d17063

View file

@ -26,10 +26,30 @@
.container { .container {
position: relative; position: relative;
} }
.person {
display: flex;
align-items: top;
margin-bottom: 10px;
}
.info {
flex: 1; /* Allow text to take remaining space */
padding-right: 10px; /* Add spacing between text and image */
}
img.photo {
max-width: 120px; /* Set max width for images */
height: auto; /* Maintain image aspect ratio */
}
</style>
</style> </style>
{% endblock %} {% endblock %}
{% set show_images = True %} {% set show_images = False %}
{% block title %}Conference archive{% endblock %} {% block title %}Conference archive{% endblock %}
@ -88,16 +108,20 @@
{% if loop.first or loop.previtem[1] != count %} {% if loop.first or loop.previtem[1] != count %}
<h4>{{ count }} conferences</h4> <h4>{{ count }} conferences</h4>
{% endif %} {% endif %}
<div> <div class="person">
<span id="person-{{ person.id }}"> {% set photo = person.photo_filename() %}
<span class="info" id="person-{{ person.id }}">
👤 👤
<a href="{{ url_for("person", person_id=person.id) }}">{{ person.name }}</a> <a href="{{ url_for("person", person_id=person.id) }}">{{ person.name }}</a><br>
({{ count }} conferences, {{ person.event_count }} talks) ({{ count }} conferences, {{ person.event_count }} talks)
{% if person.photo_filename() %}📷{% endif %} {% if person.photo_filename() %}📷{% endif %}
{% if person.wikidata_qid %} {% if person.wikidata_qid %}
<a href="https://www.wikidata.org/wiki/{{ person.wikidata_qid }}">Wikidata</a> <a href="https://www.wikidata.org/wiki/{{ person.wikidata_qid }}">Wikidata</a>
{% endif %} {% endif %}
</span> </span>
{% if photo %}
<img class="photo" src="{{ url_for("static", filename=photo) }}" alt="{{ person.name }}">
{% endif %}
</div> </div>
{% endfor %} {% endfor %}