nodejs / nodejs.org

The Node.js® Website
https://nodejs.org
MIT License
6.23k stars 6.26k forks source link

Update design for Status Page #7053

Open MattIPv4 opened 2 months ago

MattIPv4 commented 2 months ago

Enter your suggestions in details:

👋 Given the incident today, it seems folks have remembered that we have a status page (though it is very rarely used luckily). It'd be good to get the design updated on it to match the theme used on the site where possible.

Status page gives us very limited control, allowing for custom SCSS to be defined that'll apply globally to all pages and the ability to inject custom HTML (and JavaScript) in the footer of all pages.

The current customisations are documented in https://github.com/nodejs/build/pull/2299. Either we get that PR updated to capture new changes, or perhaps documenting those would be better in this repository now.

AugustinMauroy commented 1 month ago

I don't know what Claudio has planned from a technical point of view. But I think it would be cool to have the code for it under app/status. And that it uses Tailwindcss with parcel for build. This would make it possible to have a page that resembles the original site.

ovflowd commented 1 month ago

I don't know what Claudio has planned from a technical point of view. But I think it would be cool to have the code for it under app/status. And that it uses Tailwindcss with parcel for build. This would make it possible to have a page that resembles the original site.

We use Statuspage.io and intend to keep using Statuspage.io -- the ask here is to just update the styling and images of our Statuspage.io to reflect more on the Node.js website design refresh.

As @MattIPv4 wrote in his post, it also allows custom HYML and JS.

bmuenzenmeyer commented 1 month ago

@ovflowd do you have intentions and capacity to do this?? Else we can find another contributor

AugustinMauroy commented 3 weeks ago

FIY: here some docs about customization https://support.atlassian.com/statuspage/docs/create-pages-and-components-in-statuspage/