diff --git a/README.md b/README.md
index d56f238..826ff14 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,6 @@ Site web du SDD
 
 <p align="center">
   Fabriqué avec <br>
-  <img src="https://cdn.rawgit.com/hexojs/logo/master/hexo-logo-avatar.png" width="25%"/>
   <img src="https://cdn.rawgit.com/vuejs/art/master/logo.png" width="25%"/>
 </p>
 
diff --git a/articles/hello-world/README.md b/articles/hello-world/README.md
new file mode 100644
index 0000000..4f005a6
--- /dev/null
+++ b/articles/hello-world/README.md
@@ -0,0 +1,3 @@
+# Hello, world!
+
+It's a body with some *italic* and **bold** text.
diff --git a/articles/hello-world/index.js b/articles/hello-world/index.js
new file mode 100644
index 0000000..ed9851a
--- /dev/null
+++ b/articles/hello-world/index.js
@@ -0,0 +1,19 @@
+export const title = "Hello, world!";
+
+export const uri = "hello-world";
+
+export const creationDate = new Date(2020, 1, 20, 23);
+
+export const updateDate = new Date(2020, 1, 20, 23, 10);
+
+export const authors = [
+    "LightDiscord"
+];
+
+export const tags = [
+    "SDD"
+];
+
+export const bgImage = require('../../src/img/article-bg.png');
+
+export const fetchContent = () => import('./README.md');
diff --git a/articles/index.js b/articles/index.js
new file mode 100644
index 0000000..f83a9e7
--- /dev/null
+++ b/articles/index.js
@@ -0,0 +1,7 @@
+import * as HelloWorld from './hello-world';
+
+export const articles = [
+    HelloWorld
+];
+
+export const findByUri = (uri) => articles.find(article => article.uri == uri);
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..9996bb1
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,8 @@
+[build]
+command = "npm run build"
+publish = "dist"
+
+[[redirects]]
+    from = "/*"
+    to = "/index.html"
+    status = 200
diff --git a/package-lock.json b/package-lock.json
index e4f17c1..4f4d39c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1678,6 +1678,12 @@
       "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
       "dev": true
     },
+    "ast-types": {
+      "version": "0.9.6",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.9.6.tgz",
+      "integrity": "sha1-ECyenpAF0+fjgpvwxPok7oYu6bk=",
+      "dev": true
+    },
     "async-each": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz",
@@ -1947,6 +1953,12 @@
         "multicast-dns-service-types": "^1.1.0"
       }
     },
+    "boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
+      "dev": true
+    },
     "brace-expansion": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.8.tgz",
@@ -2236,6 +2248,16 @@
         }
       }
     },
+    "camel-case": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
+      "integrity": "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=",
+      "dev": true,
+      "requires": {
+        "no-case": "^2.2.0",
+        "upper-case": "^1.1.1"
+      }
+    },
     "camelcase": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
@@ -2350,6 +2372,23 @@
         }
       }
     },
+    "clean-css": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz",
+      "integrity": "sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==",
+      "dev": true,
+      "requires": {
+        "source-map": "~0.6.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
     "cliui": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
@@ -2772,6 +2811,24 @@
         }
       }
     },
+    "css-select": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
+      "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
+      "dev": true,
+      "requires": {
+        "boolbase": "~1.0.0",
+        "css-what": "2.1",
+        "domutils": "1.5.1",
+        "nth-check": "~1.0.1"
+      }
+    },
+    "css-what": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
+      "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
+      "dev": true
+    },
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -3022,6 +3079,33 @@
         "buffer-indexof": "^1.0.0"
       }
     },
+    "dom-converter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+      "dev": true,
+      "requires": {
+        "utila": "~0.4"
+      }
+    },
+    "dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      },
+      "dependencies": {
+        "domelementtype": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.0.1.tgz",
+          "integrity": "sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==",
+          "dev": true
+        }
+      }
+    },
     "dom-walk": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.1.tgz",
@@ -3033,6 +3117,31 @@
       "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
       "dev": true
     },
