Skip to content

Add heading-based navigation to LFX program intro pages (jump to term + back to top) #7704

@saurabhraghuvanshii

Description

@saurabhraghuvanshii

Description

The LFX program intro pages https://layer5.io/programs/lfx/2026 (e.g. src/collections/programs/lfx-2026/lfx-2026.mdx) are long and organized by headings (Spring/Summer/Fall). We need in-page navigation so users can jump to the internship term of interest and then return back to the top.

Problem

  • Users must scroll to find the internship term they want.
  • After reading a term section, there’s no obvious “Back to top” action.

Expected Behavior

  • Add an “On this page” navigation near the top of the intro page that links to the term headings present on that page (Spring / Summer / Fall).
  • Add a “Back to top” link near the end of each term section (or provide an always-available back-to-top control).
  • Ensure the anchor targets are stable and work reliably with Gatsby/MDX heading rendering.

Screenshots

Environment:

  • Host OS:
  • Browser:

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions