Rename ".json" -> ".json.js"

- The pseudo JSON files are renamed to ".json.js" - There's another way to get JSON: use JS module's `import` directive. But the module cannot be loaded from `localhost` (due to CORS). So we keep the good old non-module JS so that we can run the ebook locally.
bixycler · May 18, 2021 · f95b39a · f95b39a · bixycler · May 18, 2021
1 parent 69ae7e7
commit f95b39a
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 10 deletions.
diff --git a/Dhammapada-Wickramanayaka.json → Dhammapada-Wickramanayaka.json.js b/Dhammapada-Wickramanayaka.json → Dhammapada-Wickramanayaka.json.js
diff --git a/PhapCu-CreatZy.json → PhapCu-CreatZy.json.js b/PhapCu-CreatZy.json → PhapCu-CreatZy.json.js
@@ -1,4 +1,4 @@
-PhapCu_CreatZy={
+PhapCu_CreatZy = {
 	"title": "Kinh Pháp Cú (Dhammapada)",
 	"year": 2020,
 	"author": "CreatZy (Lê Xuân Định)",

diff --git a/PhapCu-MinhChau.json → PhapCu-MinhChau.json.js b/PhapCu-MinhChau.json → PhapCu-MinhChau.json.js
diff --git a/PhapCu-MinhDuc.json → PhapCu-MinhDuc.json.js b/PhapCu-MinhDuc.json → PhapCu-MinhDuc.json.js
diff --git a/PhapCu-TamMinh.json → PhapCu-TamMinh.json.js b/PhapCu-TamMinh.json → PhapCu-TamMinh.json.js
diff --git a/PhapCu-ThienNhut.json → PhapCu-ThienNhut.json.js b/PhapCu-ThienNhut.json → PhapCu-ThienNhut.json.js
diff --git a/PhapCu-ThienSieu.json → PhapCu-ThienSieu.json.js b/PhapCu-ThienSieu.json → PhapCu-ThienSieu.json.js
diff --git a/dhammapada-html.js b/dhammapada-html.js
@@ -1,4 +1,6 @@
-toc = PhapCu_CreatZy;
+//import toc from 'PhapCu_CreatZy.json'; // js module cannot be loaded from localhost!
+toc = PhapCu_CreatZy; // so, just use the preloaded var from pseudo JSON file
+
 poetries = { "id": "e",
 	"books": [PhapCu_TamMinh, PhapCu_MinhDuc, PhapCu_ThienNhut, PhapCu_MinhChau],
 	"book": PhapCu_TamMinh,

diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <head>
     <meta charset="utf-8"/>
     <title>Kinh Pháp Cú</title>
-	<link rel="icon" href="img/real-lotus.png" type="image/png" size="799x544">
+  	<link rel="icon" href="img/real-lotus.png" type="image/png" size="799x544">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster"/>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora"/>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Charm"/>
@@ -186,13 +186,13 @@
 	}
     </style>
     <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
-    <script src="Dhammapada-Wickramanayaka.json"></script>
-    <script src="PhapCu-CreatZy.json"></script>
-    <script src="PhapCu-TamMinh.json"></script>
-    <script src="PhapCu-MinhDuc.json"></script>
-    <script src="PhapCu-ThienNhut.json"></script>
-    <script src="PhapCu-MinhChau.json"></script>
-    <script src="PhapCu-ThienSieu.json"></script>
+    <script src="Dhammapada-Wickramanayaka.json.js"></script>
+    <script src="PhapCu-CreatZy.json.js"></script>
+    <script src="PhapCu-TamMinh.json.js"></script>
+    <script src="PhapCu-MinhDuc.json.js"></script>
+    <script src="PhapCu-ThienNhut.json.js"></script>
+    <script src="PhapCu-MinhChau.json.js"></script>
+    <script src="PhapCu-ThienSieu.json.js"></script>
     <!-- Facebook Open Graph tags to customize link previews on fb -->
     <!--meta property="og:url"           content="http://creatzy.epizy.com/PhapCu-Dhammapada/" /-->
     <meta property="og:type"          content="book" />