docs: add logo (#13700)

* docs: add logo

* fix(docs): logo not show up (#13699)

* fix(build): markdownlint

* docs(readme): use internal link

* docs(index.md): use internal link

* docs(index): update logo rendering in docs

* Center logo and headline

Co-authored-by: Sascha Depold <sascha@depold.com>
Co-authored-by: Sascha Depold <sdepold@users.noreply.github.com>

README.md

@@ -1,4 +1,7 @@
-# Sequelize
+<p align="center">
+  <img src="docs/images/logo-small.png" width="100" />
+  <h1 align="center">Sequelize</h1>
+</p>
 
 [![npm version](https://badgen.net/npm/v/sequelize)](https://www.npmjs.com/package/sequelize)
 [![Build Status](https://github.com/sequelize/sequelize/workflows/CI/badge.svg)](https://github.com/sequelize/sequelize/actions?query=workflow%3ACI)

docs/css/style.css

@@ -1,15 +1,23 @@
 @import url(https://fonts.googleapis.com/css?family=Titillium+Web);
 
+div.logo {
+  display: flex;
+  align-content: center;
+}
+
 div.logo img {
-  width: 200px;
-  height: 200px;
+  width: 100px;
+  height: 100px;
   box-shadow: none !important;
+  margin-right: 16px;
 }
 
+div.logo h1,
 div.sequelize {
   color: #399af3;
   font-size: 60px;
-  font-family: 'Titillium Web', sans-serif;
+  font-family: "Titillium Web", sans-serif;
+  border-width: 0;
 }
 
 .center {
@@ -55,8 +63,8 @@ div.sequelize {
   padding-bottom: 0;
 }
 
-.search-box>span {
-  display:block;
+.search-box > span {
+  display: block;
   width: 100%;
 }
 
@@ -129,11 +137,11 @@ code {
     display: inline-block;
   }
 
-  .layout-container .navigation>div {
+  .layout-container .navigation > div {
     display: none;
   }
 
-  .layout-container .navigation.open>div {
+  .layout-container .navigation.open > div {
     display: block;
   }
 
@@ -175,4 +183,4 @@ header a {
 a[href="source.html"],
 a[href^="file/lib/"] {
   display: none;
-}
+}

docs/index.md

@@ -1,8 +1,6 @@
-<div>
-  <div class="center logo">
-    ![logo](manual/asset/logo-small.png)
-  </div>
-  <div class="center sequelize">Sequelize</div>
+<div class="logo">
+  <img src="./manual/asset/logo.png" />
+  <div class="sequelize"><h1>Sequelize</h1></div>
 </div>
 
 [![npm version](https://badgen.net/npm/v/sequelize)](https://www.npmjs.com/package/sequelize)