itemTypeAll

Author: Aditya Putatunda

index.html

@@ -142,6 +142,8 @@
   .talk-type { display: inline-block; font-size: 0.62rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: 2px; margin-left: 0.4rem; vertical-align: middle; }
   .talk-type-talk { background: var(--accent-light); color: var(--accent); }
   .talk-type-poster { background: var(--tag-multiferroics-bg); color: var(--tag-multiferroics); }
+  .talk-type-workshop { background: var(--tag-methods-bg); color: var(--tag-methods); }
+  .talk-type-other { background: var(--border-light); color: var(--text-mid); }
 
   /* Contact */
   .contact-content { max-width: 1400px; margin: 0 auto; padding: 0 3rem 4rem; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }
@@ -374,8 +376,12 @@ <h2>${sec.title}</h2>
     <div class="talks-list">
       ${D.talks.items.map((t, i) => {
         let badge = '';
-        if (t.type === 'talk') badge = ' <span class="talk-type talk-type-talk">talk</span>';
-        if (t.type === 'poster') badge = ' <span class="talk-type talk-type-poster">poster</span>';
+        if (t.type) {
+          const typeKey = t.type.toLowerCase();
+          const typeClassMap = { talk: 'talk-type-talk', poster: 'talk-type-poster', workshop: 'talk-type-workshop' };
+          const typeClass = typeClassMap[typeKey] || 'talk-type-other';
+          badge = ` <span class="talk-type ${typeClass}">${typeKey}</span>`;
+        }
         if (t.venues) {
           const venueLines = t.venues.map(v =>
             `<div class="talk-venue-line"><span class="talk-venue-date">${v.date}</span> · ${v.venue}</div>`