anki deck

front.html

<div class="keyword">
  {{keyword}}
</div>

<div class="tab">
  <button class="tablinks active" onclick="openTab(event, 'readings')">Readings</button>
  <button class="tablinks disabled">Strokeorder</button>
  <button class="tablinks disabled">Vocabulary</button>
</div>

<div id="readings" class="tabcontent" style="display:block">
<div class="keyword" lang="ja">
{{#main ON reading}}
<div class="row">
  <div class="cell visible">ON</div>
  <div class="cell hidden read">{{main ON reading}}{{#ON reading}}<span> ・ {{ON reading}}</span>{{/ON reading}}</div>
</div>
{{/main ON reading}}

{{#KUN reading}}
<div class="row">
  <div class="cell visible">KUN</div>
  <div class="cell hidden read">{{KUN reading}}</div>
</div>
{{/KUN reading}}
</div></div>