+    "domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "dev": true
+    },
+    "domhandler": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "1"
+      }
+    },
+    "domutils": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
+      "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
+      "dev": true,
+      "requires": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
     "duplexer": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
@@ -3128,6 +3237,12 @@
         }
       }
     },
+    "entities": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.0.tgz",
+      "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==",
+      "dev": true
+    },
     "errno": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.4.tgz",
@@ -3184,6 +3299,16 @@
         "is-symbol": "^1.0.2"
       }
     },
+    "es6-templates": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/es6-templates/-/es6-templates-0.2.3.tgz",
+      "integrity": "sha1-XLmsn7He1usSOTQrgdeSu7QHjuQ=",
+      "dev": true,
+      "requires": {
+        "recast": "~0.11.12",
+        "through": "~2.3.6"
+      }
+    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -3206,6 +3331,12 @@
         "estraverse": "^4.1.1"
       }
     },
+    "esprima": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-3.1.3.tgz",
+      "integrity": "sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=",
+      "dev": true
+    },
     "esrecurse": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz",
@@ -3514,6 +3645,12 @@
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
       "dev": true
     },
+    "fastparse": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+      "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+      "dev": true
+    },
     "faye-websocket": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
@@ -4712,6 +4849,131 @@
       "integrity": "sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=",
       "dev": true
     },
+    "html-loader": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/html-loader/-/html-loader-0.5.5.tgz",
+      "integrity": "sha512-7hIW7YinOYUpo//kSYcPB6dCKoceKLmOwjEMmhIobHuWGDVl0Nwe4l68mdG/Ru0wcUxQjVMEoZpkalZ/SE7zog==",
+      "dev": true,
+      "requires": {
+        "es6-templates": "^0.2.3",
+        "fastparse": "^1.1.1",
+        "html-minifier": "^3.5.8",
+        "loader-utils": "^1.1.0",
+        "object-assign": "^4.1.1"
+      }
+    },
+    "html-minifier": {
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
+      "integrity": "sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==",
+      "dev": true,
+      "requires": {
+        "camel-case": "3.0.x",
+        "clean-css": "4.2.x",
+        "commander": "2.17.x",
+        "he": "1.2.x",
+        "param-case": "2.1.x",
+        "relateurl": "0.2.x",
+        "uglify-js": "3.4.x"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.17.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
+          "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
+          "dev": true
+        }
+      }
+    },
+    "html-webpack-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha1-sBq71yOsqqeze2r0SS69oD2d03s=",
+      "dev": true,
+      "requires": {
+        "html-minifier": "^3.2.3",
+        "loader-utils": "^0.2.16",
+        "lodash": "^4.17.3",
+        "pretty-error": "^2.0.2",
+        "tapable": "^1.0.0",
+        "toposort": "^1.0.0",
+        "util.promisify": "1.0.0"
+      },
+      "dependencies": {
+        "big.js": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
+          "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
+          "dev": true
+        },
+        "json5": {
+          "version": "0.5.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+          "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
+          "dev": true
+        },
+        "loader-utils": {
+          "version": "0.2.17",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
+          "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
+          "dev": true,
+          "requires": {
+            "big.js": "^3.1.3",
+            "emojis-list": "^2.0.0",
+            "json5": "^0.5.0",
+            "object-assign": "^4.0.1"
+          }
+        }
+      }
+    },
+    "htmlparser2": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
+      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^1.3.1",
+        "domhandler": "^2.3.0",
+        "domutils": "^1.5.1",
+        "entities": "^1.1.1",
+        "inherits": "^2.0.1",
+        "readable-stream": "^3.1.1"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+          "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.2.0"
+          }
+        }
+      }
+    },
     "http-deceiver": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
@@ -5314,6 +5576,12 @@
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
     },
+    "lower-case": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
+      "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
+      "dev": true
+    },
     "lru-cache": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.1.tgz",
@@ -5378,6 +5646,22 @@
         "object-visit": "^1.0.0"
       }
     },
