search

Irrational-Encoding-Wizardry / guide.encode.moe

A guide for fansubbing
https://guide.encode.moe
Creative Commons Attribution Share Alike 4.0 International
141 stars 20 forks source link

Add infoxboxes #55

Closed OrangeChannel closed 4 years ago

OrangeChannel commented 4 years ago

image

OrangeChannel commented 4 years ago

@FichteFoll what's your opinion on there being two versions of this "box", one with the current set-up (I still prefer italics for notes but I'll go with what you think looks right) and one using https://fontawesome.com/icons/exclamation-circle?style=solid? It would be slightly different style-wise, 100% opacity and maybe a thicker border or a shadow? I'm suggesting this because there's a couple examples of paragraphs that are currently styled the same even though one is a "side-note" and one is like a "this is important to know" type of thing?

OrangeChannel commented 4 years ago

Here's what the new formatting looks like:

image image image

FichteFoll commented 4 years ago

Visuals are good, especially how you made them visually distinct without using a different color. I hope that's enough to distinguish them for other eyes as well. However, I don't really like the increased border radius for the warning boxes personally.

OrangeChannel commented 4 years ago

I had increased the border-radius because with the thicker border, it looks significantly more rectangular (?) or sharp with the .2em compared with the thin dashed border. I can switch both to the same (maybe both .25em) or lower the warning one a bit but I'll leave the decision up to you. .5em: image .4em: image .2em (same as infoboxes): image