Github-style status badges?

[zahhar]

Hi,

Halfmoon is amazing project, thank you for starting it.
Now I am working on a status page and I am missing Github-style badges.
Bootstrap does not have it either, and all badge generators I found (e.g. shields.io) provide only images, but not the markup.

So I came up with something that covers my needs, take a look: https://jsfiddle.net/zahhar/8ezmnLy9/3/

Will be happy to improve (dark mode, links, unification with existing badges - you name it) and create PR if you think this is valuable addition to Halfmoon.

[halfmoonui]

Hey, thanks for the kind words. Regarding the image based status badges, I think the main reason for providing support for images only (and not markup) is because these images are mostly used on READMEs. However, this is certainly not a bad idea. Halfmoon has a few missing group components, namely button groups, so badge groups could also be a nice addition.

[zahhar]

@halfmoonui - may I ask you to share some tips for contributors? I am not sure if I should change halfmoon-variables.css or halfmoon.css, for example. Or probably you actually have source files for every component + variables file separately, that get linted together into resulting halfmoon.css?

Anyhow, appreciate some guidance before I create a PR.

[halfmoonui]

@zahhar Yes sure. Basically, I do not have source files for every component, instead it is just the two monoliths. I usually add the changes the halfmoon-variables.css file first, and then to the halfmoon.css file. If everything works as expected, the code is minified and pushed to git.

[haguezoum]

I hope you download Halfmoon for smooth Angular use Thank you Le dim. 12 juil. 2020 à 16:52, Halfmoon UI <notifications@github.com> a écrit :

…

@zahhar <https://github.com/zahhar> Yes sure. Basically, I do not have source files for every component, instead it is just the two monoliths. I usually add the changes the halfmoon-variables.css file first, and then to the halfmoon.css file. If everything works as expected, the code is minified and pushed to git. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#2 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMRSVE4URBYMPDGW3S6GKVTR3HL3RANCNFSM4OWJFFIA> .

[halfmoonui]

@zahhar This has been added in v1.1.0. Link: https://www.gethalfmoon.com/docs/badges/#badge-group

I will go ahead and close this issue. You can re-open it if you think the issue is still not resolved, or open another issue.