data.js

// Recent highlights - blog post
const publications = [
    {
        title: "MoReBench: Evaluating Procedural and Pluralistic Moral Reasoning in Language Models",
        authors: ["Yu Ying Chiu", "Michael S. Lee", "Rachel Calcott", "Brandon Handoko", "Paul de Font-Reaulx", "Paula Rodriguez", "Chen Bo Calvin Zhang", "Ziwen Han", "Udari Madhushani Sehwag", "Yash Maurya", "Christina Q Knight", "Harry R. Lloyd", "Florence Bacus", "Mantas Mazeika", "Bing Liu", "Yejin Choi", "Mitchell L Gordon", "Sydney Levine"],
        venue: "arXiv preprint",
        year: 2025,
        url: "https://www.arxiv.org/abs/2510.16380"
    },
    {
        title: "Collective alignment: public input on our Model Spec",
        authors: ["Tyna Eloundou", "Mitchell Gordon", "Eddie Zhang", "Sandhini Agarwal"],
        venue: "OpenAI blog post",
        year: 2025,
        url: "https://openai.com/index/collective-alignment-aug-2025-updates/"
    }
];

// Students data - easy to update!
const students = [
    {
        name: "Hyemin (Helen) Bang",
        type: "phd",
        website: "https://www.hyeminbang.com/",
        image: "images/students/helen.webp"
    },
    {
        name: "Andre Ye",
        type: "phd",
        website: "https://andre-ye.org/",
        image: "images/students/andre.jpg"
    },
    {
        name: "Elinor Poole-Dayan",
        type: "phd",
        website: "https://elinorp-d.github.io/",
        image: "images/students/elinor.jpg"
    },
    {
        name: "Grace C. Kim",
        type: "phd",
        website: "https://gracekimcy.github.io/",
        image: "images/students/grace.jpg"
    },
    {
        name: "Yi-Hao Peng",
        type: "postdoc",
        website: "https://www.yihaopeng.tw/",
        image: "images/students/yihao.jpg"
    }
];

// Teaching data
const teaching = [
    {
        term: "Fall 2025",
        course: "6.1040: Software Design",
        institution: "MIT EECS",
        role: "Instructor",
        url: "https://61040-fa25.github.io/"
    }
];

// Render functions
function renderPublications() {
    const container = document.getElementById('publications-list');
    if (!container) return;
    
    container.innerHTML = publications.map(pub => {
        const authorsList = pub.authors.join(', ');
        
        const award = pub.award ? ` <span class="award">${pub.award}</span>` : '';
        const titleLink = pub.url ? `<a href="${pub.url}">${pub.title}</a>` : pub.title;
        const venueWithYear = pub.year ? `${pub.venue}, ${pub.year}` : pub.venue;
        
        return `
            <div class="publication">
                <p class="pub-title">${titleLink}</p>
                <p class="pub-authors">${authorsList}</p>
                <p class="pub-venue"><i>${venueWithYear}</i>${award}</p>
            </div>
        `;
    }).join('');
}

function renderStudents(type = 'phd', containerId = 'students-list') {
    const container = document.getElementById(containerId);
    if (!container) return;
    
    container.innerHTML = students.filter(student => student.type === type).map(student => {
        const nameLink = student.website ? `<a href="${student.website}">${student.name}</a>` : student.name;
        
        let imageHtml;
        if (student.image) {
            const imageTag = `<img src="${student.image}" alt="${student.name}" class="student-photo">`;
            imageHtml = student.website ? `<a href="${student.website}">${imageTag}</a>` : imageTag;
        } else {
            imageHtml = `<div class="student-photo-placeholder"></div>`;
        }
        
        return `
            <div class="student-item">
                ${imageHtml}
                <p class="student-name">${nameLink}</p>
            </div>
        `;
    }).join('');
}

function renderTeaching() {
    const container = document.getElementById('teaching-list');
    if (!container) return;
    
    container.innerHTML = teaching.map(item => {
        const courseLink = item.url ? `<a href="${item.url}">${item.course}</a>` : item.course;
        return `
            <div class="teaching-item">
                <p><strong>${item.term}</strong> ${item.role}, ${courseLink}, ${item.institution}</p>
            </div>
        `;
    }).join('');
}

// Initialize when DOM is loaded
document.addEventListener('DOMContentLoaded', function() {
    renderPublications();
    renderStudents();
    renderStudents('postdoc', 'postdocs-list');
    // renderTeaching();
});