Status tags

[tian]

Hello,

Thought I’d share my custom tags for tracking note status:

• Identified - outlined, and will be elaborated later
• Drafted - content complete, but not spell checked (e.g. do not publish!)
• Reviewed - checked, and ready for sharing
• Deprecated - out of late, do not use.

Repurposing unicode + css hackery:

.tag[href="#identified"] {
    font-size: 0;
}

.tag[href="#identified"]:after {
    font-size: initial;
    content:   "▨ identified";
}

.tag[href="#drafted"] {
    font-size: 0;
}

.tag[href="#drafted"]:after {
    font-size: initial;
    content:   "◩ drafted";
}

.tag[href="#reviewed"] {
    font-size: 0;
}

.tag[href="#reviewed"]:after {
    font-size: initial;
    content:   "◼ reviewed";
}

.tag[href="#deprecated"] {
    font-size: 0;
}

.tag[href="#deprecated"]:after {
    font-size: initial;
    content:   "◻ deprecated";
}

Hope this is of use to someone,
Tian

[icebear]

Thanks, this is useful!

[tallguyjenks]

i love this bit of css as i use the tag-pills and emoji’s for my status tags:

[tian]

@tallguyjenks - that’s kicking it up a level for sure!