> ## Documentation Index
> Fetch the complete documentation index at: https://docs.livepeer.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Find Your Path

> Choose the right community path based on your goals, experience level, and interests. Whether you want to connect, contribute, govern, or explore, there is a place for you.

export const CenteredContainer = ({children, maxWidth = "800px", padding = "0", preset = "default", width = "", minWidth = "", marginRight = "", marginBottom = "", textAlign = "", style = {}, className = "", ...rest}) => {
  const presets = {
    default: {},
    fitContent: {
      width: "fit-content",
      minWidth: "fit-content"
    },
    readable70: {
      width: "70%",
      minWidth: "fit-content"
    },
    readable80: {
      width: "80%",
      minWidth: "fit-content"
    },
    readable90: {
      width: "90%"
    },
    wide900: {
      maxWidth: "900px"
    }
  };
  const presetStyle = presets[preset] || presets.default;
  return <div className={className} style={{
    maxWidth: presetStyle.maxWidth || maxWidth,
    margin: "0 auto",
    padding: padding,
    ...presetStyle.width ? {
      width: presetStyle.width
    } : {},
    ...presetStyle.minWidth ? {
      minWidth: presetStyle.minWidth
    } : {},
    ...width ? {
      width
    } : {},
    ...minWidth ? {
      minWidth
    } : {},
    ...marginRight ? {
      marginRight
    } : {},
    ...marginBottom ? {
      marginBottom
    } : {},
    ...textAlign ? {
      textAlign
    } : {},
    ...style
  }} {...rest}>
      {children}
    </div>;
};

export const CustomDivider = ({color = "var(--lp-color-border-default)", middleText = "", spacing = "default", style = {}, className = "", ...rest}) => {
  const spacingPresets = {
    default: {
      margin: "24px 0"
    },
    overlap: {
      margin: "-1rem 0 -1rem 0"
    },
    tight: {
      margin: "0 0 -1rem 0"
    },
    section: {
      margin: "0 0 -2rem 0"
    },
    sectionOverlap: {
      margin: "-1rem 0 -2rem 0"
    },
    deepOverlap: {
      margin: "-1rem 0 -1.5rem 0"
    }
  };
  const spacingStyle = spacingPresets[spacing] || spacingPresets.default;
  return <div role="separator" aria-orientation="horizontal" className={className} style={{
    display: "flex",
    alignItems: "center",
    ...spacingStyle,
    fontSize: style?.fontSize || "16px",
    height: "fit-content",
    ...style
  }} {...rest}>
      <span style={{
    marginRight: "var(--lp-spacing-px-8)",
    opacity: 0.2
  }}>
        <Icon icon="/snippets/assets/logos/Livepeer-Logo-Symbol-Theme.svg" />
      </span>
      <div style={{
    flex: 1,
    height: "1px",
    background: "var(--lp-color-border-default)",
    opacity: 0.4
  }}></div>
      {middleText && <>
          <Icon icon="circle" size={2} />
          <span style={{
    margin: "0 8px",
    fontWeight: "bold",
    color: color,
    opacity: 0.7
  }}>
            {middleText}
          </span>
          <Icon icon="circle" size={2} />
        </>}
      <div style={{
    flex: 1,
    height: "1px",
    background: "var(--lp-color-border-default)",
    opacity: 0.4
  }}></div>
      <span style={{
    marginLeft: "var(--lp-spacing-px-8)",
    opacity: 0.2
  }}>
        <span style={{
    display: "inline-block",
    transform: "scaleX(-1)"
  }}>
          <Icon icon="/snippets/assets/logos/Livepeer-Logo-Symbol-Theme.svg" />
        </span>
      </span>
    </div>;
};

export const LinkArrow = ({href, label, description, newline = true, borderColor, className = '', style = {}, ...rest}) => {
  const linkArrowStyle = {
    display: 'inline-flex',
    alignItems: 'center',
    justifyContent: 'center',
    gap: "var(--lp-spacing-1)",
    width: 'fit-content',
    ...borderColor && ({
      borderColor
    })
  };
  return <span className={className} style={style} {...rest}>
      {newline && <br />}
      <span style={linkArrowStyle}>
        <a href={href} target="_blank" rel="noopener noreferrer">
          {label}
        </a>
        <Icon icon="arrow-up-right" size={14} color="var(--lp-color-accent)" />
      </span>
      {description && description}
      {description && <div style={{
    height: "var(--lp-spacing-3)"
  }} />}
    </span>;
};

<CenteredContainer preset="readable90">
  <Tip>The Livepeer community spans builders, operators, Delegators, and contributors. This page routes you to the right section based on what you are looking for or what role you play.</Tip>
</CenteredContainer>

<CustomDivider />

Livepeer is a decentralised network. There is no single company running it; the people who build, operate, delegate, and govern the network are the network. This page helps you find your path in.

<CustomDivider />

## By topic

