thisisdemetrio / yang-furigana

Kind of a shortcut when you have an Angular Application and you need the <ruby> tag but with a easiest syntax

Hi there 👋

So, yeah, that's me.

🧑‍💻 I live in Milan, Italy and I write code for living.
🧪 That's a choice of life coming in 2017: before of that, I was a chemist.

I like a lot of stuff, like:

• 🚴 bike-touring
• ♘ chess
• 🏀 sports (just to watch)
• 🍻 beer
• 🔰 try to speak foreign languages
• 🀄 mah-jong
• 🤼‍♂️ sumo (just watching)

(not necessarily in this order)

Right now...

• 🎵 the song I'm hooked to is Your Woman by White Town
• 📖 reading Python Design Patterns (actually, not a book)
• 🍿 I'm watching Succession and Game Changer
• 📚 Studying AI (hoarding courses on DeepLearning.ai - I'm using OpenAI API at work and I quickly need to catch up with the hype)
• 🎮 on spare time I'm playing Baba is You and chess on Lichess
• 💻 working on personal projects with Angular and Python (trying new code best practices and/or keeping in touch with these technologies)
• 👾 wishing having enough time/will to write small videogames with Phaser.io (I actually have a repo somewhere...)

Reach out

• on Linkedin
• write me an email

yang-furigana's Issues

Handle ngFurigana attribute in case of HTML element with children

In case of a structure like this:

<div ngFurigana="あした">
    明日
   <p> And here we go with something different</p>
</div>

There could be a problem of showing the furigana. Therefore is necessary to evaluate what to do:

• show ngFurigana only if has no children elements;
• show ngFurigana only if it's a span attribute
  In any case, the furigana won't be shown in case the chosen condition above is not respected.

Also alert user (a warning, as example) in case furigana can not be shown.

Handle ngFuriganaClass attribute to give CSS class to <rp> and <rt> components only

The main idea is to evaluate the possibility to attribute a class only to the rp and rt class in an HTML structure like this:

<ruby>
  明日
  <rp>(</rp>
  <rt>あした</rt>
  <rp>)</rp>
</ruby>

If possible, create a new attribute, called ngFuriganaClass (or something simillar) to apply a CSS class to that element

Testing on different browsers and different content

Test SampleApp in:

• Microsoft Internet Explorer
• Microsoft Edge
• Google Chrome
• Google Chromium (e.g. Brave Browser)
• Mozilla Firefox
• Opera Browser
• Apple Safari
• UC Browser