Wiki Labels

We use custom smileys to label certain notes in the wiki, as part of to-do lists, tracking, etc.

A list of the current custom labels, along with their shortcode:

• ISSUE-NeedsIssue
• ISSUE-Linked
• TICKET-NeedsTicket
• TICKET-Linked
• TODO-Wiki-Editing
• TODO-Technical-Docs
• TODO-Project-Dev
• TODO-Infrastructure
• TODO-Internal-Apps
• TODO-Wiki-Admin

Make this a table that includes the actual label (or an image), the shortcode, and a description or use-case for each label. —thhsh 2025-01-02

Labels are made using shields.io and then are saved as an SVG and pushed to DokuWiki. This is a quick note overview on what the process looks like.

1. Start making a static badge on shields.io
2. badgeContent should be the right side of the badge text, plus the color for the right side (hex).
   1. Separate the text and the hex color with a hyphen. For example, Serv–Dev-e600a9
3. style should be flat-square
4. logo is a base64-encoded SVG. See below for some common symbols that are used.
   1. I like this site for a quick way to upload an SVG and get the base64 version.
5. label is the left side of the badge text.
6. labelcolor is the color for the left side of the badge. Typically, this is #555555.
7. Hit the Execute button and make sure it looks right.
8. If it's good, copy the URL and open it in a new tab.
9. Download the SVG file using something like the SVG Export browser extension.
10. Add the SVG file to the DokuWiki smileys collection. Refer to and the DokuWiki documentation for more information.

Icon: Octicons alert-16 ^Link

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/alert-16_white.svg

base64:

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy4zLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY0KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYuNSwxYy43LTEuMiwyLjQtMS4yLDMuMSwwbDYuMSwxMS40Yy41LjkuMSwxLjktLjcsMi40LS4zLjEtLjUuMi0uOC4ySDEuOWMtMSwwLTEuNy0uOC0xLjctMS44LDAtLjMsMC0uNi4yLS44TDYuNSwxWk04LjIsMS44YzAtLjEtLjItLjItLjMtLjEsMCwwLDAsMC0uMS4xTDEuNywxMy4xYzAsLjEsMCwuMy4xLjMsMCwwLDAsMCwuMSwwaDEyLjJjLjEsMCwuMi0uMS4yLS4zLDAsMCwwLDAsMC0uMUw4LjIsMS44Wk04LjcsNS44djIuNWMwLC40LS4zLjgtLjguOHMtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOHMuOC4zLjguOFpNOSwxMWMwLC42LS40LDEtMSwxcy0xLS40LTEtMSwuNC0xLDEtMSwxLC40LDEsMVoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/alert-16_black.svg

base64:

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNNi40NTcgMS4wNDdjLjY1OS0xLjIzNCAyLjQyNy0xLjIzNCAzLjA4NiAwbDYuMDgyIDExLjM3OEExLjc1IDEuNzUgMCAwIDEgMTQuMDgyIDE1SDEuOTE4YTEuNzUgMS43NSAwIDAgMS0xLjU0My0yLjU3NVptMS43NjMuNzA3YS4yNS4yNSAwIDAgMC0uNDQgMEwxLjY5OCAxMy4xMzJhLjI1LjI1IDAgMCAwIC4yMi4zNjhoMTIuMTY0YS4yNS4yNSAwIDAgMCAuMjItLjM2OFptLjUzIDMuOTk2djIuNWEuNzUuNzUgMCAwIDEtMS41IDB2LTIuNWEuNzUuNzUgMCAwIDEgMS41IDBaTTkgMTFhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWiIvPjwvc3ZnPg==

Icon: Octicons issue-opened-16.svg ^Link

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/issue-opened-16_white.svg

base64:

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy4zLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY0KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgsOS41Yy44LDAsMS41LS43LDEuNS0xLjVzLS43LTEuNS0xLjUtMS41LTEuNS43LTEuNSwxLjUuNywxLjUsMS41LDEuNVoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOCwwYzQuNCwwLDgsMy42LDgsOHMtMy42LDgtOCw4UzAsMTIuNCwwLDgsMy42LDAsOCwwWk0xLjUsOGMwLDMuNiwyLjksNi41LDYuNSw2LjVzNi41LTIuOSw2LjUtNi41UzExLjYsMS41LDgsMS41LDEuNSw0LjQsMS41LDhaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/issue-opened-16_black.svg

base64:

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNNi40NTcgMS4wNDdjLjY1OS0xLjIzNCAyLjQyNy0xLjIzNCAzLjA4NiAwbDYuMDgyIDExLjM3OEExLjc1IDEuNzUgMCAwIDEgMTQuMDgyIDE1SDEuOTE4YTEuNzUgMS43NSAwIDAgMS0xLjU0My0yLjU3NVptMS43NjMuNzA3YS4yNS4yNSAwIDAgMC0uNDQgMEwxLjY5OCAxMy4xMzJhLjI1LjI1IDAgMCAwIC4yMi4zNjhoMTIuMTY0YS4yNS4yNSAwIDAgMCAuMjItLjM2OFptLjUzIDMuOTk2djIuNWEuNzUuNzUgMCAwIDEtMS41IDB2LTIuNWEuNzUuNzUgMCAwIDEgMS41IDBaTTkgMTFhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWiIvPjwvc3ZnPg==