<AccordionGroup>
  <Accordion title="Learn about Livepeer" icon="book-open">
    **Start with the basics**

    Livepeer is an open, GPU-powered network for video transcoding and AI inference. The About tab covers how the protocol works, the network architecture, and the role of the LPT token.

    <LinkArrow href="/v2/home/about" label="About Livepeer" /> then <LinkArrow href="/v2/community/portal" label="Community Portal" newline={false} />
  </Accordion>

  <Accordion title="Join the community" icon="people-group">
    **Find where the community gathers**

    The Livepeer community is distributed across Discord, the Forum, Telegram, X, YouTube, and Luma. Each platform has a distinct purpose. Use the channels page to find the right surface for your question or interest.

    <LinkArrow href="/v2/community/connect/connect-channels" label="Channels and platforms" /> then <LinkArrow href="/v2/community/connect/events-and-streams" label="Events and calls" newline={false} />
  </Accordion>

  <Accordion title="Contribute skills" icon="hand-holding-heart">
    **Contribute code, docs, translation, or support**

    Livepeer is open source and community-governed. Useful participation does not require writing code. Governance, support, translation, and documentation are high-value contribution paths with funded opportunities.

    <LinkArrow href="/v2/community/contribute/contribute" label="Ways to contribute" /> then <LinkArrow href="/v2/community/contribute/opportunities" label="Funded opportunities" newline={false} />
  </Accordion>

  <Accordion title="Participate in governance" icon="building-columns">
    **Shape the direction of the network**

    Livepeer governance is on-chain, binding, and open to any staked LPT holder. Community members can read proposals, comment on the Forum, vote via the Explorer, or draft and submit new proposals.

    <LinkArrow href="/v2/community/ecosystem/governance" label="Governance overview" /> then <LinkArrow href="https://explorer.livepeer.org/treasury" label="Explorer: active proposals" newline={false} />
  </Accordion>

  <Accordion title="Partner with Livepeer" icon="handshake">
    **Integration, infrastructure, and business partnerships**

    For partnership enquiries, including integrations, data centre partnerships, and enterprise use cases, contact the Livepeer Foundation directly.

    <LinkArrow href="https://livepeer.org" label="Livepeer Foundation" /> then <LinkArrow href="/v2/community/ecosystem/organisations" label="Ecosystem organisations" newline={false} />
  </Accordion>

  <Accordion title="Find careers and jobs" icon="briefcase">
    **Work in the Livepeer ecosystem**

    Roles exist across the Livepeer Foundation, funded SPE teams, and ecosystem projects. Check the Forum and Discord for open positions, or explore funded contribution pathways.

    <LinkArrow href="/v2/community/contribute/opportunities" label="Funded opportunities" /> then <LinkArrow href="https://forum.livepeer.org" label="Forum: announcements" newline={false} />
  </Accordion>

  <Accordion title="Get help or support" icon="circle-question">
    **Find answers and connect with the community**

    For technical support, community questions, or onboarding help, Discord is the primary surface. The FAQ covers the most common questions for new participants.

    <LinkArrow href="https://discord.livepeer.org" label="Join the Discord" /> then <LinkArrow href="/v2/community/resources/faq" label="Community FAQ" newline={false} />
  </Accordion>

  <Accordion title="Media and press" icon="newspaper">
    **Brand assets, media kit, and press resources**

    Download logos, brand guidelines, and media assets for press coverage, events, or ecosystem content.

    <LinkArrow href="/v2/community/resources/compendium/media-kit" label="Media kit" /> then <LinkArrow href="/v2/community/connect/news-and-socials" label="News and socials" newline={false} />
  </Accordion>

  <Accordion title="Explore the ecosystem" icon="compass">
    **Discover projects, tools, and what is being built**

    The Livepeer ecosystem includes community-built tools, analytics dashboards, and projects built on the network. The roadmap shows what is coming next.

    <LinkArrow href="/v2/community/ecosystem/showcase" label="Project showcase" /> then <LinkArrow href="/v2/community/resources/awesome-livepeer" label="Ecosystem tools" newline={false} />
  </Accordion>
</AccordionGroup>

<CustomDivider />

## By role

<CardGroup cols={3}>
  <Card title="I'm new to Livepeer" icon="seedling" href="/v2/community/portal">
    Start with the Community Portal for an overview, then explore channels and the FAQ.
  </Card>

  <Card title="I hold LPT" icon="coins" href="/v2/delegators">
    The Delegators tab covers staking, delegation, rewards, and governance participation.
  </Card>

  <Card title="I run infrastructure" icon="server" href="/v2/orchestrators">
    GPU node operators start with the Orchestrators tab. Gateway operators start with the Gateways tab.
  </Card>

  <Card title="I build apps" icon="code" href="/v2/developers">
    The Developers tab has quickstarts for AI inference, real-time video AI, transcoding, and OSS contribution.
  </Card>

  <Card title="I want to contribute" icon="hand-holding-heart" href="/v2/community/contribute/contribute">
    Code, documentation, governance, translation, and community support, with funded and volunteer paths.
  </Card>

  <Card title="I want to govern" icon="building-columns" href="/v2/community/ecosystem/governance">
    On-chain voting, proposals, workstreams, and the SPE process for funded ecosystem work.
  </Card>
</CardGroup>

<CustomDivider />

## Related pages

<CardGroup cols={3}>
  <Card title="Community Guidelines" icon="shield-check" href="/v2/community/guides/guidelines">
    Conduct standards for every Livepeer community space.
  </Card>

  <Card title="Glossary" icon="book" href="/v2/community/resources/glossary">
    Searchable definitions of protocol, governance, and ecosystem terms.
  </Card>

  <Card title="Roadmap" icon="road" href="/v2/community/ecosystem/roadmap">
    What the Livepeer Network is working on and where it is heading.
  </Card>
</CardGroup>