+    "markdown-loader": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-loader/-/markdown-loader-5.1.0.tgz",
+      "integrity": "sha512-xtQNozLEL+55ZSPTNwro8epZqf1h7HjAZd/69zNe8lbckDiGVHeLQm849bXzocln2pwRK2A/GrW/7MAmwjcFog==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.2.3",
+        "marked": "^0.7.0"
+      }
+    },
+    "marked": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-0.7.0.tgz",
+      "integrity": "sha512-c+yYdCZJQrsRjTPhUx7VKkApw9bwDkNbHUKo1ovgcfDjb2kc8rLuRbIFyXL5WOEUwzSSKo3IXpph2K6DqB/KZg==",
+      "dev": true
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -5705,6 +5989,15 @@
       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
       "dev": true
     },
+    "no-case": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
+      "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
+      "dev": true,
+      "requires": {
+        "lower-case": "^1.1.1"
+      }
+    },
     "node-forge": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.9.0.tgz",
@@ -5796,6 +6089,15 @@
         "path-key": "^2.0.0"
       }
     },
+    "nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "dev": true,
+      "requires": {
+        "boolbase": "~1.0.0"
+      }
+    },
     "number-is-nan": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
@@ -5885,6 +6187,16 @@
         }
       }
     },
+    "object.getownpropertydescriptors": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz",
+      "integrity": "sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1"
+      }
+    },
     "object.pick": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
@@ -6051,6 +6363,15 @@
         "readable-stream": "^2.1.5"
       }
     },
+    "param-case": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
+      "integrity": "sha1-35T9jPZTHs915r75oIWPvHK+Ikc=",
+      "dev": true,
+      "requires": {
+        "no-case": "^2.2.0"
+      }
+    },
     "parse-asn1": {
       "version": "5.1.5",
       "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.5.tgz",
@@ -6347,6 +6668,16 @@
       "integrity": "sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==",
       "dev": true
     },
+    "pretty-error": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.1.tgz",
+      "integrity": "sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=",
+      "dev": true,
+      "requires": {
+        "renderkid": "^2.0.1",
+        "utila": "~0.4"
+      }
+    },
     "private": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
@@ -6548,6 +6879,18 @@
         "readable-stream": "^2.0.2"
       }
     },
+    "recast": {
+      "version": "0.11.23",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.11.23.tgz",
+      "integrity": "sha1-RR/TAEqx5N+bTktmN2sqIZEkYtM=",
+      "dev": true,
+      "requires": {
+        "ast-types": "0.9.6",
+        "esprima": "~3.1.0",
+        "private": "~0.1.5",
+        "source-map": "~0.5.0"
+      }
+    },
     "regenerate-unicode-properties": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz",
@@ -6642,12 +6985,31 @@
         }
       }
     },
+    "relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
+      "dev": true
+    },
     "remove-trailing-separator": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.0.2.tgz",
       "integrity": "sha1-abBi2XhyetFNxrVrpKt3L9jXBRE=",
       "dev": true
     },
+    "renderkid": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.3.tgz",
+      "integrity": "sha512-z8CLQp7EZBPCwCnncgf9C4XAi3WR0dv+uWu/PjIyhhAb5d6IJ/QZqlHFprHeKT+59//V6BNUsLbvN8+2LarxGA==",
+      "dev": true,
+      "requires": {
+        "css-select": "^1.1.0",
+        "dom-converter": "^0.2",
+        "htmlparser2": "^3.3.0",
+        "strip-ansi": "^3.0.0",
+        "utila": "^0.4.0"
+      }
+    },
     "repeat-element": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.2.tgz",
@@ -7651,6 +8013,12 @@
         }
       }
     },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "dev": true
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -7757,6 +8125,12 @@
       "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
       "dev": true
     },
+    "toposort": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.7.tgz",
+      "integrity": "sha1-LmhELZ9k7HILjMieZEOsbKqVACk=",
+      "dev": true
+    },
     "tryer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
