UI rehaul

[L7R7]

Right now the UI is everything but fancy, but with my limited CSS skills it was the only way I found that fulfills all my requirements.

Requirements for the UI

• Basically, I'm looking for a layout with tiles that are squares
• Instead of resizing the tiles, the tiles should be rearranged on different rows and columns if possible (that's something I quite like about the current solution)
• The whole tile should be clickable, not only the text
• The page title (and maybe the favicon) could represent a summary of the build statuses (for example the UTF-8 checkmark when all pipelines are green or the number of broken pipelines if there are any)

Some ideas that sound good to me

• I'd like to have a bootstrap based UI. I kinda like the cards that it offers: https://getbootstrap.com/docs/4.0/components/card/
• I definitely prefer a very simple UI that ideally doesn't need any JS. Maybe it makes sense to add something that reloads the data regularly, but for now I found a JS-free way that works
• It would be nice to have some kind of footer at the bottom that contains metadata, like the timestamp of the last update

[L7R7]

Since 338415d, the status is not shown as text anymore. Instead, the color of the tile and the Tooltip indicate the current status of a pipeline.

I like this, because it's cleaner and less clutter now

[L7R7]

The tiles are (pretty much?) quadratic now, done in eb11e7f. Closing this for now