docs: update theme + changelog + logo

.esdoc.json

@@ -10,13 +10,14 @@
   "coverage": false,
   "coverage": false,
   "lint": false,
   "lint": false,
   "plugins": [
   "plugins": [
-    {"name": "./docs/esdoc-sequelize.js"}
+    {"name": "./docs/plugins/esdoc-sequelize.js"}
   ],
   ],
   "styles": [
   "styles": [
-    "./docs/style.css"
+    "./docs/css/style.css",
+    "./docs/css/theme.css"
   ],
   ],
   "scripts": [
   "scripts": [
-    "./docs/script.js"
+    "./docs/scripts/script.js"
   ],
   ],
   "manual": {
   "manual": {
     "globalIndex": true,
     "globalIndex": true,
@@ -38,6 +39,9 @@
       "./docs/raw-queries.md",
       "./docs/raw-queries.md",
       "./docs/migrations.md"
       "./docs/migrations.md"
     ],
     ],
+    "changelog": [
+      "./changelog.md"
+    ],
     "advanced": [
     "advanced": [
       "./docs/legacy.md"
       "./docs/legacy.md"
     ],
     ],

docs/style.css → docs/css/style.css

 @import url(http://fonts.googleapis.com/css?family=Titillium+Web);
 @import url(http://fonts.googleapis.com/css?family=Titillium+Web);
 
 
-.content span.sequelize {
-  color: #2F406A;
-  position: absolute;
-  top: 30px;
-  left: 550px;
-  font-size: 100px;
-  display: inline-block;
-  height: 250px;
-  line-height: 250px;
+div.logo img {
+  width: 200px;
+  height: 200px;
+}
+
+div.sequelize {
+  color: #399af3;
+  font-size: 60px;
   font-family: 'Titillium Web', sans-serif;
   font-family: 'Titillium Web', sans-serif;
 }
 }
 
 
@@ -96,3 +95,7 @@ a[href^="file/lib/"] {
   position: relative;
   position: relative;
   top: 6px;
   top: 6px;
 }
 }
+
+.center {
+  text-align: center;
+}

docs/css/theme.css

+.manual-color, .kind-class, .manual-color-faq {
+  background-color: #399af3;
+}
+
+.manual-color a, .kind-class, .manual-color-faq a {
+  color: #ffffff !important;
+}
+
+.kind-variable, .manual-color-reference, .manual-color-changelog {
+  background-color: #000000;
+}
+
+.kind-variable, .manual-color-reference a, .manual-color-changelog a {
+  color: #ffffff;
+}
+
+.manual-color-faq a {
+  color: #e5e5e5 !important;
+}

docs/index.md

-![logo](manual/asset/logo-small.png)
-<span class="sequelize">Sequelize</span>
+<div>
+  <div class="center logo">
+    ![logo](manual/asset/logo-small.png)
+  </div>
+  <div class="center sequelize">Sequelize</span>
+</div>
 
 
 [![Travis build](https://img.shields.io/travis/sequelize/sequelize/master.svg?style=flat-square)](https://travis-ci.org/sequelize/sequelize)
 [![Travis build](https://img.shields.io/travis/sequelize/sequelize/master.svg?style=flat-square)](https://travis-ci.org/sequelize/sequelize)
 [![npm](https://img.shields.io/npm/dm/sequelize.svg?style=flat-square)](https://npmjs.org/package/sequelize)
 [![npm](https://img.shields.io/npm/dm/sequelize.svg?style=flat-square)](https://npmjs.org/package/sequelize)
@@ -8,7 +12,8 @@
 Sequelize is a promise-based ORM for Node.js v4 and up. It supports the dialects PostgreSQL, MySQL, SQLite and MSSQL and features solid transaction support, relations, read replication and
 Sequelize is a promise-based ORM for Node.js v4 and up. It supports the dialects PostgreSQL, MySQL, SQLite and MSSQL and features solid transaction support, relations, read replication and
 more.
 more.
 
 
-[Installation](manual/installation/getting-started)
+- [Getting Started](manual/installation/getting-started)
+- [API Reference](identifiers)
 
 
 ## Example usage
 ## Example usage
 
 

docs/esdoc-sequelize.js → docs/plugins/esdoc-sequelize.js

+'use strict';
+
 const cheerio = require('cheerio');
 const cheerio = require('cheerio');
-const esdocConfig = require('../.esdoc.json');
+const esdocConfig = require('../../.esdoc.json');
 
 
 exports.onHandleHTML = function(ev) {
 exports.onHandleHTML = function(ev) {
   const $ = cheerio.load(ev.data.html);
   const $ = cheerio.load(ev.data.html);
@@ -22,5 +24,9 @@ exports.onHandleHTML = function(ev) {
     $(`script[src="${script}"]`).remove();
     $(`script[src="${script}"]`).remove();
   }
   }
 
 
+  // Prepare changelog
+  $('div[data-toc-name="changelog"] ul.manual-toc li:not(:first-child)').remove();
+  $('div[data-toc-name="changelog"] ul.manual-toc li:first-child a').text('Changelog');
+
   ev.data.html = $.html();
   ev.data.html = $.html();
 };
 };