@@ -7791,6 +8165,30 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "uglify-js": {
+      "version": "3.4.10",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
+      "integrity": "sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==",
+      "dev": true,
+      "requires": {
+        "commander": "~2.19.0",
+        "source-map": "~0.6.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.19.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz",
+          "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -7913,6 +8311,12 @@
       "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
       "dev": true
     },
+    "upper-case": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
+      "integrity": "sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=",
+      "dev": true
+    },
     "uri-js": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
@@ -7983,6 +8387,22 @@
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
       "dev": true
     },
+    "util.promisify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
+      "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.2",
+        "object.getownpropertydescriptors": "^2.0.3"
+      }
+    },
+    "utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=",
+      "dev": true
+    },
     "utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
diff --git a/package.json b/package.json
index 900dd9c..f1cdc93 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,9 @@
     "css-loader": "^3.4.2",
     "dart-sass": "^1.25.0",
     "file-loader": "^5.1.0",
+    "html-loader": "^0.5.5",
+    "html-webpack-plugin": "^3.2.0",
+    "markdown-loader": "^5.1.0",
     "sass-loader": "^8.0.2",
     "svg-inline-loader": "^0.8.2",
     "vue-head": "^2.0.11",
diff --git a/index.html b/public/index.html
similarity index 97%
rename from index.html
rename to public/index.html
index d532d30..b8f6821 100644
--- a/index.html
+++ b/public/index.html
@@ -29,7 +29,6 @@
 
 <body>
     <div id="app"></div>
-    <script src="/dist/build.js"></script>
 </body>
 
 </html>
diff --git a/src/components/Article.vue b/src/components/Article.vue
index 76a4c93..e2ca054 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="articles">
-        <article-header v-if="!loading" :article-id="id"></article-header>
-        <article-content v-if="!loading" :article-id="id"></article-content>
+        <article-header v-if="!loading" :article-id="uri"></article-header>
+        <article-content v-if="!loading" :article-id="uri"></article-content>
         <author-section></author-section>
         <footer-section></footer-section>
         <transition name="fadeload">
