From a3db07f38f38895903e5ab7b2441b6f7f46a9e54 Mon Sep 17 00:00:00 2001 From: Luis Alfredo Perez Medina Date: Sun, 9 Aug 2026 00:56:54 +0200 Subject: [PATCH] feat(website): add LF Edge Slack channel panel and links Surface the project's community channel on the landing page, following the reference design for the Contribute section. - Add a Slack panel to the Contribute section with the workspace, channel and mailing-list details, plus links to open the channel and request a workspace invite. - Add a SlackIcon to the shared icon set. - Add "Slack channel" and "Mailing list - instantx-TSC" to the footer Community column. - Style the panel with existing design tokens; it collapses to two columns at 980px and one column at 600px. Links are taken from the reference design and the LF Edge InstantX project page: - https://lfedge.slack.com/archives/C077JQ50R45 - https://slack.lfedge.org/ - https://lists.lfedge.org/g/instantx-TSC Co-Authored-By: Claude Opus 5 (1M context) --- website/src/components/Contribute.tsx | 52 +++++++++++++++++++++++++++ website/src/components/Footer.tsx | 2 ++ website/src/components/icons.tsx | 11 ++++++ website/src/styles/global.css | 28 +++++++++++++++ 4 files changed, 93 insertions(+) diff --git a/website/src/components/Contribute.tsx b/website/src/components/Contribute.tsx index d55e3cf..473ee8d 100644 --- a/website/src/components/Contribute.tsx +++ b/website/src/components/Contribute.tsx @@ -17,6 +17,13 @@ * =========================LICENSE_END================================== */ +import { SlackIcon } from './icons' + +/** LF Edge Slack — workspace invite is open to anyone; the channel link needs workspace membership. */ +const SLACK_CHANNEL_URL = 'https://lfedge.slack.com/archives/C077JQ50R45' +const SLACK_INVITE_URL = 'https://slack.lfedge.org/' +const MAILING_LIST_URL = 'https://lists.lfedge.org/g/instantx-TSC' + const CARDS = [ { href: 'https://github.com/lf-edge/instantx/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22', @@ -79,6 +86,51 @@ function Contribute() { ))} +
+ + + +
+

InstantX on the LF Edge Slack

+

+ Day-to-day project chat lives in the InstantX channel of the LF Edge Slack workspace — design + questions, integration help, release coordination and community calls. Maintainers and adopters + read it, so it is the quickest way to reach someone. +

+
+
+
Workspace
+
lfedge.slack.com
+
+ +
+
Mailing list
+
+ + instantx-TSC ↗ + +
+
+
+
+
+ + + Open the channel + + + Get a Slack invite + +
+
+
PR flow {FLOW_STEPS.map((step, i) => ( diff --git a/website/src/components/Footer.tsx b/website/src/components/Footer.tsx index 2714df2..313f3e5 100644 --- a/website/src/components/Footer.tsx +++ b/website/src/components/Footer.tsx @@ -61,6 +61,8 @@ function Footer() {

Community

Discussions + Slack channel + Mailing list · instantx-TSC Contributing Code of conduct License · MIT + Apache-2.0 diff --git a/website/src/components/icons.tsx b/website/src/components/icons.tsx index 0fe17be..74f939d 100644 --- a/website/src/components/icons.tsx +++ b/website/src/components/icons.tsx @@ -25,6 +25,17 @@ export function GitHubIcon() { ) } +export function SlackIcon() { + return ( + + ) +} + export function ArrowRightIcon({ className }: { className?: string }) { return (