Enhance community events documentation by adding new sessions for upcoming conferences

docs/community/events.md

@@ -34,6 +34,14 @@ Stay connected with the llm-d community at meetups, conferences, and workshops.
       dateText: 'Sep 19–20, 2025',
       cost: 'Free',
       href: 'https://www.devconf.info/us/',
+      sessions: [
+        {
+          title: 'llm-d: Kubernetes Native Distributed Inferencing',
+          date: 'Fri, Sep 19, 2025',
+          time: '9:15am – 9:50am',
+          href: 'https://pretalx.devconf.info/devconf-us-2025/talk/GF8RJQ/',
+        },
+      ],
     },
     {
       month: 'October 2025',
@@ -42,6 +50,15 @@ Stay connected with the llm-d community at meetups, conferences, and workshops.
       dateText: 'Oct 22–23, 2025',
       cost: 'Paid',
       href: 'https://events.linuxfoundation.org/pytorch-conference/',
+      sessions: [
+        {
+          title: 'Serving PyTorch LLMs at Scale: Disaggregated Inference With Kubernetes and llm-d',
+          date: 'Thu, Oct 23, 2025',
+          time: '11:35am – 12:00pm PDT',
+          location: 'Room 2009 - 2011',
+          href: 'https://pytorchconference.sched.com/event/27QDr',
+        },
+      ],
     },
     {
       month: 'November 2025',
@@ -50,6 +67,29 @@ Stay connected with the llm-d community at meetups, conferences, and workshops.
       dateText: 'Nov 10–13, 2025',
       cost: 'Paid',
       href: 'https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/',
+      sessions: [
+        {
+          title: 'Best Practices for Leveraging llm-d for Production-Scale Inference',
+          date: 'Tue, Nov 11, 2025',
+          time: '2:30pm – 3:00pm EST',
+          location: 'Building B | Level 5 | Thomas Murphy Ballroom 1',
+          href: 'https://kccncna2025.sched.com/event/27FWE?iframe=no',
+        },
+        {
+          title: 'Routing Stateful AI Workloads in Kubernetes',
+          date: 'Tue, Nov 11, 2025',
+          time: '4:15pm – 4:45pm EST',
+          location: 'Building B | Level 4 | B401-402',
+          href: 'https://kccncna2025.sched.com/event/27FX6?iframe=no',
+        },
+        {
+          title: 'llm-d: Multi-Accelerator LLM Inference on Kubernetes',
+          date: 'Thu, Nov 13, 2025',
+          time: '2:30pm – 3:00pm EST',
+          location: 'Building B | Level 4 | B401-402',
+          href: 'https://kccncna2025.sched.com/event/27Fee?iframe=no',
+        },
+      ],
     },
   ];
 
@@ -88,6 +128,52 @@ Stay connected with the llm-d community at meetups, conferences, and workshops.
     marginBottom: '28px'
   };
 
+  const sessionListStyle = {
+    listStyle: 'none',
+    padding: 0,
+    margin: '10px 0 0 0',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '8px'
+  };
+
+  const sessionItemStyle = {
+    display: 'flex',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    gap: '8px',
+    padding: '10px',
+    border: '1px solid var(--ifm-color-emphasis-200)',
+    borderLeft: '3px solid var(--ifm-color-primary)',
+    borderRadius: '6px',
+    backgroundColor: 'var(--ifm-background-surface-color)'
+  };
+
+  const headerRowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: '12px',
+    marginBottom: '6px'
+  };
+
+  const sessionSectionStyle = {
+    marginTop: '10px',
+    padding: '12px',
+    border: '1px solid var(--ifm-color-emphasis-200)',
+    borderRadius: '8px',
+    backgroundColor: 'var(--ifm-color-emphasis-100)'
+  };
+
+  const titleRowLeftStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '10px',
+    flexWrap: 'wrap'
+  };
+
+  // no icon-only button in this variant
+
   return (
     <div>
       {months.map((m) => {
@@ -98,15 +184,37 @@ Stay connected with the llm-d community at meetups, conferences, and workshops.
             <h2>{m}</h2>
             <div style={containerStyle}>
               {monthEvents.map((e) => (
-                <div key={e.title} style={cardStyle}>
-                  <div>
-                    <h4 style={{margin: '0 0 6px 0', color: 'var(--ifm-color-primary)'}}>{e.title}</h4>
-                    <div style={{display: 'flex', gap: '8px', flexWrap: 'wrap', margin: '0 0 6px 0'}}>
-                      <span style={{fontSize: '12px', padding: '2px 8px', backgroundColor: 'var(--ifm-color-emphasis-100)', border: '1px solid var(--ifm-color-emphasis-200)', borderRadius: '999px'}}>📍 {e.location}</span>
+                <div key={e.title} style={{...cardStyle, flexDirection: 'column', alignItems: 'stretch'}}>
+                  <div style={headerRowStyle}>
+                    <div style={titleRowLeftStyle}>
+                      <h4 style={{margin: 0, color: 'var(--ifm-color-primary)'}}>{e.title}</h4>
                     </div>
-                    <p style={{margin: 0, fontSize: '14px'}}>{e.dateText} · <strong>{e.cost}</strong></p>
+                    <a href={e.href} target="_blank" rel="noopener noreferrer" style={buttonStyle}>Register</a>
+                  </div>
+                  <div style={{display: 'flex', gap: '8px', flexWrap: 'wrap', margin: '0 0 6px 0'}}>
+                    <span style={{fontSize: '12px', padding: '2px 8px', backgroundColor: 'var(--ifm-color-emphasis-100)', border: '1px solid var(--ifm-color-emphasis-200)', borderRadius: '999px'}}>📍 {e.location}</span>
                   </div>
-                  <a href={e.href} target="_blank" rel="noopener noreferrer" style={buttonStyle}>Register</a>
+                  <p style={{margin: 0, fontSize: '14px'}}>{e.dateText} · <strong>{e.cost}</strong></p>
+                  {e.sessions && e.sessions.length > 0 && (
+                    <div style={sessionSectionStyle}>
+                      <p style={{margin: '0 0 8px 0', fontSize: '14px', fontWeight: 700, color: 'var(--ifm-color-primary)'}}>Sessions</p>
+                      <ul style={sessionListStyle}>
+                        {e.sessions.map((s) => (
+                          <li key={`${s.title}-${s.date}-${s.time}`} style={sessionItemStyle}>
+                            <div>
+                              <a href={s.href} target="_blank" rel="noopener noreferrer" style={{fontWeight: 600, color: 'var(--ifm-color-primary)'}}>{s.title}</a>
+                              <div style={{fontSize: '12px', marginTop: '4px'}}>
+                                {s.date} · {s.time}
+                              </div>
+                            </div>
+                            <div style={{whiteSpace: 'nowrap'}}>
+                              <a href={s.href} target="_blank" rel="noopener noreferrer" style={buttonStyle}>View details</a>
+                            </div>
+                          </li>
+                        ))}
+                      </ul>
+                    </div>
+                  )}
                 </div>
               ))}
             </div>