diff --git a/frontend/public/media/livekit-linkedin-post.jpg b/frontend/public/media/livekit-linkedin-post.jpg new file mode 100644 index 0000000..c8178a3 Binary files /dev/null and b/frontend/public/media/livekit-linkedin-post.jpg differ diff --git a/frontend/src/Landing.tsx b/frontend/src/Landing.tsx index 8666760..20b7587 100644 --- a/frontend/src/Landing.tsx +++ b/frontend/src/Landing.tsx @@ -159,6 +159,24 @@ export function Landing() { PodMan team with the LiveKit hackathon track finalists The PodMan team presenting the live recursive learning system + + PodMan teammates Karti Tripathi, Ramis Hasanli, Yahya Alhinai, and Shakthi Bachala celebrating with LiveKit prizes + + FROM THE LIVEKIT LINKEDIN POST + Track winners, caught in the wild. + See LiveKit's post ↗ + +
diff --git a/frontend/src/index.css b/frontend/src/index.css index d9f2d90..1cc2505 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -208,6 +208,13 @@ input:focus-visible { .pod-stats dd { margin: 0.3rem 0 0; font-weight: 700; } .pod-win-photos { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; background: var(--pod-blue); gap: 3px; padding: 3px; } .pod-win-photos img { width: 100%; height: min(44vw, 620px); object-fit: cover; } +.pod-livekit-proof { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); background: var(--pod-blue); color: white; } +.pod-livekit-proof img { width: 100%; height: min(52vw, 720px); object-fit: cover; } +.pod-livekit-proof > span { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding: clamp(2rem, 5vw, 6rem); } +.pod-livekit-proof small { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; font-style: normal; font-weight: 720; letter-spacing: .08em; } +.pod-livekit-proof strong { max-width: 8ch; margin-block: 4rem; font-size: clamp(3rem, 5.2vw, 6.4rem); line-height: .9; letter-spacing: -.065em; } +.pod-livekit-proof em { width: fit-content; border-bottom: 1px solid currentColor; padding-bottom: .35rem; font-size: .9rem; font-style: normal; font-weight: 720; } +.pod-livekit-proof:hover em { color: var(--pod-orange); } .pod-team { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); gap: clamp(4rem, 10vw, 11rem); } .pod-team h2 { max-width: 10ch; font-size: clamp(3.8rem, 7vw, 8rem); line-height: 0.9; } @@ -279,6 +286,10 @@ input:focus-visible { .pod-stats dt { font-size: 2rem; } .pod-win-photos { grid-template-columns: 1fr; } .pod-win-photos img { height: 70vw; } + .pod-livekit-proof { grid-template-columns: 1fr; } + .pod-livekit-proof img { height: 75vw; } + .pod-livekit-proof > span { min-height: 22rem; } + .pod-livekit-proof strong { margin-block: 3rem; font-size: clamp(3.2rem, 14vw, 4.8rem); } .pod-team-list strong { font-size: 1.75rem; } .pod-team-list a { align-items: flex-start; flex-direction: column; } .pod-cta { padding-block: 4rem; }