MarkDown Note Thing
Github
Kinda like the originals, except that I added actual multiple-colour image-icons instead of single-colour svgs :3
Note
Highlights information that users should take into account, even when skimming.
Tip
Optional information to help a user be more successful.
Important
Crucial information necessary for users to succeed.
Warning
Critical content demanding immediate user attention due to potential risks.
Caution
Negative potential consequences of an action.
For this one I added a background colour that was already in some CSS, and I do wonder why did it not look like this, it looks so cool already
Note
Highlights information that users should take into account, even when skimming.
Tip
Optional information to help a user be more successful.
Important
Crucial information necessary for users to succeed.
Warning
Critical content demanding immediate user attention due to potential risks.
Caution
Negative potential consequences of an action.
And for this one I also added a border using an alternative lighter colour that would've been used for the background, and added another border on the inside to make it look better
Note
Highlights information that users should take into account, even when skimming.
Tip
Optional information to help a user be more successful.
Important
Crucial information necessary for users to succeed.
Warning
Critical content demanding immediate user attention due to potential risks.
Caution
Negative potential consequences of an action.
I'll use the last one ^^
MSlearn
Kinda like the originals again, except I added image-icons instead of svgs (again),,,
Note
Information the user should notice even if skimming.
Tip
Optional information to help a user be more successful.
Important
Essential information required for user success.
Caution
Negative potential consequences of an action.
Warning
Dangerous certain consequences of an action.
Made backgrounds a bit more transparent ^^ and also decreased font-size and padding
Note
Information the user should notice even if skimming.
Tip
Optional information to help a user be more successful.
Important
Essential information required for user success.
Caution
Negative potential consequences of an action.
Warning
Dangerous certain consequences of an action.
Not sure if I'll use this one but it may be useful ^^