I've redesigned the Zuul status page at https://integration.wikimedia.org/zuul/ (or view demo https://integration.wikimedia.org/zuul/?demo=basic if its idle/empty).
This was the last of our microsites and productivity tools where we still used the Twitter Bootstrap design, rather than Wikimedia Design Style Guide https://design.wikimedia.org/style-guide/. It now fits well with the others, such as doc.wikimedia.org, research.wikimedia.org, and performance.wikimedia.org.
As a fun excercise, I also optimised it. It now transfers 80% less data and loads upto 5X faster (time to visual complete). The details may be of interest to others as example of iterative refactoring on legacy code (code linked below).
For a visual side-by-side and an overview of the bug fixes, design tweaks, and perf improvements; refer to my post at: https://phabricator.wikimedia.org/T322168#8368581
Source commits: https://gerrit.wikimedia.org/r/q/project:integration/docroot+file:zuul+is:me...
-- Timo Tijhof
Timo,
Thanks for putting the extra effort into documenting your process. It is very much appreciated!
Best,
Brian King SRE, Search Platform Team Wikimedia Foundation IRC: inflatador
On Nov 3, 2022, at 6:46 PM, Krinkle krinkle@fastmail.com wrote:
I've redesigned the Zuul status page at https://integration.wikimedia.org/zuul/ https://integration.wikimedia.org/zuul/ (or view demo https://integration.wikimedia.org/zuul/?demo=basic if its idle/empty).
This was the last of our microsites and productivity tools where we still used the Twitter Bootstrap design, rather than Wikimedia Design Style Guide https://design.wikimedia.org/style-guide/. It now fits well with the others, such as doc.wikimedia.org https://doc.wikimedia.org/, research.wikimedia.org https://research.wikimedia.org/, and performance.wikimedia.org https://performance.wikimedia.org/.
As a fun excercise, I also optimised it. It now transfers 80% less data and loads upto 5X faster (time to visual complete). The details may be of interest to others as example of iterative refactoring on legacy code (code linked below).
For a visual side-by-side and an overview of the bug fixes, design tweaks, and perf improvements; refer to my post at: https://phabricator.wikimedia.org/T322168#8368581 https://phabricator.wikimedia.org/T322168#8368581
Source commits: https://gerrit.wikimedia.org/r/q/project:integration/docroot+file:zuul+is:me... https://gerrit.wikimedia.org/r/q/project:integration/docroot+file:zuul+is:merged+owner:Krinkle+before:%25222022-11-03+22:00:00%2522+after:2022-01-01
-- Timo Tijhof _______________________________________________ Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org mailto:wikitech-l@lists.wikimedia.org To unsubscribe send an email to wikitech-l-leave@lists.wikimedia.org mailto:wikitech-l-leave@lists.wikimedia.org https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/ https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/
I just wanted to say a big "Thank you!" as well, because the new design looks really amazing, especially in dark mode. <3
Best regards, Zoran
нед, 6. нов 2022. у 22:24 Brian King bking@wikimedia.org је написао/ла:
Timo,
Thanks for putting the extra effort into documenting your process. It is very much appreciated!
Best,
Brian King SRE, Search Platform Team Wikimedia Foundation IRC: inflatador
On Nov 3, 2022, at 6:46 PM, Krinkle krinkle@fastmail.com wrote:
I've redesigned the Zuul status page at https://integration.wikimedia.org/zuul/ (or view demo https://integration.wikimedia.org/zuul/?demo=basic if its idle/empty).
This was the last of our microsites and productivity tools where we still used the Twitter Bootstrap design, rather than Wikimedia Design Style Guide https://design.wikimedia.org/style-guide/. It now fits well with the others, such as doc.wikimedia.org, research.wikimedia.org, and performance.wikimedia.org.
As a fun excercise, I also optimised it. It now transfers 80% less data and loads upto 5X faster (time to visual complete). The details may be of interest to others as example of iterative refactoring on legacy code (code linked below).
For a visual side-by-side and an overview of the bug fixes, design tweaks, and perf improvements; refer to my post at: https://phabricator.wikimedia.org/T322168#8368581
Source commits: https://gerrit.wikimedia.org/r/q/project:integration/docroot+file:zuul+is:me...
-- Timo Tijhof _______________________________________________ Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org To unsubscribe send an email to wikitech-l-leave@lists.wikimedia.org https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org To unsubscribe send an email to wikitech-l-leave@lists.wikimedia.org https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/
wikitech-l@lists.wikimedia.org