We’re going to start adding artwork to radicals, hopefully starting this week!
With this artwork, we’re hoping to make it easier to associate the radical name with its shape. If you’ve ever seen Tofugu’s hiragana and katakana guides — it’ll be a lot like the artwork in those, but for radicals instead.
The team is actively working on creating the artwork as we speak, so we’re planning to release a handful of images each week, as they are finalized. We’ll keep a record of radicals that we’ve added artwork to at the bottom of this post.
If you want to learn more about radical artwork in the meantime, please read this. We hope you love the artwork as much as we do!
Are these going to replace the radical images on the lesson page, or supplement it?
I think it’s not a bad idea to supplement it. If it’s going to the be the primary display of the radical, you may want to tinker with the saturation on the image and/or the level of transparency on the radical - I think the sample images on Notion have the background images too prominent, to the point that it’s kind of hard to see the shape of the radical.
Since the images aren’t in the API, will the API be supplying the new (revised) mnemonics or the old ones (or both)? If you can’t/don’t show the images via API, only being able to show the new (revised) ones in mobile apps, etc. will be confusing to the end user if they don’t visit the website, as they will reference images in a way that doesn’t exist outside the website.
(This of course depends on how the mnemonics are written. If they don’t directly reference the images…it should be OK…? )
Hi @Deadpikle! We’re being careful not to reference the images directly in any updated mnemonics, so that the mnemonics still all work independently too.
Hi @hiyyo_wo! Yes, the tentative plan is to add illustrations to all radicals, except any where we don’t think artwork is helpful for remembering the radical name. We haven’t come across any like that yet, but it seems likely we might do in higher levels.
Whereas, if I set this CSS before the page loads, it propagates to the child elements and Dark Reader is able to appropriately modify it along with the rest of its changes.
#000 is just an example color, but it’s essentially what the default is. However, the important thing is that by having it set, Dark Reader can adjust it. Feel free to pick whatever works best overall. FYI, for me, Dark Reader adjusts #000 to rgb(232, 230, 227).