diff --git a/_data/members.yml b/_data/members.yml index 1d0f2dfb..4e80d436 100644 --- a/_data/members.yml +++ b/_data/members.yml @@ -4,6 +4,8 @@ # # Postdoc, Ph.D/PhD, M.Sc/MSc, Visiting # url: https://example.com # personal website (makes the name a link) # avatar: /images/people/capitaine-haddock.jpg +# pet: /images/people/pets/capitaine-haddock-pet.jpg # easter egg: photo shown on hover +# pet_name: Milou # easter egg: name shown on hover # orcid: https://orcid.org/0000-0000-0000-0000 # github: https://github.com/capitainehaddock # linkedin: https://www.linkedin.com/in/capitainehaddock/ @@ -14,6 +16,8 @@ position: Full Professor url: http://www.uu.nl/staff/amjjbonvin avatar: /images/people/Bonvin-2020-12.jpg + pet: /images/people/pets/Milou.png + pet_name: Milou github: https://github.com/haddocking orcid: https://orcid.org/0000-0001-7369-1322 bluesky: https://bsky.app/profile/amjjbonvin.bsky.social @@ -58,7 +62,7 @@ linkedin: https://www.linkedin.com/in/shantanukhatri/ github: https://github.com/Comp-era x: https://x.com/Shantanu_khtri - + - name: Xiaotong Xu position: Ph.D Candidate avatar: /images/people/Xiaotong-Xu.jpg 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 %}