From 5d9472997fbc8d78fb93a15233707f1674af373a Mon Sep 17 00:00:00 2001 From: "Rodrigo V. Honorato" Date: Thu, 26 Feb 2026 13:32:55 +0100 Subject: [PATCH 1/4] add logic to transition member into pet --- _layouts/people.html | 58 +++++++++++++++++++++++++++++++++++++------- 1 file changed, 49 insertions(+), 9 deletions(-) diff --git a/_layouts/people.html b/_layouts/people.html index 05b4cc71..4df6d25f 100644 --- a/_layouts/people.html +++ b/_layouts/people.html @@ -77,20 +77,52 @@

Group picture, July 2025

margin-bottom: 0.85rem; flex-shrink: 0; border: 3px solid #f0f0f0; + position: relative; } .member-photo img { width: 100%; height: 100%; object-fit: cover; display: block; + transition: opacity 0.35s ease; + } + .member-photo .photo-pet { + position: absolute; + top: 0; + left: 0; + opacity: 0; + } + .member-card.has-pet:hover .member-photo .photo-person { + opacity: 0; + } + .member-card.has-pet:hover .member-photo .photo-pet { + opacity: 1; + } + .member-name-wrap { + position: relative; + margin: 0 0 0.3rem; } .member-name { font-family: 'PT Sans Narrow', sans-serif; font-size: 1.15rem; font-weight: 700; color: #222; - margin: 0 0 0.3rem; + margin: 0; line-height: 1.25; + transition: opacity 0.35s ease; + } + .member-name.pet-name { + position: absolute; + top: 0; + left: 0; + right: 0; + opacity: 0; + } + .member-card.has-pet:hover .member-name.person-name { + opacity: 0; + } + .member-card.has-pet:hover .member-name.pet-name { + opacity: 1; } .member-name a { color: inherit; @@ -162,17 +194,25 @@

Current members

{% assign role = 'msc' %} {% endif %} -
  • +
  • - {{ member.name }} + {{ member.name }} + {% if member.pet %} + {{ member.name }}'s pet + {% endif %}
    -

    - {% if member.url %} - {{ member.name }} - {% else %} - {{ member.name }} +

    +

    + {% if member.url %} + {{ member.name }} + {% else %} + {{ member.name }} + {% endif %} +

    + {% if member.pet_name %} +

    {{ member.pet_name }}

    {% endif %} -

    +

    {{ member.position }}

    {% if member.orcid or member.github or member.linkedin or member.bluesky or member.x %}