@@ -28,17 +28,17 @@ export default {
     },
     data() {
         return {
-            id: this.$route.params.id,
-            title: this.$route.params.title
+            uri: this.$route.params.uri,
         };
     },
     mounted() {
-        if(!this.$store.getters.hasContentBeenFetched(this.id))
+        if(!this.$store.getters.hasContentBeenFetched(this.uri))
             this.$store.dispatch('fetchArticle', this);
     },
     computed: {
         loading: function() {
-            return !this.$store.getters.hasContentBeenFetched(this.id);
+            console.log('loading?');
+            return !this.$store.getters.hasContentBeenFetched(this.uri);
         }
     },
     head: {
diff --git a/src/components/Article/ArticleContent.vue b/src/components/Article/ArticleContent.vue
index e253f60..e95d7d3 100644
--- a/src/components/Article/ArticleContent.vue
+++ b/src/components/Article/ArticleContent.vue
@@ -1,7 +1,7 @@
 <template>
     <section class="content">
         <!-- <h1 id="heading">{{article.title}}</h1> -->
-        <div v-html="article.content" id="content">
+        <div v-html="content" id="content">
         </div>
     </section>
 </template>
@@ -12,8 +12,14 @@ export default {
     props: ['articleId'],
     data() {
         return {
-            article: this.$store.state.postContent[this.articleId]
+            article: this.$store.state.postContent[this.articleId],
+            content: null
         };
+    },
+    mounted() {
+        this.article.fetchContent().then((content) => {
+            this.content = content.default;
+        });
     }
 };
 </script>
diff --git a/src/components/Articles.vue b/src/components/Articles.vue
index ee91ac6..4e033bd 100644
--- a/src/components/Articles.vue
+++ b/src/components/Articles.vue
@@ -25,12 +25,9 @@ export default {
         Loader
     },
     mounted() {
+        console.log(this.$root.$store);
         if(!this.$root.$store.state.postList.length)
-            fetch('https://salondesdevs.io/api/posts/list')
-                .then(data => data.json())
-                .then(posts => {
-                    this.$root.$store.commit('setPostList', {postList: posts});
-                }).catch(console.log);
+            this.$root.$store.dispatch('fetchArticles')
     },
     computed: {
         loading: function() {
diff --git a/src/components/Articles/ArticleTile.vue b/src/components/Articles/ArticleTile.vue
index ef4866f..8d54667 100644
--- a/src/components/Articles/ArticleTile.vue
+++ b/src/components/Articles/ArticleTile.vue
@@ -1,14 +1,13 @@
 <template>
     <div class="tile">
-        <router-link :to="article.uri">
+        <router-link :to="{name: 'article', params: article }">
             <div class="article-img" >
                 <div class="shade" :style="shadeStyle"></div>
-                <img class="bg" src="../../img/article-bg.png" />
-                <img ref="logo" class="logo" :src="logoSrc" :alt="article.tags[0]">
+                <img class="bg" :src="article.bgImage" />
             </div>
             <h3> {{ article.title }}</h3>
         </router-link>
-        <p> {{ article.author }} - {{ date }} </p>
+        <p> {{ author }} - {{ date }} </p>
     </div>
 </template>
 
@@ -23,14 +22,20 @@ export default {
         };
     },
     computed: {
+        author() {
+            const { authors } = this.article;
+            const [first] = authors;
+
+            return (authors.length == 1)
+                ? first
+                : `${first} (+${authors.length - 1})`;
+        },
+
         article: function() {
             return this.$store.state.postList.filter(post => post.id === this.id)[0];
         },
         date: function() {
-            return new Date(this.article.date).toISOString().substring(0, 10);
-        },
-        logoSrc: function() {
-            return 'https://salondesdevs.io/api/icon/by-language/' + (this.article.tags[0] || 'devicon');
+            return this.article.updateDate.toISOString().substring(0, 10);
         },
         shadeStyle: function() {
             return {
@@ -39,13 +44,13 @@ export default {
         }
     },
     mounted() {
-        this.$refs.logo.addEventListener('load', () => {
-            const vibrant = new Vibrant(this.$refs.logo.getAttribute('src'));
-            vibrant.getPalette((err, palette) => {
-                if(err) return console.log(err);
-                this.logoColour = palette.Vibrant.getHex();
-            });
-        });
+        // this.$refs.logo.addEventListener('load', () => {
+        //     const vibrant = new Vibrant(this.$refs.logo.getAttribute('src'));
+        //     vibrant.getPalette((err, palette) => {
+        //         if(err) return console.log(err);
+        //         this.logoColour = palette.Vibrant.getHex();
+        //     });
+        // });
     }
 };
 </script>
diff --git a/src/components/DiscordPresentation/DiscordPresentation.vue b/src/components/DiscordPresentation/DiscordPresentation.vue
index 3a390a6..1686a31 100644
--- a/src/components/DiscordPresentation/DiscordPresentation.vue
+++ b/src/components/DiscordPresentation/DiscordPresentation.vue
@@ -57,21 +57,21 @@
                                 <template v-if="sysadmin.length > 0">
                                     <h1>sysadmin - {{ sysadmin.length }}</h1>
                                     <div class="user-container" v-for="user in sysadmin">
-                                        <img :src="user.avatar_url" />
+                                        <img loading="lazy" :src="user.avatar_url" />
                                         <span class="sysadmin">{{ user.nick || user.username }}</span>
                                     </div>
                                 </template>
                                 <template v-if="graphiste.length > 0">
                                     <h1>graphiste - {{ graphiste.length }}</h1>
                                     <div class="user-container" v-for="user in graphiste">
-                                        <img :src="user.avatar_url" />
+                                        <img loading="lazy" :src="user.avatar_url" />
                                         <span class="graphiste">{{ user.nick || user.username }}</span>
                                     </div>
                                 </template>
                                 <template v-if="dev.length > 0">
                                     <h1>développeur - {{ dev.length }}</h1>
                                     <div class="user-container" v-for="user in dev">
-                                        <img :src="user.avatar_url" />
+                                        <img loading="lazy" :src="user.avatar_url" />
                                         <span :class="{dev: true, admin: user.isAdmin}">{{ user.nick || user.username }}</span>
                                     </div>
                                 </template>
diff --git a/src/components/Header/Article/Article.vue b/src/components/Header/Article/Article.vue
index f150833..def98de 100644
--- a/src/components/Header/Article/Article.vue
+++ b/src/components/Header/Article/Article.vue
@@ -6,12 +6,12 @@
             <div class="title-container">
                 <div class="title">
                     <h1>{{ article.title }}</h1>
-                    <h2>{{ article.author + ' - ' + date}}</h2>
+                    <h2>{{ article.authors[0] + ' - ' + date}}</h2>
                 </div>
             </div>
-            <div class="logo-container">
+            <!--<div class="logo-container">
                 <img ref="logo" :src="logoSrc" alt="python" crossOrigin="anonymous">
-            </div>
+            </div>-->
         </div>
         <separator></separator>
     </section>
@@ -32,13 +32,13 @@ export default {
         Separator
     },
     mounted() {
-        this.$refs.logo.addEventListener('load', () => {
-            const vibrant = new Vibrant(this.$refs.logo.getAttribute('src'));
-            vibrant.getPalette((err, palette) => {
-                if(err) return console.log(err);
-                this.gradientColor = palette.Vibrant.getHex();
-            });
-        });
+        //this.$refs.logo.addEventListener('load', () => {
+        //    const vibrant = new Vibrant(this.$refs.logo.getAttribute('src'));
+        //    vibrant.getPalette((err, palette) => {
+        //        if(err) return console.log(err);
+        //        this.gradientColor = palette.Vibrant.getHex();
+        //    });
+        //});
     },
     data() {
         return {
@@ -47,16 +47,14 @@ export default {
         };
     },
     computed: {
-        logoSrc: function() {
-            return 'https://salondesdevs.io/api/icon/by-language/' + (this.article.tags[0] || 'devicon');
-        },
         gradient: function() {
             return {
                 background: 'radial-gradient(100% 400px at bottom, ' + this.gradientColor + ' -200%, transparent 95%)',
             };
         },
         date: function() {
-            return new Date(this.article.date).toISOString().substr(0, 10);
+            console.log(this.article);
+            return this.article.updateDate.toISOString().substr(0, 10);
         }
     }
 };
diff --git a/src/components/Header/Articles/Articles.vue b/src/components/Header/Articles/Articles.vue
index a48249d..05910a5 100644
--- a/src/components/Header/Articles/Articles.vue
+++ b/src/components/Header/Articles/Articles.vue
@@ -4,20 +4,19 @@
         <navigation></navigation>
         <div class="header-content">
             <div class="big-preview-container">
-                <router-link :to="article.uri">
+                <router-link :to="{name: 'article', params: article}">
                     <div class="article-img" >
                         <div class="shade" :style="shadeStyle"></div>
-                        <img class="bg" src="../../../img/article-bg.png" />
-                        <img ref="logo" class="logo" :src="logoSrc" :alt="article.tags[0]">
+                        <img class="bg" :src="article.bgImage" />
                     </div>
                 </router-link>
             </div>
             <div class="article-title-container">
-                <router-link :to="article.uri">
+                <router-link :to="{name: 'article', params: article}">
                     <p class="last-article">Dernier article</p>
                     <p class="last-article-title">{{ article.title }}</p>
                     <p class="last-article-author">
-                        {{ article.author + ' - ' + new Date(article.date).toISOString().substr(0,10) }}
+                        {{ article.authors[0] }}
                     </p>
                 </router-link>
             </div>
@@ -47,21 +46,18 @@ export default {
         };
     },
     mounted() {
-        this.$refs.logo.addEventListener('load', () => {
-            const vibrant = new Vibrant(this.$refs.logo.getAttribute('src'));
-            vibrant.getPalette((err, palette) => {
-                if(err) return console.log(err);
-                this.logoColour = palette.Vibrant.getHex();
-            });
-        });
+        //this.$refs.logo.addEventListener('load', () => {
+        //    const vibrant = new Vibrant(this.$refs.logo.getAttribute('src'));
+        //    vibrant.getPalette((err, palette) => {
+        //        if(err) return console.log(err);
+        //        this.logoColour = palette.Vibrant.getHex();
+        //    });
+        //});
     },
     computed: {
         article: function() {
             return this.$root.$store.state.postList[0];
         },
-        logoSrc: function() {
-            return 'https://salondesdevs.io/api/icon/by-language/' + this.article.tags[0];
-        },
         shadeStyle: function() {
             return {
                 background: 'linear-gradient(to bottom, transparent 40%, ' + this.logoColour + ' 500%)'
diff --git a/src/main.js b/src/main.js
index d003114..0825b91 100644
--- a/src/main.js
+++ b/src/main.js
@@ -16,11 +16,13 @@ const routes = [
         component: Homepage
     },
     {
+        name: 'articles',
         path: '/articles',
         component: () => import('./components/Articles.vue')
     },
     {
-        path: '/article/:id/:title',
+        name: 'article',
+        path: '/article/:uri',
         component: () => import('./components/Article.vue')
     },
     {
@@ -47,6 +49,7 @@ const store = new Vuex.Store({
             state.postList = postList;
         },
         setPostContent(state, {key_id, post}) {
+            console.log('set post content', key_id, post);
             Vue.set(state.postContent, key_id, post);
         }
     },
@@ -57,28 +60,19 @@ const store = new Vuex.Store({
         hasContentBeenFetched: (state) => (id) => (state.postContent[id] !== undefined)
     },
     actions: {
-        fetchArticle ({commit}, {id, title}) {
-            fetch('https://salondesdevs.io/api/post/content/by-uri/', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify({
-                    id_suffix: id,
-                    sanitized_title: title
-                })
-            })
-                .then(data => data.json())
-                .then(post => {
-                    commit('setPostContent', {key_id: id, post});
-                }).catch(console.trace);
+        fetchArticle ({commit}, {uri}) {
+            return import('../articles')
+                .then(({ findByUri }) => findByUri(uri))
+                .then((article) => {
+                    commit('setPostContent', {key_id: uri, post: article});
+                });
         },
         fetchArticles ({commit}) {
-            fetch('https://salondesdevs.io/api/posts/list')
-                .then(data => data.json())
-                .then(posts => {
-                    commit('setPostList', {postList: posts.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())});
-                }).catch(console.log);
+            return import('../articles').then(({ articles }) => {
+                const sorted = articles.sort((a, b) => a.updateDate - b.updateDate);
+
+                commit('setPostList', {postList: sorted});
+            });
         }
     }
 });
diff --git a/webpack.config.js b/webpack.config.js
index 4a880de..0e4257d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -5,16 +5,14 @@ module.exports = {
     mode: process.env.NODE_ENV === 'production'
         ? 'production'
         : 'development',
-    entry: ['whatwg-fetch', 'particles.js', './src/main.js'],
+    entry: {
+        main: ['whatwg-fetch', 'particles.js', './src/main.js'],
+        articles: './articles/index.js'
+    },
     output: {
         path: path.resolve(__dirname, './dist'),
-        publicPath: '/dist/',
-        filename: 'build.js'
-    },
-    optimization: {
-        splitChunks: {
-            chunks: 'all'
-        }
+        publicPath: '/',
+        filename: '[name].js'
     },
     module: {
         rules: [
@@ -41,6 +39,10 @@ module.exports = {
             {
                 test: /\.css$/,
                 use: ['vue-style-loader', 'css-loader']
+            },
+            {
+                test: /\.md$/,
+                use: ['html-loader', 'markdown-loader']
             }
         ]
     },
@@ -56,7 +58,11 @@ module.exports = {
         hints: false
     },
     plugins: [
-        new (require("vue-loader/lib/plugin"))
+        new (require("vue-loader/lib/plugin")),
+        new (require("html-webpack-plugin"))({
+            template: 'public/index.html',
+            chunks: ['main']
+        })
     ],
     devtool: '#eval-source-map'
 };