| title |
|---|
People |
Current
Guests
Previous
{% for person in site.data.people %}
{% endfor %}
<script>
function filterPeople(role) {
const cards = document.querySelectorAll('.person-card');
cards.forEach(card => {
const roles = card.getAttribute('data-role');
card.style.display = roles.includes(role) ? 'block' : 'none';
});
// Highlight the active tab
const tabs = document.querySelectorAll('.tab-button');
tabs.forEach(tab => {
tab.classList.remove('active');
if (tab.getAttribute('data-tab') === role) {
tab.classList.add('active');
}
});
}
// Default tab on page load
document.addEventListener('DOMContentLoaded', () => {
filterPeople('current');
});
</script>
<style>
.tabs-container {
margin-top: 20px;
text-align: center; /* Center the tabs */
}
.tab-button {
background-color: white;
border: 2px solid #1e6bb8; /* Blue border */
color: #1e6bb8; /* Blue text */
padding: 10px 20px;
font-size: 16px;
margin: 5px;
border-radius: 5px; /* Rounded corners */
cursor: pointer;
transition: all 0.3s ease; /* Smooth hover effect */
display: inline-block; /* Ensure buttons are inline */
}
.tab-button:hover {
background-color: #1e6bb8; /* Blue background on hover */
color: white; /* White text on hover */
}
.tab-button.active {
background-color: #1e6bb8; /* Blue background for active state */
color: white; /* White text for active state */
border-color: #1e6bb8; /* Match the background color */
}
</style>
{% if person.pic %}
{% endif %}
{% if person.previously %}Previous Member{% if person.role %}, {% endif %}{% endif %}{{ person.role }}
{% if person.funds %}Funded by: {{ person.funds }}
{% elsif person.previously%} {% else %}Funded by: SISSA
{% endif %}{% if person.previously %}
{{ person.previously | markdownify }}
{% endif %} {{ person.research | markdownify }}
{% if person.email %}
{% endif %}
{% if person.phone %}
{% endif %}
{% if person.thesis %}
{% endif %}
{% if person.orcid %}
{% endif %}
{% if person.scholar %}
{% endif %}
{% if person.prereview && person.orcid %}
{% endif %}
{% if person.bluesky %}
{% endif %}
{% if person.twitter %}
{% endif %}
{% if person.linkedin %}
{% endif %}
{% if person.github %}
{% endif %}