diff options
| -rw-r--r-- | .gitattributes | 1 | ||||
| -rw-r--r-- | ext/bg/js/templates.js | 8 | ||||
| -rw-r--r-- | ext/fg/css/frame.css | 5 | ||||
| -rw-r--r-- | ext/manifest.json | 13 | ||||
| -rw-r--r-- | util/tmpl/header.html | 6 |
5 files changed, 24 insertions, 9 deletions
diff --git a/.gitattributes b/.gitattributes index 67c1076f..c575774d 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,2 +1,3 @@ util/data/*dic* filter=lfs diff=lfs merge=lfs -text ext/bg/data/*dic* filter=lfs diff=lfs merge=lfs -text +*.ttf filter=lfs diff=lfs merge=lfs -text diff --git a/ext/bg/js/templates.js b/ext/bg/js/templates.js index f3b1ba87..08708535 100644 --- a/ext/bg/js/templates.js +++ b/ext/bg/js/templates.js @@ -8,10 +8,12 @@ templates['footer.html'] = template({"compiler":[7,">= 4.0.0"],"main":function(c + "/js/frame.js\"></script>\n </body>\n</html>\n"; },"useData":true}); templates['header.html'] = template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) { - var helper; + var helper, alias1=depth0 != null ? depth0 : {}, alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression; - return "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\">\n <title></title>\n <link rel=\"stylesheet\" href=\"" - + container.escapeExpression(((helper = (helper = helpers.root || (depth0 != null ? depth0.root : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : {},{"name":"root","hash":{},"data":data}) : helper))) + return "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\">\n <title></title>\n <style>\n @font-face {\n font-family: \"KanjiStrokeOrders\";\n src: url(\"" + + alias4(((helper = (helper = helpers.root || (depth0 != null ? depth0.root : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"root","hash":{},"data":data}) : helper))) + + "/ttf/kanji-stroke-orders.ttf\");\n }\n </style>\n <link rel=\"stylesheet\" href=\"" + + alias4(((helper = (helper = helpers.root || (depth0 != null ? depth0.root : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"root","hash":{},"data":data}) : helper))) + "/css/frame.css\">\n </head>\n <body>\n"; },"useData":true}); templates['kanji.html'] = template({"1":function(container,depth0,helpers,partials,data) { diff --git a/ext/fg/css/frame.css b/ext/fg/css/frame.css index 6341beb6..ace8aae1 100644 --- a/ext/fg/css/frame.css +++ b/ext/fg/css/frame.css @@ -46,8 +46,9 @@ body { .kanji { background-color: #eee; display: inline-block; - font-size: 82px; - line-height: 82px; + font-family: "KanjiStrokeOrders"; + font-size: 140px; + line-height: 140px; vertical-align: top; } diff --git a/ext/manifest.json b/ext/manifest.json index 639ad921..0fe4139a 100644 --- a/ext/manifest.json +++ b/ext/manifest.json @@ -17,10 +17,15 @@ } }, - "background": {"page": "bg/background.html"}, - "options_page": "bg/options.html", - "permissions": ["storage"], - "web_accessible_resources": ["fg/css/frame.css", "fg/js/frame.js"], + "background": {"page": "bg/background.html"}, + "options_page": "bg/options.html", + "permissions": ["storage"], + + "web_accessible_resources": [ + "fg/css/frame.css", + "fg/js/frame.js", + "fg/ttf/kanji-stroke-orders.ttf" + ], "content_scripts": [{ "matches": ["*://*/*"], diff --git a/util/tmpl/header.html b/util/tmpl/header.html index 6245099f..2256b08a 100644 --- a/util/tmpl/header.html +++ b/util/tmpl/header.html @@ -3,6 +3,12 @@ <head> <meta charset="UTF-8"> <title></title> + <style> + @font-face { + font-family: "KanjiStrokeOrders"; + src: url("{{root}}/ttf/kanji-stroke-orders.ttf"); + } + </style> <link rel="stylesheet" href="{{root}}/css/frame.css"> </head> <body> |