diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index f77a171c1b28663adfe52fce876168b04a04cfb5..72347139a744ed4f0f4570e3c28d69a987b852bd 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -26,9 +26,10 @@
     -   id: remove-tabs
         files: \.md$
 -   repo: https://github.com/reyoung/pre-commit-hooks-jinja-compile.git
-    sha: 85ad800cbc9c60a64230d60971aa9576fd57e508
+    sha: 4a369cc72a4a2b8d3813ab8cc17abb5f5b21ef6c
     hooks:
     -   id: convert-jinja2-into-html
+        args: ['--filename_pattern=.*/([^/]*)\.tmpl', '--filename_repl=\1']
 -   repo: local
     hooks:
     -   id: convert-markdown-into-html
diff --git a/index.en.html.json b/.tools/templates/index.en.html.json
similarity index 100%
rename from index.en.html.json
rename to .tools/templates/index.en.html.json
diff --git a/index.en.html.tmpl b/.tools/templates/index.en.html.tmpl
similarity index 100%
rename from index.en.html.tmpl
rename to .tools/templates/index.en.html.tmpl
diff --git a/index.html.json b/.tools/templates/index.html.json
similarity index 100%
rename from index.html.json
rename to .tools/templates/index.html.json
diff --git a/index.html.tmpl b/.tools/templates/index.html.tmpl
similarity index 99%
rename from index.html.tmpl
rename to .tools/templates/index.html.tmpl
index 40a6793f26d0051d0fbc2361acb7e31313cf2dbb..2762bc0a7bb15f0260d35d9571429171d972657c 100644
--- a/index.html.tmpl
+++ b/.tools/templates/index.html.tmpl
@@ -11,6 +11,7 @@
 * {
     font-family:"Roboto","Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
 }
+
 .left-panel {
     background: #E5E6EA;
 }
diff --git a/index.en.html b/index.en.html
index 7e08d0beaf36bbebf608cb22e3f6957b21f30a2b..f7ae7db3188cb4dd4a28a424c62d9603e8dc0f32 100644
--- a/index.en.html
+++ b/index.en.html
@@ -11,6 +11,7 @@
 * {
     font-family:"Roboto","Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
 }
+
 .left-panel {
     background: #E5E6EA;
 }
diff --git a/index.html b/index.html
index c040d30966353f2593928d322b7f2b5761cf1058..e4bb6268c925a9b527698d2818c446c9814b8b7e 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
 * {
     font-family:"Roboto","Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
 }
+
 .left-panel {
     background: #E5E6EA;
 }