Skip to content

Redevelopment of Docs homepage and inner pages #3227

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
Zelig880 wants to merge 48 commits into
base: main
Choose a base branch
from
Open

Redevelopment of Docs homepage and inner pages #3227

Zelig880 wants to merge 48 commits into from
+15,806 −3,819

Conversation

@Zelig880
Copy link
Contributor

@Zelig880 Zelig880 commented Nov 26, 2025

Description

Redesigned the homepage and inner pages of the Doc to be inline with the Dev 3.0 designs.
This PR includes the addition of the "chainlink-blocks" and standardise some of the component used within the Pages.

...

Changes

  • Redesigned the homepage
  • Redesigned the mega menu
  • Create a new Reusable Layout for inner pages
  • Added Chainlink-blocks (and Tailwind dependencies)

tyrelchambers and others added 30 commits October 14, 2025 07:51
@tyrelchambers
Feat/82 update packages (#94)
6052ac7 
* chore: add blocks package

* feat: install tailwind

* chore: install tailwind v3

* fix: remove autoprefixer

* Restore package-lock

* fix: disable preflight
@tyrelchambers
Feat/83 remove secondary header (#95)
983a0fc 
* Remove DocsNavigation from DocsLayout. Update styling to accomodate.

* fix: adjust left grid sticky and padding

* Update leftSidebar.module.css

* fix: remove docs from tutoriallayout
@tyrelchambers
checkpoint: added block styling
014aaa9
@tyrelchambers
Update left sidebar style and add quick links
d6c8f5a
@tyrelchambers
remove bg from left sidebar
e54128a
@tyrelchambers
remove additional links from right sidebar
3394947
@tyrelchambers
fix styling
044980f
@tyrelchambers
fix tailwind rendering for blocks components. spot fix styling overrides
287486d 
from tailwind
@tyrelchambers
Update docsHeaderTitle.module.css
3086a97
@tyrelchambers
Update leftSidebar.module.css
a22327f
@tyrelchambers
Update LeftSidebar.astro
4f85275
@tyrelchambers
Update PageContent.astro
e0b52f4
@tyrelchambers
Update DocsHeaderTitle.astro
43c874c
@tyrelchambers
Adds DocsV3Layout skeleton (#102)
e506408
@tyrelchambers
fix spacing
9fb15c3
@tyrelchambers
feat/84-update-sidebar
bd2bee8 
Feat/84 update sidebar
@tyrelchambers
Feat: Add cards (#101)
2c2c2ea 
* add cards

* update styling

* adjust types

* fix heading

* cleanup grid styling
@tyrelchambers @Zelig880
Feat/93 layout tutorials (#104)
856c50d 
* add tutorial foundation

* Add tutorial components

* add README

* support N number of columns and add arrow icon

* Update index.astro

* remove unused import

* Update GridCard.module.css

* change how we add borders

* make grid responsive

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>
@tyrelchambers
Feat/91 layout hero (#103)
823224d 
* add layout hero

* use button component styles for the button links

* removing unused styles
@tyrelchambers
Feat/108 info tab (#120)
a7979c9 
* add info card

* Update QuickLinkCard.module.css

* Update QuickLinkCard.module.css
@tyrelchambers @Zelig880
Feat/112 image (#118)
e6d417a 
* add media structure

* Create README.md

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>
@tyrelchambers @Zelig880
Add resources grid (#117)
ae1893f 
* add resources grid

* adjust image linking

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>
@tyrelchambers @Zelig880
Feat/110 tools utilities (#116)
f140ca8 
* add grid

* Update DocsV3Layout.astro

* Update DocsV3Layout.astro

* rwd

* Update DocsV3Layout.astro

* Update DocsV3Layout.astro

* Update ToolsUtilitiesGrid.astro

* add readme

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>
@tyrelchambers
Feat/make overview page (#122)
2ec0aca 
* move all new components to overview (index mdx) page

* fix css rule

* update example links to real links

* fix linkchecker
@tyrelchambers
Feat/115 mobile components (#119)
12ac1c0 
* RWD layout hero

* RWD cards and tutorials

* improve mobile spacing

* fix tab trigger jump
@tyrelchambers @Zelig880
Add chainlink journey (#133)
0f7f145 
* add journey cards

* move components

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>
@tyrelchambers
Feat/127 tech standards (#134)
5fdaeb6 
* add journey cards

* add tech standards

* Update TechnicalStandards.astro

* Update TechnicalStandards.astro

* Update TechnicalStandards.astro

* Update TechnicalStandards.astro
@tyrelchambers
Feat/128 demos (#136)
d158a7e 
* add demos

* add hover effects

* update styling

* wrap up

* fixes merge conflicts

* add anchor tags
@tyrelchambers
Feat/114 changelog (#135)
131ea07 
* add changelog stylin and elements

* Add footer masking

* Update ChangelogCard.module.css

* mobile improvements

* Update ChangelogCard.astro

* wrap up

* add prop for query

* add README

* add fade to show more

* Update ChangelogSnippet.astro

* add query types

* fix merge conflicts

* Update ChangelogSnippet.astro

* clarify comment
@tyrelchambers
add mobile journeys (#141)
03b02da 
* add mobile journeys

* remove old grid card css
tyrelchambers and others added 11 commits November 6, 2025 15:22
@tyrelchambers
Feat/86 megamenu (#137)
1cf006b 
* add basic megamenu structure and add missing icons

* update megamenu desktop design

* Update MegaMenu.tsx

* Feat/85 hero (#132)

* add hero

* fix styling

* fix css issue on dropdown menu

* Update ProductNavigation.tsx

* Update landingHero.module.css

* add truncate

* fix some styling

* cleaned up old components and fixed some mobile styling

* format megamenu and remove dead code

* Update productNavigation.module.css

* Update index.astro
@tyrelchambers
Feat/129 community (#143)
817bcc1 
* html foundation

* finish

* Update CommunityEvents.module.css

* Update CommunityEvents.astro

* update styling

* Update fetchEvents.ts

* Update CommunityEvents.astro

* Update CommunityEvents.module.css
@tyrelchambers
Add get certified page (#151)
01c8eee 
* add certified base

* Update certification.astro

* Update certification.astro

* Update certification.astro

* Update certification.astro

* update colour token

* Update ProductNavigation.tsx
@tyrelchambers @Zelig880
Feat/130 try it (#142)
afd5580 
* add component

* styling

* update try it out component

* Update MegaMenu.tsx

* wrap up tryit

* add README

* Update TryItOutAccordion.tsx

* add dynamic code samples and accordian control

* prerender code

* Update CodeSampleReact.tsx

* Update styles.module.css

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>
@tyrelchambers
Support video in resources section (#147)
0311d9e 
* support video

* Update ResourceCard.astro

* Update ResourceCard.astro
@Zelig880
Merge branch 'main' into dev-3.0
6d3996b
@Zelig880
Update Package.json
e4ca977
@tyrelchambers
Fixes from merge with main (#165)
1bb68ca 
* fixes from merge with main

* fix directory header
@Zelig880
Merge remote-tracking branch 'origin/main' into dev-3.0
22dca93
@Zelig880
Update Package.json after merge
1a38c95
@Zelig880 @tyrelchambers
Squash work (#166)
c3a1962 
* Feat/82 update packages (#94)

* chore: add blocks package

* feat: install tailwind

* chore: install tailwind v3

* fix: remove autoprefixer

* Restore package-lock

* fix: disable preflight

* Feat/83 remove secondary header (#95)

* Remove DocsNavigation from DocsLayout. Update styling to accomodate.

* fix: adjust left grid sticky and padding

* Update leftSidebar.module.css

* fix: remove docs from tutoriallayout

* checkpoint: added block styling

* Update left sidebar style and add quick links

* remove bg from left sidebar

* remove additional links from right sidebar

* fix styling

* fix tailwind rendering for blocks components. spot fix styling overrides
from tailwind

* Update docsHeaderTitle.module.css

* Update leftSidebar.module.css

* Update LeftSidebar.astro

* Update PageContent.astro

* Update DocsHeaderTitle.astro

* Adds DocsV3Layout skeleton (#102)

* fix spacing

* Feat: Add cards (#101)

* add cards

* update styling

* adjust types

* fix heading

* cleanup grid styling

* Feat/93 layout tutorials (#104)

* add tutorial foundation

* Add tutorial components

* add README

* support N number of columns and add arrow icon

* Update index.astro

* remove unused import

* Update GridCard.module.css

* change how we add borders

* make grid responsive

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>

* Feat/91 layout hero (#103)

* add layout hero

* use button component styles for the button links

* removing unused styles

* Feat/108 info tab (#120)

* add info card

* Update QuickLinkCard.module.css

* Update QuickLinkCard.module.css

* Feat/112 image (#118)

* add media structure

* Create README.md

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>

* Add resources grid (#117)

* add resources grid

* adjust image linking

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>

* Feat/110 tools utilities (#116)

* add grid

* Update DocsV3Layout.astro

* Update DocsV3Layout.astro

* rwd

* Update DocsV3Layout.astro

* Update DocsV3Layout.astro

* Update ToolsUtilitiesGrid.astro

* add readme

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>

* Feat/make overview page (#122)

* move all new components to overview (index mdx) page

* fix css rule

* update example links to real links

* fix linkchecker

* Feat/115 mobile components (#119)

* RWD layout hero

* RWD cards and tutorials

* improve mobile spacing

* fix tab trigger jump

* Add chainlink journey (#133)

* add journey cards

* move components

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>

* Feat/127 tech standards (#134)

* add journey cards

* add tech standards

* Update TechnicalStandards.astro

* Update TechnicalStandards.astro

* Update TechnicalStandards.astro

* Update TechnicalStandards.astro

* Feat/128 demos (#136)

* add demos

* add hover effects

* update styling

* wrap up

* fixes merge conflicts

* add anchor tags

* Feat/114 changelog (#135)

* add changelog stylin and elements

* Add footer masking

* Update ChangelogCard.module.css

* mobile improvements

* Update ChangelogCard.astro

* wrap up

* add prop for query

* add README

* add fade to show more

* Update ChangelogSnippet.astro

* add query types

* fix merge conflicts

* Update ChangelogSnippet.astro

* clarify comment

* add mobile journeys (#141)

* add mobile journeys

* remove old grid card css

* Feat/86 megamenu (#137)

* add basic megamenu structure and add missing icons

* update megamenu desktop design

* Update MegaMenu.tsx

* Feat/85 hero (#132)

* add hero

* fix styling

* fix css issue on dropdown menu

* Update ProductNavigation.tsx

* Update landingHero.module.css

* add truncate

* fix some styling

* cleaned up old components and fixed some mobile styling

* format megamenu and remove dead code

* Update productNavigation.module.css

* Update index.astro

* Feat/129 community (#143)

* html foundation

* finish

* Update CommunityEvents.module.css

* Update CommunityEvents.astro

* update styling

* Update fetchEvents.ts

* Update CommunityEvents.astro

* Update CommunityEvents.module.css

* Add get certified page (#151)

* add certified base

* Update certification.astro

* Update certification.astro

* Update certification.astro

* Update certification.astro

* update colour token

* Update ProductNavigation.tsx

* Feat/130 try it (#142)

* add component

* styling

* update try it out component

* Update MegaMenu.tsx

* wrap up tryit

* add README

* Update TryItOutAccordion.tsx

* add dynamic code samples and accordian control

* prerender code

* Update CodeSampleReact.tsx

* Update styles.module.css

---------

Co-authored-by: Simone Cuomo <simone@thisdot.co>

* Support video in resources section (#147)

* support video

* Update ResourceCard.astro

* Update ResourceCard.astro

* Update Package.json

* Fixes from merge with main (#165)

* fixes from merge with main

* fix directory header

* Update Package.json after merge

---------

Co-authored-by: Tyrel Chambers <tychambers3@gmail.com>
@Zelig880 Zelig880 requested a review from a team as a code owner November 26, 2025 08:01
@vercel
Copy link

vercel bot commented Nov 26, 2025

@Zelig880 is attempting to deploy a commit to the Chainlink Labs Team on Vercel.

A member of the Team first needs to authorize it.

@tyrelchambers
Feat/153 changelog (#152)
527c433 
* add page

* add changelog page

* adjust tyling

* copy button

* add individual changelog page

* styling

* make individual page for changelog item

* add pagination

* Update [...id].astro

* add networks

* fix some styling

* Update README.md
@vercel
Copy link

vercel bot commented Dec 3, 2025 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
documentation Ready Ready Preview Jan 28, 2026 2:44pm

Request Review

@tyrelchambers
Feat/changelog filter (#168)
4201d8f 
* add page

* add changelog page

* add pagination

* Update changelog.astro

* adding filter float

* lots of styling

* more fixes

* styling

* add not found

* mobile filtering

* refactor components

* utils file

* Update ChangelogFilters.tsx

* Update MobileFilters.tsx

* use hooks

* Update DesktopFilters.tsx

* Update changelogFilters.ts

* fix race condition with updating url with search params on intitial load

* bug and merge conflicts

* click out side handler

* fix style issue on mobile
@gfletcher-cll gfletcher-cll mentioned this pull request Dec 24, 2025
Open
vyktoremario and others added 5 commits January 28, 2026 10:43
@vyktoremario
161 - make product pill align (#213)
c94c8d6 
* filter using

* fix remix-callout button colors

* dispaly null
@vyktoremario
Use Wrap lines on the Main Hero items (#212)
8473a21 
* Use Wrap lines on the Main Hero items

* remove dead code
@vyktoremario
Demo section showing dark fonts (#207)
7bf919d
@vyktoremario
[Bug]: Align items on "Chainlink Journey Section (#208)
393744e 
* Align items on Chainlink Journey Section

* align items
@Zelig880
Merge branch 'dev-3.0' into feat/dev-3.0
ca4bd25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

Do not merge

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

4 participants

@Zelig880 @gfletcher-cll @tyrelchambers @vyktoremario