layout	title
default	Graduates

{{ page.title }}

All Departments Animation Art Compositing FX Layout Lighting Modelling Production Surfacing Technical Direction

{% for member in site.data.graduates %}

{{ member.name }}

{{ member.preference }}

{% endfor %}

<script> (function() { const searchBar = document.getElementById("graduateSearch"); const deptSelect = document.getElementById("department"); const container = document.getElementById("item-container"); const people = Array.from(document.getElementsByClassName("search-item")); // No search bar is complete without an overengineered ranking system function updateResults(e) { // Split by words, e.g. "Hallam Roberts" => ["Hallam", "Roberts"] const query = searchBar.value.toLowerCase().trim().match(/\w+/g); people.forEach((person) => { person.score = 0; // Filter and order by department if (deptSelect.value !== "All") { const dept = person.getAttribute("aria-department"); const deptIndex = dept.indexOf(deptSelect.value); // Hide people in non-matching departments if (deptIndex === -1) { person.style.display = "none"; return; } // Order by department preference person.score += 2 - deptIndex / (dept.length - 1); } // Display everyone when no string is searched if (!query) { person.style.display = "block"; return; } // Filter and order by name const words = person.getAttribute("aria-label").toLowerCase().trim().match(/\w+/g); let nameScore = 0; for (let i = 0; i < words.length; ++i) { const word = words[i]; query.forEach((queryWord) => { // startsWith is better than fuzzy search since it gives predictable results // E.g. "Ru" matches "Ruben" instead of "Trung Hieu" if (!word.startsWith(queryWord)) return; // Rank based on how close the word is to the start of the name // E.g. "R" orders "Ruben Luzaic" before "Hallam Roberts" nameScore += 2 - i / (words.length - 1); }); } // Hide non-matching results person.style.display = nameScore === 0 ? "none" : "block"; person.score += nameScore; }); people.sort((a, b) => { const diff = b.score - a.score; // Sort alphabetically when names have the same score return diff === 0 ? a.getAttribute("aria-label").localeCompare(b.getAttribute("aria-label")) : diff; }).forEach(elem => container.appendChild(elem)); } searchBar.addEventListener("input", updateResults); department.addEventListener("change", updateResults); })(); </script>