reveal stroke order on click on kanji
This commit is contained in:
parent
8f2ae811f3
commit
37c2c4babb
GPG Key ID:
1D237BE83F9B05E8
13
deck.json
13
deck.json
@ -52,14 +52,17 @@
|
|||||||
"dyn": 0,
|
"dyn": 0,
|
||||||
"extendNew": 5,
|
"extendNew": 5,
|
||||||
"extendRev": 117,
|
"extendRev": 117,
|
||||||
"media_files": [],
|
"media_files": [
|
||||||
|
"_KanjiStrokeOrders.ttf",
|
||||||
|
"_ipag.ttf"
|
||||||
|
],
|
||||||
"mid": 1605541432231,
|
"mid": 1605541432231,
|
||||||
"name": "Kanji",
|
"name": "Kanji",
|
||||||
"note_models": [
|
"note_models": [
|
||||||
{
|
{
|
||||||
"__type__": "NoteModel",
|
"__type__": "NoteModel",
|
||||||
"crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3",
|
"crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3",
|
||||||
"css": ".card {\n\tmargin-top: 0px;\n\tline-height: 20px;\n\theight: 100%;\n\tfloat: left;\n\tfont-family: Helvetica, \"IPAGothic\", Arial,Verdana,sans-serif;\n}\n.card p {\n\tpadding: 0px 0;\n\tposition: relative;\n}\n.card p.kanji{\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor:#88C0D0;\n\theight:20vh;\n}\n.card p.kanji_card2{\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor:#88C0D0;;\n}\n.card p.kanji_card2 i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.kanji_back{\n\tfont-size: 20px;\n \tfont-family: IPAGothic;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.kanji_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.kanji_back i:before {\n\tcontent: \"- \";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card p.kanji i:before {\n\tcontent: \"- \";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card p.compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #5E81AC;\n}\n.card p.compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card p.compounds_meaning {\n\ttext-align: right;\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card #explanation{\n\theight:20vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#ECEFF4;\n}\n.card #explanation i{\n\tfont-style:normal;\n\tcolor: #D08770;\n}\n.card #explanation b{\n\tfont-style:normal;\n\tcolor:#88C0D0;\n}\n.card #notes {\n\tfont-size:16px;\n\tcolor:#4C566A;\n}\n.card #notes u{\n\tfont-size:20px;\n\ttext-decoration: none;\n}\n.card p.meaning {\n\twidth=100;\n\ttext-align:center;\n\tfont-size: 40px;\n\tcolor:#88C0D0;\n}\n.card p.meaning i {\n\tfont-style: normal;\n\ttext-align:left;\n \tfont-size: 12px;\n\tcolor:#E5E9F0;\n}\n.card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.meaning_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n#no {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tposition:fixed;\n \tbottom: 20px;\n \tright: 20px;\n}\n#lesson {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tposition: absolute;\n\tfont-size: 20px;\n\ttext-align:left;\n\tposition: fixed;\n\tbottom: 20px;\n\tleft: 20px;\n}\n\n\n/* ANDROID SETTINGS */\n.android .card p.kanji{\n\tcolor:#000000;\n}\n.android .card p.kanji i {\n\tcolor:#000000;\n}\n.android .card p.kanji_back{\n \tcolor:#000000;\n}\n.android .card p.kanji_back i {\n\tcolor:#000000;\n}\n.android .card p.kanji_back i {\n\tcolor:#000000;\n}\n.android .card p.kanji i:before {\n\tcolor:#000000;\n}\n.android .card p.compounds {\n\tcolor:#000000;\n}\n.android .card p.compounds i{\n\tcolor:#000000;\n}\n.android .card p.compounds_meaning {\n\tcolor:#000000;\n}\n.android .card #explanation{\n\tcolor:#000000;\n}\n.android .card #notes {\n\tcolor:#000000;\n}\n.android .card p.meaning {\n \tcolor:#000000;\n}\n.android .card p.meaning i{\n \tcolor:#000000;\n}\n.android .card p.meaning_back{\n\tcolor:#000000;\n}\n.android .card p.meaning_back i {\n\tcolor:#000000;\n}\n.android .card p.kanji_card2{\n\tcolor:#000000;\n}\n.android .card p.kanji_card2 i {\n\tcolor:#000000;\n}\n.android #no {\n\tcolor:#000000;\n}\n.android #lesson {\n\tcolor:#000000;\n}",
|
"css": "@font-face {\n font-family: 'kanji_strokeorder';\n font-style: normal;\n font-weight: 400;\n src: url(_KanjiStrokeOrders.ttf) format('truetype');\n }\n\n@font-face {\n font-family: 'IPAGothic';\n font-style: normal;\n font-weight: 400;\n src: url(_ipag.ttf) format('truetype');\n }\n\n.card {\n\tmargin-top: 0px;\n\tline-height: 20px;\n\theight: 100%;\n\tfloat: left;\n\tfont-family: Helvetica, \"IPAGothic\", Arial,Verdana,sans-serif;\n}\n\n.card p {\n\tpadding: 0px 0;\n\tposition: relative;\n}\n.card p.kanji{\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor:#88C0D0;\n\theight:20vh;\n}\n.card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 20px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_card2{\n\tfont-size: 70px;\n \tfont-family:IPAGothic;\n\tcolor:#88C0D0;\n}\n.card p.kanji_card2 i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_back{\n\tfont-size: 20px;\n \tfont-family: IPAGothic;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.kanji_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.primitive_correction before {\n\tcontent: \"- \";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card p.compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #5E81AC;\n}\n.card p.compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card p.compounds_meaning {\n\ttext-align: right;\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card #explanation{\n\theight:20vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#ECEFF4;\n}\n.card #explanation i{\n\tfont-style:normal;\n\tcolor: #D08770;\n}\n.card #explanation b{\n\tfont-style:normal;\n\tcolor:#88C0D0;\n}\n.card #notes {\n\tfont-size:16px;\n\tcolor:#4C566A;\n}\n.card #notes u{\n\tfont-size:20px;\n\ttext-decoration: none;\n}\n.card p.meaning {\n\twidth=100;\n\ttext-align:center;\n\tfont-size: 40px;\n\tcolor:#88C0D0;\n}\n.card p.meaning i {\n\tfont-style: normal;\n\ttext-align:left;\n \tfont-size: 12px;\n\tcolor:#E5E9F0;\n}\n.card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.meaning_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n#no {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tposition:fixed;\n \tbottom: 20px;\n \tright: 20px;\n}\n#lesson {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tposition: absolute;\n\tfont-size: 20px;\n\ttext-align:left;\n\tposition: fixed;\n\tbottom: 20px;\n\tleft: 20px;\n}\n\n\n/* ANDROID SETTINGS */\n.android .card p.kanji{\n\tfont-size:120px;\n\tcolor:#000000;\n}\n.android .card p.kanji i {\n\tcolor:#000000;\n}\n.android .card p.kanji_back{\n \tcolor:#000000;\n}\n.android .card p.kanji_back i {\n\tcolor:#000000;\n}\n.android .card p.kanji_back i {\n\tcolor:#000000;\n}\n.android .card p.kanji i:before {\n\tcolor:#000000;\n}\n.android .card p.compounds {\n\tcolor:#000000;\n}\n.android .card p.compounds i{\n\tcolor:#000000;\n}\n.android .card p.compounds_meaning {\n\tcolor:#000000;\n}\n.android .card #explanation{\n\tcolor:#000000;\n}\n.android .card #notes {\n\tcolor:#000000;\n}\n.android .card p.meaning {\n \tcolor:#000000;\n}\n.android .card p.meaning i{\n \tcolor:#000000;\n}\n.android .card p.meaning_back{\n\tcolor:#000000;\n}\n.android .card p.meaning_back i {\n\tcolor:#000000;\n}\n.android .card p.kanji_card2{\n\tfont-size:120px;\n\tcolor:#000000;\n}\n.android .card p.kanji_card2 i {\n\tcolor:#000000;\n}\n.android #no {\n\tcolor:#000000;\n}\n.android #lesson {\n\tcolor:#000000;\n}",
|
||||||
"flds": [
|
"flds": [
|
||||||
{
|
{
|
||||||
"font": "Helvetica",
|
"font": "Helvetica",
|
||||||
@ -191,10 +194,10 @@
|
|||||||
"did": null,
|
"did": null,
|
||||||
"name": "Card 1",
|
"name": "Card 1",
|
||||||
"ord": 0,
|
"ord": 0,
|
||||||
"qfmt": "<P class='kanji'>{{kanji}}\n\t{{#primitive_correction}}<br>\n\t\t<i>{{primitive_correction}}</i>\n\t{{/primitive_correction}}\n</P>\n\n<P class=\"compounds\">{{compounds}}</P>\n\n<div id=\"no\">{{no}}</div>\n\n<div id=\"lesson\">Lektion {{lesson}}</div>"
|
"qfmt": "<P class='kanji'>\n\t<span onclick=\"ShowStrokeOrder();\" id=\"Kanji\">\n\t\t{{kanji}}\n\t</span>\n{{#primitive_correction}}\t\n\t<br> <i>- {{primitive_correction}}</i>\n{{/primitive_correction}}\n</P>\n\n<P class=\"compounds\">{{compounds}}</P>\n\n<div id=\"no\">{{no}}</div>\n\n<div id=\"lesson\">Lektion {{lesson}}</div>\n\n<script>\nfunction ShowStrokeOrder() {\n /* document.getElementById(\"HiddenOrder\").style.display = \"block\";*/\n\tif(document.getElementById(\"Kanji\").style.fontFamily == 'kanji_strokeorder'){\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"IPAGothic\";\n\t}\n\telse{\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"kanji_strokeorder\";\n\t}\n}\n</script>"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"afmt": "\n<P class='meaning_back'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n\n<P class='kanji_card2'>{{kanji}}\n\t{{#primitive_correction}}<br>\n\t\t<i>{{primitive_correction}}</i>\n\t{{/primitive_correction}}\n</P>\n\n\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<div id='explanation'>\n\t{{explanation}}\n</div>\n\n{{#notes}}\n<div id='notes'>\n\t<u>Notiz:</u>\n\t{{notes}}\n</div>\n{{/notes}}\n\n<P class=\"compounds\">\n{{#compounds}}\n\t<i>Komposita:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</P>\n\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n\n",
|
"afmt": "\n<P class='meaning_back'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n\n<P class='kanji_card2'>\n\t<span onclick=\"ShowStrokeOrder();\" id=\"Kanji\">\n\t\t{{kanji}}\n\t</span>\n{{#primitive_correction}}\t\n\t<br> <i>- {{primitive_correction}}</i>\n{{/primitive_correction}}\n</P>\n\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<div id='explanation'>\n\t{{explanation}}\n</div>\n\n{{#notes}}\n<div id='notes'>\n\t<u>Notiz:</u>\n\t{{notes}}\n</div>\n{{/notes}}\n\n<P class=\"compounds\">\n{{#compounds}}\n\t<i>Komposita:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</P>\n\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n\n\n<script>\nfunction ShowStrokeOrder() {\n /* document.getElementById(\"HiddenOrder\").style.display = \"block\";*/\n\tif(document.getElementById(\"Kanji\").style.fontFamily == 'kanji_strokeorder'){\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"IPAGothic\";\n\t}\n\telse{\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"kanji_strokeorder\";\n\t}\n}\n</script>\n\n",
|
||||||
"bafmt": "",
|
"bafmt": "",
|
||||||
"bfont": "",
|
"bfont": "",
|
||||||
"bqfmt": "",
|
"bqfmt": "",
|
||||||
@ -1589,7 +1592,7 @@
|
|||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
"",
|
"",
|
||||||
"",
|
"beachte Reihenfolge",
|
||||||
"4"
|
"4"
|
||||||
],
|
],
|
||||||
"guid": "L<6f1V*oVD",
|
"guid": "L<6f1V*oVD",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user