convert c:note/@type to @data-label

Also, some CSS to go along with it:

    /* This should probably be the same for exercises, examples, rules, etc; mixin? */
    .note[data-label]::before { content: attr(data-label); }
    .note:not([data-label])::before { content: "Note"; }