Icon: Material Design Icons lightbulb-outline ^Link

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/lightbulb-outline_white.svg

base64:

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy4zLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY0KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDJjMy45LDAsNywzLjEsNyw3cy0xLjIsNC41LTMsNS43djIuM2MwLC42LS40LDEtMSwxaC02Yy0uNiwwLTEtLjQtMS0xdi0yLjNjLTEuOC0xLjMtMy0zLjQtMy01LjcsMC0zLjksMy4xLTcsNy03TTksMjF2LTFoNnYxYzAsLjYtLjQsMS0xLDFoLTRjLS42LDAtMS0uNC0xLTFNMTIsNGMtMi44LDAtNSwyLjItNSw1czEuMiwzLjgsMyw0LjZ2Mi40aDR2LTIuNGMxLjgtLjgsMy0yLjUsMy00LjZzLTIuMi01LTUtNVoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/lightbulb-outline_black.svg

base64:

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDJBNyw3IDAgMCwxIDE5LDlDMTksMTEuMzggMTcuODEsMTMuNDcgMTYsMTQuNzRWMTdBMSwxIDAgMCwxIDE1LDE4SDlBMSwxIDAgMCwxIDgsMTdWMTQuNzRDNi4xOSwxMy40NyA1LDExLjM4IDUsOUE3LDcgMCAwLDEgMTIsMk05LDIxVjIwSDE1VjIxQTEsMSAwIDAsMSAxNCwyMkgxMEExLDEgMCAwLDEgOSwyMU0xMiw0QTUsNSAwIDAsMCA3LDlDNywxMS4wNSA4LjIzLDEyLjgxIDEwLDEzLjU4VjE2SDE0VjEzLjU4QzE1Ljc3LDEyLjgxIDE3LDExLjA1IDE3LDlBNSw1IDAgMCwwIDEyLDRaIiAvPjwvc3ZnPg==

Icon: Material Design Icons ticket-confirmation-outline ^Link

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/ticket-confirmation-outline_white.svg

base64:

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy4zLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY0KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIyLDEwdi00YzAtMS4xLS45LTItMi0ySDRjLTEuMSwwLTIsLjktMiwydjRjMS4xLDAsMiwuOSwyLDJzLS45LDItMiwydjRjMCwxLjEuOSwyLDIsMmgxNmMxLjEsMCwyLS45LDItMnYtNGMtMS4xLDAtMi0uOS0yLTJzLjktMiwyLTJNMjAsOC41Yy0xLjIuNy0yLDItMiwzLjVzLjgsMi44LDIsMy41djIuNUg0di0yLjVjMS4yLS43LDItMiwyLTMuNXMtLjgtMi44LTItMy41di0yLjVoMTZ2Mi41TTExLDE1aDJ2MmgtMk0xMSwxMWgydjJoLTJNMTEsN2gydjJoLTJ2LTJaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/ticket-confirmation-outline_black.svg

base64:

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyIDEwVjZDMjIgNC44OSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC44OSAyIDZWMTBDMy4xMSAxMCA0IDEwLjkgNCAxMlMzLjExIDE0IDIgMTRWMThDMiAxOS4xIDIuOSAyMCA0IDIwSDIwQzIxLjEgMjAgMjIgMTkuMSAyMiAxOFYxNEMyMC45IDE0IDIwIDEzLjEgMjAgMTJTMjAuOSAxMCAyMiAxME0yMCA4LjU0QzE4LjgxIDkuMjMgMTggMTAuNTMgMTggMTJTMTguODEgMTQuNzcgMjAgMTUuNDZWMThINFYxNS40NkM1LjE5IDE0Ljc3IDYgMTMuNDcgNiAxMkM2IDEwLjUgNS4yIDkuMjMgNCA4LjU0TDQgNkgyMFY4LjU0TTExIDE1SDEzVjE3SDExTTExIDExSDEzVjEzSDExTTExIDdIMTNWOUgxMVoiIC8+PC9zdmc+

Icon: Material Design Icons traffic-cone ^Link

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/traffic-cone_white.svg

base64:

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy4zLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY0KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXJfMSI+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcsMTVsMSw0aDN2M0gzdi0zaDNsMS00aDEwTTE1LDhsMSw0aC04bDEtNGg2TTEzLDFsMSw0aC00bDEtNGgyWiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=

SVG file: https://github.com/41-north/dokuwiki-modifications/blob/main/smileys/source_icons/traffic-cone_black.svg

base64:

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy4zLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY0KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxwYXRoIGQ9Ik0xNywxNWwxLDRoM3YzSDN2LTNoM2wxLTRoMTBNMTUsOGwxLDRoLThsMS00aDZNMTMsMWwxLDRoLTRsMS00aDJaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=