[Stylus code] Stroke orders in reading on item info page

[cantoryakov]

1. install Stylus
2. Install KanjiStrokeOrder font
3. Navigate to any WaniKani info page, open up the Stylus options box, and paste this code:

.individual-item section.vocabulary-reading p[lang="ja"] {
    font-family: KanjiStrokeOrders;
    font-size: 100pt;
}

and voila:

um, i can’t figure out how to do it on Kanji pages. but this is a start.

[Kumirei]

You could post this on Userstyles.org to make it more accessible

[omoide]

There is a similar feature here, via a javascript (tampermonkey) rather than a pure CSS modification.

[Userscript] An Unobtrusive Kanji Stroke Order

This is a third-party script/app and is not created by the WaniKani team. By using this, you understand that it can stop working at any time or be discontinued indefinitely. A minimalist perspective on the Kanji Stroke Order userscript. @looki’s stroke order script is nice, but the diagrams for some busy kanji tend to get rather wide and quite inconvenient to use, so I made a version that works for me (and could be of use for someone else). No external dependencies, but you need …

An enhancement I can suggest is to see how to display the strokes during lessons or review, I dont think that has been done yet.

[cantoryakov]

yeah that was my inspiration. that applies to the kanji symbol whereas my CSS applies to the hiragana reading.

i keep a deck of flash cards for my apprentice level items so i am constantly writing both the kanji and the readings on cards.

[omoide]

Oh right, I hadnt notice it, that a good point, keeping on practicing kana is always good

[UInt2048]

@cantoryakov

section.vocabulary-reading

It seems you can’t figure it out because there’s no section name on kanji?