Working version with boundling.

Awaiting Webpack

.gitignore

@@ -1,2 +1,5 @@
 templatemo_529_ramayana
 lessons.json
+node_modules/
+package-lock.json
+index.html

README.md

@@ -0,0 +1,4 @@
+# Use
+
+* Run ```npm run build``` to compute the code.
+* Get in the root folder the website with an example of JSON inside.

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "projet_lulu",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "html-inline -i src/index-notbundled.html -o index.html -b src/ --ignore-external"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "html-inline": "git+https://github.com/alessioalex/html-inline.git"
+  }
+}

src/assets/images

@@ -0,0 +1 @@
+/home/yunohost.multimedia/bokrass/Share/Site_english/images/

src/assets/js/generator.js

@@ -10,11 +10,11 @@ $(document).ready(function(){
 								wordsHtml += '                  <div style="display: none;" class="col-md-4 lesson lesson-' + lessonIndex + '">';
 								wordsHtml += '                    <div class="service-item">';
 								if('img' in word){
-								wordsHtml += '                      <div class="icon" onclick="englishSay(\''+ word.name +'\')" style="background-image:url(assets/images/'+ word.img +');"></div>';
+								wordsHtml += '                      <div class="icon" onclick="englishSay(\''+ word.name +'\')" style="background-image:url(images/'+ word.img +');"></div>';
 								} else if ('url' in word) {
 								wordsHtml += '                      <div class="icon" onclick="englishSay(\''+ word.name +'\')" style="background-image:url('+ word.url +');"></div>';
 								} else {
-								wordsHtml += '                      <div class="icon" onclick="englishSay(\''+ word.name +'\')" style="background-image:url(http://img.icons8.com/'+ word.name +'.png);"></div>';
+								wordsHtml += '                      <div class="icon" onclick="englishSay(\''+ word.name +'\')" style="background-image:url(https://img.icons8.com/'+ word.name +'.png);"></div>';
 								}
 								wordsHtml += '                      <h4 class="clickSay" onclick="englishSay(\''+ word.name +'\')">'+ word.name +'</h4>';
 								if('example' in word){

src/index-notbundled.html

@@ -8,6 +8,7 @@
     <meta name="description" content="">
     <meta name="author" content="">
     <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
+    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
 
     <title>Cours anglais CE2-CM1 Médan</title>
 
@@ -19,8 +20,6 @@ Ramayana CSS Template
 https://templatemo.com/tm-529-ramayana
 -->
 
-    <!-- Additional CSS Files -->
-    <link rel="stylesheet" href="assets/css/fontawesome.css">
     <link rel="stylesheet" href="assets/css/templatemo-style.css">
     <link rel="stylesheet" href="assets/css/owl.css">