gapmiss / badges Goto Github PK

Current badge syntax requires custom queries to Dataviewjs.
Would be nice to have option to beautify standard inline Dataview fields.

I want to use this plugin as a substitute to my tags

Rpg Awesome,Font Awesome, and others would be a nice coverage to use different icon set to cover other things.

Example would be using Rpg Awesome Icons to make make a beastiary for monsters and have a nice badge to display its type or category the monster falls in (think pokemon cards or magic the gathering, and how their is a element type associated with said card)

Any plans to support live preview?

I see that you can use the CSS Snippets to define new badges, but they seem to only have color settings exposed and I cannot find a way to specify the icon to be associated with that badge. Can this be added? (Or added to the example snippet if the feature is already available?) Thanks!

P.S. Love the Live Preview integration!

I'm not sure what needs implemented, but I was wondering how much work it would be to offer one of two solutions:

1. A way to add custom icons using maybe the SVG path, and being able to also define the text label, and a custom color.
2. Support for FontAwesome 6 icons using the font-awesome names.

Either one would work, but I'd imagine doing Option 1 would be much easier. Just having a settings panel for the plugin which allows you to simply copy/paste an SVG path and it showing that icon on the label.

There are other plugins like Iconize which support icon packages, but it makes you import all .svg icon files and the plugin stores them in a folder, and then the icons appear in a context menu to pick from. And that may be a lot of work, compared to just a simple SVG path.

Would be awesome to be able to render badges on the top or bottom of a document in Reading mode based on the Metadata. For example:

---
badges: [note, emergency]
---

Document text starts here

Could render this: