summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--.gitattributes1
-rw-r--r--ext/bg/js/templates.js8
-rw-r--r--ext/fg/css/frame.css5
-rw-r--r--ext/manifest.json13
-rw-r--r--util/tmpl/header.html6
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>