add achievements section

Author: NoUsernameAvailiable

src/data.js

@@ -41,6 +41,7 @@ export async function loadFaculty() {
             office: clean(row['Office (building and room #)']),
             yearStarted: clean(row['Year started at GMU']),
             phdFrom: clean(row['PhD from']),
+            achievements: parseList(row['Achievements']),
         };
     }).filter(f => f.firstName || f.lastName);
 
@@ -100,3 +101,8 @@ function titleCase(str) {
     return str.replace(/\w\S*/g, w => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase());
 }
 
+function parseList(raw) {
+    if (!raw || raw.trim().toLowerCase() === 'null') return [];
+    return raw.split(',').map(s => s.trim()).filter(Boolean);
+}
+

src/main.js

@@ -144,6 +144,13 @@ function renderCard(f) {
     if (f.phdFrom) details.push(detailRow('PhD', f.phdFrom));
     if (f.yearStarted) details.push(detailRow('At GMU since', f.yearStarted));
 
+    const achievementsList = f.achievements.length
+        ? `<div class="achievements-section">
+             <h3 class="achievements-heading">Achievements</h3>
+             <ul class="achievements-list">${f.achievements.map(a => `<li>${a}</li>`).join('')}</ul>
+           </div>`
+        : '';
+
     return `
     <div class="card">
       <div class="card-header" onclick="toggleCard(this)">
@@ -153,6 +160,7 @@ function renderCard(f) {
       ${f.role ? `<div class="card-subtitle"><strong>${f.role}</strong></div>` : ''}
       <div class="card-content">
         <div class="faculty-details">${details.join('')}</div>
+        ${achievementsList}
         ${interestTags ? `<div class="interest-tags">${interestTags}</div>` : ''}
       </div>
     </div>

src/style.css

@@ -394,6 +394,33 @@ button.card-link.copied {
     text-decoration: underline;
 }
 
+/* Achievements */
+.achievements-section {
+    margin-top: 1.5rem;
+}
+
+.achievements-heading {
+    font-size: 0.85rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--text-secondary);
+    margin: 0 0 0.5rem;
+}
+
+.achievements-list {
+    margin: 0;
+    padding-left: 1.2rem;
+    list-style: disc;
+}
+
+.achievements-list li {
+    font-size: 0.9rem;
+    color: var(--text-primary);
+    padding: 0.2rem 0;
+    line-height: 1.4;
+}
+
 /* Research Interest Tags */
 .interest-tags {
     display: flex;