Skip to content

Commit 46bfe9b

Browse files
authored
Update video descriptions and enhance video grid layout (#129)
- Improved video descriptions to include presenter names and affiliations for better context. - Refactored the video grid layout from a grid display to a flexbox layout for improved responsiveness and alignment. - Added new styles for video cards to enhance visual presentation and user interaction. Signed-off-by: Pete Cheslock <[email protected]>
1 parent d9eede8 commit 46bfe9b

File tree

2 files changed

+30
-18
lines changed

2 files changed

+30
-18
lines changed

src/pages/videos.js

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,22 +7,27 @@ const videos = [
77
{
88
id: 'lvzMLf6wXlY',
99
title: 'Kubernetes Native Distributed Inferencing',
10-
description: 'Introduction to llm-d at DevConf.US 2025 — learn the fundamentals of distributed LLM inference on Kubernetes.',
10+
description: 'Introduction to llm-d at DevConf.US 2025 — learn the fundamentals of distributed LLM inference on Kubernetes from Rob Shaw (Red Hat).',
1111
},
1212
{
1313
id: 'mfXIe_S53vA',
1414
title: 'Serving PyTorch LLMs at Scale',
15-
description: 'Disaggregated inference with Kubernetes and llm-d — presented by M. Ayoub & C. Liu at PyTorch Conference.',
15+
description: 'Disaggregated inference with Kubernetes and llm-d — presented by Maroon Ayoub (IBM) & Cong Liu (Google) at PyTorch Conference.',
1616
},
1717
{
1818
id: '_xAXb70d4-0',
1919
title: 'Distributed Inference with Well-Lit Paths',
20-
description: 'Explore llm-d\'s "well-lit paths" approach to simplified, production-ready distributed inference.',
20+
description: 'Watch Rob Shaw (Red Hat) explore llm-d\'s "well-lit paths" and its approach to simplified, production-ready distributed inference.',
2121
},
2222
{
2323
id: 'g8_snJA_ESU',
2424
title: 'Multi-Accelerator LLM Inference',
25-
description: 'Deep dive into multi-accelerator LLM inference on Kubernetes — presented by Erwan Gallen at KubeCon.',
25+
description: 'Deep dive into multi-accelerator LLM inference on Kubernetes — presented by Erwan Gallen (Red Hat) at KubeCon.',
26+
},
27+
{
28+
id: '-C76naL3PRc',
29+
title: 'Routing Stateful AI Workloads in Kubernetes',
30+
description: 'Maroon Ayoub (IBM) & Michey Mehta (Red Hat) explore cache-aware routing strategies for LLM workloads using llm-d and the K8s Gateway API Inference Extension.',
2631
},
2732
];
2833

src/pages/videos.module.css

Lines changed: 21 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -82,14 +82,32 @@
8282

8383
/* Video Grid */
8484
.videoGrid {
85-
display: grid;
86-
grid-template-columns: repeat(2, 1fr);
85+
display: flex;
86+
flex-wrap: wrap;
87+
justify-content: center;
8788
gap: 2.5rem;
8889
}
8990

91+
/* Video Card */
92+
.videoCard {
93+
flex: 0 1 calc(50% - 1.25rem);
94+
max-width: calc(50% - 1.25rem);
95+
background: #fff;
96+
border-radius: 16px;
97+
overflow: hidden;
98+
box-shadow:
99+
0 4px 6px rgba(127, 49, 127, 0.06),
100+
0 12px 24px rgba(127, 49, 127, 0.08);
101+
transition: transform 0.3s ease, box-shadow 0.3s ease;
102+
}
103+
90104
@media screen and (max-width: 900px) {
105+
.videoCard {
106+
flex: 0 1 100%;
107+
max-width: 100%;
108+
}
109+
91110
.videoGrid {
92-
grid-template-columns: 1fr;
93111
gap: 2rem;
94112
}
95113

@@ -102,17 +120,6 @@
102120
}
103121
}
104122

105-
/* Video Card */
106-
.videoCard {
107-
background: #fff;
108-
border-radius: 16px;
109-
overflow: hidden;
110-
box-shadow:
111-
0 4px 6px rgba(127, 49, 127, 0.06),
112-
0 12px 24px rgba(127, 49, 127, 0.08);
113-
transition: transform 0.3s ease, box-shadow 0.3s ease;
114-
}
115-
116123
.videoCard:hover {
117124
transform: translateY(-6px);
118125
box-shadow:

0 commit comments

Comments
 (0)