AnkiNoteTemplate/templates/Japanese words/template.json

{
    "modelName": "Japanese words",
    "inOrderFields": [
        "VocabKanji",
        "VocabFurigana",
        "VocabPitchPattern",
        "VocabDef",
        "VocabAudio",
        "Image",
        "MorphManFocus"
    ],
    "css": "@charset \"utf-8\";\n@font-face {\n\tfont-family: \"Yu Mincho\";\n\tsrc:\n\t\tlocal(\"Yu Mincho\"),\n\t\tlocal(\"\u6e38\u660e\u671d\"),\n\t\turl(\"_yumin.ttf\");\n}\n@font-face {\n\tfont-family: \"Yu Mincho\";\n\tsrc:\n\t\tlocal(\"Yu Mincho Demibold\"),\n\t\tlocal(\"\u6e38\u660e\u671d Demibold\"),\n\t\turl(\"_yumindb.ttf\");\n\tfont-weight: 600;\n}\n@font-face {\n\tfont-family: \"acgyosyo\";\n\tsrc:\n\t\tlocal(\"acgyosyo\"),\n\t\tlocal(\"\u82f1\u690e\u884c\u66f8\"),\n\t\turl(\"_acgyosyo.ttf\");\n}\n\n* {  box-sizing: border-box; padding: 0; margin: 0; }\n.card {\n\tfont-size: 24px;\n\ttext-align: left;\n\tbackground-color: #FFFAF0;\n\tcolor: #2A1B0A;\n\tmax-width: 800px;\n\tmargin: 0 auto;\n}\n.card, ruby rt {\n\tfont-family: \"Noto Serif\",\n\t\t\t\t\t\t\t\t\t\"Noto Serif CJK JP\",\n\t\t\t\t\t\t\t\t\tYu Mincho,\n\t\t\t\t\t\t\t\t\t\"Liberation Serif\", \n               \"Times New Roman\",\n\t\t\t\t\t\t\t\t\tTimes,\n\t\t\t\t\t\t\t\t\tGeorgia,\n\t\t\t\t\t\t\t\t\tSerif;\n}\n\n/* links */\na { color: #532f2f; text-decoration: none; }\na:hover { color: #722a2a ; }\n\nheader { font-size: 14px; line-height: 18px; clear: both; }\nheader > div:not(:last-child) { margin-right: 3px; }\nhr {margin: 4px 0; }\nul { padding-left: 2em; }\n#question { font-family: \"acgyosyo\", \"Yu Mincho\"; }\n.japanese { text-align: center; font-size: 40px; margin-top: 10px; }\n.definition { text-align: left; margin: 10px 0; line-height: 1.5; }\n.pronunciation { text-align: center; margin: 8px 0; }\n.pronunciation br { display: none; }\n\n.extra {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tflex-direction: row;\n\talign-items: flex-start;\n\tjustify-content: space-evenly;\n}\n.extra br { display: none; }\n.extra>img {\n\tmax-width: 48%;\n\tmax-height: 350px;\n\tborder-radius: 4px;\n\tmargin-bottom: 10px;\n\tfilter: sepia(33%);\n}\n\n.extra>img:only-child {\n\tmax-width: 100%;\n}\n\nfooter {font-size: 16px; text-align: center; }\nfooter > a:after {content:\"\u00b7\";  color: brown; display: inline-block; width: 6px; }\nfooter > a:last-child:after {content:\"\"; width: 0; }\n\n.tags {\n\tfont-family: \"Noto Sans\",\n\t\t\t\t\t\t\t\t\t\"Noto Sans CJK JP\",\n\t\t\t\t\t\t\t\t\t\"Liberation Sans\",\n\t\t\t\t\t\t\t\t\tArial,\n\t\t\t\t\t\t\t\t\tSans,\n\t\t\t\t\t\t\t\t\tIPAGothic,\n\t\t\t\t\t\t\t\t\tYu Gothic,\n\t\t\t\t\t\t\t\t\tsans-serif;\n\ttext-align: center;\n\tdisplay: inline-block;\n\ttext-transform: lowercase;\n\tbackground-color: #333;\n\tcolor: #FFFAF0;\n\tfont-weight: bold;\n\tpadding: 1px 3px;\n\tcursor: pointer;\n\tborder-radius: 3px;\n\tfont-size: 12px;\n\tline-height: 14px;\n}\n\n/* AnkiDroid peplay button */\n/* .replaybutton is an <a> tag with a <span> that has an <svg> inside */\n.replaybutton { margin: 0; margin-right: 3px; text-decoration: none; }\n.replaybutton span  { padding: 0; font-size: 16px; }\n.replaybutton span svg {\n\tfill: #FFFAF0;\n\tbackground: #333;\n\tborder-radius: 3px;\n\tvertical-align: top; \n\tmin-width: 16px;\n\tmin-height: 16px;\n}\n\n/* PC peplay button */\na.replay-button { top: -.125em;  position: relative; }\na.replay-button svg {\n\theight: 1em;\n\twidth: 1em;\n}\na.replay-button svg path { fill: #FFFAF0; }\na.replay-button svg circle { fill: #333; }\n\n/* Fix for Yomichan */\nul, ol {\n  list-style-type: none; \n  display: inline;\n  margin: 0px;\n  padding: 0px;\n}\n.pronunciation ol > li { display: inline; }\n.pronunciation ol > li:after { content: \"\u30fb\"; }\n.pronunciation ol > li:last-child:after { content: \"\"; }",
    "cardTemplates": [
        {
            "Name": "Word recognition",
            "Front": "<!--\nSimple Word Cards, version 5.0\nThu Feb  4 01:06:07 AM UTC 2021\n-->\n\n{{#Tags}}\n\t<header>\n\t\t<div class=\"tags\">{{Tags}}</div>\n\t</header>\n{{/Tags}}\n\n<div class=\"japanese\" id=\"question\">\n\t{{furigana:VocabKanji}}\n</div>\n\n<script>\n\tdocument.addEventListener('DOMContentLoaded', tagActions(), false);\n\n\tfunction applyQuizFont() {\n\t\tconst tags = \t\"{{Tags}}\";\n\t\tconst questionword = document.getElementById(\"question\");\n\t\t// Add this tag if you notice that letters don't render properly\n\t\tif (tags.includes(\"DisableGyousyo\") ) {\n\t\t\t// nuke ID to remove specified font styling.\n\t\t\tquestionword.removeAttribute(\"id\");\n\t\t}\n\t}\n\n\tfunction highlightNames() {\n\t\tconst tags_elems = document.getElementsByClassName(\"tags\");\n\t\tfor (const tag_elem of tags_elems) {\n\t\t\tif (tag_elem.innerHTML.includes(\"\u30ad\u30e3\u30e9\") || tag_elem.innerHTML.includes(\"\u6709\u540d\u4eba\")) {\n\t\t\t\ttag_elem.style.backgroundColor = \"brown\";\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction splitTagDiv() {\n\t\tconst header = document.getElementsByTagName(\"header\")[0];\n\t\tif (!header) return;\n\t\tconst tags = \"{{Tags}}\".split(\" \");\n\t\theader.innerHTML = \"\";\n\n\t\tfor (const tag of tags){\n\t\t\tconst tag_elem = document.createElement(\"div\");\n\t\t\ttag_elem.className = \"tags\";\n\t\t\ttag_elem.innerHTML = tag;\n\t\t\theader.appendChild(tag_elem);\n\t\t}\n\t}\n\n\tfunction tagActions() {\t\n\t\tsplitTagDiv()\n\t\thighlightNames()\n\t\tapplyQuizFont()\n\t}\n</script>",
            "Back": "{{FrontSide}}\n<hr id=answer>\n<div class=\"japanese\">{{furigana:VocabFurigana}}</div>\n<div class=\"pronunciation\">{{VocabAudio}}{{VocabPitchPattern}}</div>\n{{#VocabDef}}<div class=\"definition\">{{edit:furigana:VocabDef}}</div>{{/VocabDef}}\n{{#Image}}<div class=\"extra\">{{Image}}</div>{{/Image}}\n<hr>\n<footer\n\t><a href=\"https://jisho.org/search/{{kanji:text:VocabKanji}}\">Jisho</a\n\t><a href=\"https://duckduckgo.com/?q={{kanji:text:VocabKanji}}&iax=images&ia=images&kp=-2&kl=jp-jp\">Images</a\n\t><a href=\"http://www.weblio.jp/content/{{kanji:text:VocabKanji}}\">Weblio</a\n\t><a href=\"https://wadoku.de/search/?q={{kanji:text:VocabKanji}}\">Wadoku</a\n\t><a href=\"https://chan.sankakucomplex.com/post/index?tags={{kanji:text:VocabKanji}} order:popular solo rating:safe\">Sankaku</a\n></footer>"
        }
    ]
}