Skip to content
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.

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

status.nixos.org #7

Closed
6 tasks done
garbas opened this issue Jan 3, 2022 · 6 comments
Closed
6 tasks done

status.nixos.org #7

garbas opened this issue Jan 3, 2022 · 6 comments
Assignees

Comments

@garbas
Copy link
Member

garbas commented Jan 3, 2022

Some time ago we moved https://nixos.org to new design. Ideas is to moved other websites that we host on nixos.org domain.

As https://status.nixos.org/ is simplest of them we are stating with it. All components that are already created in nixos/nixos-homepage should be:

  1. Moved to this repo
  2. Made reusable
  3. Document their usage and configuration options via StoryBook

The components that we need for https://status.nixos.org are:

  • top site navigation bar (same as on nixos.org, there is no dropdown needed)
  • site footer (currently not present on the status.nixos.org, but a footer from nixos.org can be taken for now)
  • page title (with optional description)
  • table
  • alert (warn/info/error/...) the same as defined in bootstrap
  • label (warn/info/success/...) the same as defined in bootstrap
@nixos-discourse
Copy link

This issue has been mentioned on NixOS Discourse. There might be relevant details there:

https://discourse.nixos.org/t/2022-01-19-marketing-meeting-minutes/17209/1

@samueldr
Copy link
Member

samueldr commented Feb 3, 2022

As I discussed previously, the <table> requires design work.

First rough draft. OBVIOUSLY the icons are placeholders. Furthermore, I don't think we need an icon for EOL'd channels, but rather we should put them in a second table. Though even in a single table, they should be sunk to the bottom when generating the HTML.

So we'd need an icon to describe "build failures". Something like ⚠ would probably be fine, so I guess the next step would be picking a warning sign up.

Is there anything you don't like with this rough draft, design-wise? Think usage outside of the status page too, for table data.

Screenshot enclosed

image

@garbas
Copy link
Member Author

garbas commented Feb 6, 2022

Furthermore, I don't think we need an icon for EOL'd channels, but rather we should put them in a second table. Though even in a single table, they should be sunk to the bottom when generating the HTML.

I would agree here, but lets just do the design work for now and we can look at the status.nixos.org and how we can improve the usability of it later.

So we'd need an icon to describe "build failures". Something like warning would probably be fine, so I guess the next step would be picking a warning sign up.

👍 I'd let you choose the warning sign.

Is there anything you don't like with this rough draft, design-wise? Think usage outside of the status page too, for table data.

I like it. Feels like part of nixos.org :)

@samueldr
Copy link
Member

samueldr commented Feb 6, 2022

I would agree here, but lets just do the design work for now and we can look at the status.nixos.org and how we can improve the usability of it later.

Yep, only brought it up because it is related to design considerations, but implementing the sinking of EOL'd channels does not block progress.

Thanks for the input, I'll review the implementation in more proper utility classes and that should be basically good.

@samueldr
Copy link
Member

samueldr commented Feb 16, 2022

Here's what I used to test and fake the status page table layout:

I replaced the download page with a static copy of the status page DOM, with minimum changes.

@garbas
Copy link
Member Author

garbas commented Feb 16, 2022

I think I now have all the components to rebuild status.nixos.org. I'll open issues if something else is needed, but for now I think we can close this issue.

@garbas garbas closed this as completed Feb 16, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants