[SPIKE] Convert Thoth website to a Gatsby site

[Gkrumbach07]

Is your feature request related to a problem? Please describe.
As a Thoth user, I want all Thoth related sites to have the same UI and share navigation to make the Thoth sites feel more uniform.

Describe the solution you'd like
Convert the Thoth site and its content to a Gatsby JS site and have better navigation for the documentation.

Additional context

Gastby can be used to pull markdown files (or any other files), format them, and render them in a consistent way using React. Operate First's old website did this and their new site also uses Gatsby but doesn't pull markdown data.

• Operate First new website: https://github.com/operate-first/operate-first.github.io
• Operate First old website: https://github.com/operate-first/operate-first.github.io-old
• Thoth Help site: https://thoth-station.ninja/help/
• Thoth Website: https://thoth-station.ninja
• current Doc generation: https://github.com/thoth-station/nepthys

Acceptance Criteria

• Gatsby site looks like Thoths current website in terms of formatting, color, structure.
• Gastby site renders documentation using Gastby nodes (see Thoth help page and old operate first site for implementation)

[Gkrumbach07]

/sig user-experience
/priority backlog
/good-first-issue

[sesheta]

@Gkrumbach07:
This request has been marked as suitable for new contributors.

Please ensure the request meets the requirements listed here.

If this request no longer meets these requirements, the label can be removed
by commenting with the /remove-good-first-issue command.

In response to this:

/sig user-experience
/priority backlog
/good-first-issue

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[Gkrumbach07]

/assign @shreekarSS
/lifecycle active

[Gkrumbach07]

Documentation uses a combination of bots, sphinx, and swagger-codegen. To integrate Thoth website docs into a gtasby site, we would need to write a script similer to the one made in the bot.

The end goal is to replicate what was done on the Thoth Help site, or add enough styling and navigational components to the docs so that it feels seamless with the main website.

Issue will be an epic if done.

/close

[sesheta]

@Gkrumbach07: Closing this issue.

In response to this:

Documentation uses a combination of bots, sphinx, and swagger-codegen. To integrate Thoth website docs into a gtasby site, we would need to write a script similer to the one made in the bot.

The end goal is to replicate what was done on the Thoth Help site, or add enough styling and navigational components to the docs so that it feels seamless with the main website.

Issue will be an epic if done.

/close

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[codificat]

/reopen
after the discussion in today's tech talk

[sesheta]

@codificat: Reopened this issue.

In response to this:

/reopen
after the discussion in today's tech talk

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[Gkrumbach07]

Decided web technologies used:

• Gatsby (React framework)
• MUI Joy (theme and component library)
• Storybooks and Chromatic (UI Testing, UI docs, UI CI/CD)