diff --git a/.gitignore b/.gitignore
index b13cde7..12e27fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,5 @@
 templatemo_529_ramayana
 lessons.json
+node_modules/
+package-lock.json
+index.html
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..3b3e586
--- /dev/null
+++ b/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.
diff --git a/assets/images b/images
similarity index 100%
rename from assets/images
rename to images
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..bc66333
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/assets/css/flex-slider.css b/src/assets/css/flex-slider.css
similarity index 100%
rename from assets/css/flex-slider.css
rename to src/assets/css/flex-slider.css
diff --git a/assets/css/fontawesome.css b/src/assets/css/fontawesome.css
similarity index 100%
rename from assets/css/fontawesome.css
rename to src/assets/css/fontawesome.css
diff --git a/assets/css/owl.css b/src/assets/css/owl.css
similarity index 100%
rename from assets/css/owl.css
rename to src/assets/css/owl.css
diff --git a/assets/css/templatemo-style.css b/src/assets/css/templatemo-style.css
similarity index 100%
rename from assets/css/templatemo-style.css
rename to src/assets/css/templatemo-style.css
diff --git a/assets/fonts/Flaticon.woff b/src/assets/fonts/Flaticon.woff
similarity index 100%
rename from assets/fonts/Flaticon.woff
rename to src/assets/fonts/Flaticon.woff
diff --git a/assets/fonts/FontAwesome.otf b/src/assets/fonts/FontAwesome.otf
similarity index 100%
rename from assets/fonts/FontAwesome.otf
rename to src/assets/fonts/FontAwesome.otf
diff --git a/assets/fonts/flexslider-icon.eot b/src/assets/fonts/flexslider-icon.eot
similarity index 100%
rename from assets/fonts/flexslider-icon.eot
rename to src/assets/fonts/flexslider-icon.eot
diff --git a/assets/fonts/flexslider-icon.svg b/src/assets/fonts/flexslider-icon.svg
similarity index 100%
rename from assets/fonts/flexslider-icon.svg
rename to src/assets/fonts/flexslider-icon.svg
diff --git a/assets/fonts/flexslider-icon.ttf b/src/assets/fonts/flexslider-icon.ttf
similarity index 100%
rename from assets/fonts/flexslider-icon.ttf
rename to src/assets/fonts/flexslider-icon.ttf
diff --git a/assets/fonts/flexslider-icon.woff b/src/assets/fonts/flexslider-icon.woff
similarity index 100%
rename from assets/fonts/flexslider-icon.woff
rename to src/assets/fonts/flexslider-icon.woff
diff --git a/assets/fonts/fontawesome-webfont.eot b/src/assets/fonts/fontawesome-webfont.eot
similarity index 100%
rename from assets/fonts/fontawesome-webfont.eot
rename to src/assets/fonts/fontawesome-webfont.eot
diff --git a/assets/fonts/fontawesome-webfont.svg b/src/assets/fonts/fontawesome-webfont.svg
similarity index 100%
rename from assets/fonts/fontawesome-webfont.svg
rename to src/assets/fonts/fontawesome-webfont.svg
diff --git a/assets/fonts/fontawesome-webfont.ttf b/src/assets/fonts/fontawesome-webfont.ttf
similarity index 100%
rename from assets/fonts/fontawesome-webfont.ttf
rename to src/assets/fonts/fontawesome-webfont.ttf
diff --git a/assets/fonts/fontawesome-webfont.woff b/src/assets/fonts/fontawesome-webfont.woff
similarity index 100%
rename from assets/fonts/fontawesome-webfont.woff
rename to src/assets/fonts/fontawesome-webfont.woff
diff --git a/assets/fonts/fontawesome-webfont.woff2 b/src/assets/fonts/fontawesome-webfont.woff2
similarity index 100%
rename from assets/fonts/fontawesome-webfont.woff2
rename to src/assets/fonts/fontawesome-webfont.woff2
diff --git a/assets/fonts/slick.eot b/src/assets/fonts/slick.eot
similarity index 100%
rename from assets/fonts/slick.eot
rename to src/assets/fonts/slick.eot
diff --git a/assets/fonts/slick.svg b/src/assets/fonts/slick.svg
similarity index 100%
rename from assets/fonts/slick.svg
rename to src/assets/fonts/slick.svg
diff --git a/assets/fonts/slick.ttf b/src/assets/fonts/slick.ttf
similarity index 100%
rename from assets/fonts/slick.ttf
rename to src/assets/fonts/slick.ttf
diff --git a/assets/fonts/slick.woff b/src/assets/fonts/slick.woff
similarity index 100%
rename from assets/fonts/slick.woff
rename to src/assets/fonts/slick.woff
diff --git a/src/assets/images b/src/assets/images
new file mode 120000
index 0000000..4947d8e
--- /dev/null
+++ b/src/assets/images
@@ -0,0 +1 @@
+/home/yunohost.multimedia/bokrass/Share/Site_english/images/
\ No newline at end of file
diff --git a/assets/js/breakpoints.min.js b/src/assets/js/breakpoints.min.js
similarity index 100%
rename from assets/js/breakpoints.min.js
rename to src/assets/js/breakpoints.min.js
diff --git a/assets/js/browser.min.js b/src/assets/js/browser.min.js
similarity index 100%
rename from assets/js/browser.min.js
rename to src/assets/js/browser.min.js
diff --git a/assets/js/custom.js b/src/assets/js/custom.js
similarity index 100%
rename from assets/js/custom.js
rename to src/assets/js/custom.js
diff --git a/assets/js/generator.js b/src/assets/js/generator.js
similarity index 94%
rename from assets/js/generator.js
rename to src/assets/js/generator.js
index 041ec60..2a431f1 100644
--- a/assets/js/generator.js
+++ b/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){
diff --git a/assets/js/owl-carousel.js b/src/assets/js/owl-carousel.js
similarity index 100%
rename from assets/js/owl-carousel.js
rename to src/assets/js/owl-carousel.js
diff --git a/assets/js/transition.js b/src/assets/js/transition.js
similarity index 100%
rename from assets/js/transition.js
rename to src/assets/js/transition.js
diff --git a/index.html b/src/index-notbundled.html
similarity index 93%
rename from index.html
rename to src/index-notbundled.html
index 4b1abc4..b37a67c 100644
--- a/index.html
+++ b/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">