feat: add graphics

README.md

@@ -1,11 +1,21 @@
 # WildDuck Mail Server
 
-![](https://raw.githubusercontent.com/nodemailer/wildduck/master/assets/duck.png)
+<p align="center">
+  <a href="https://wildduck.email" target="blank"><img src="./graphics/wildduck-type.svg" width="256" alt="Wild Duck" /></a>
+  <br />
+  WildDuck is a scalable no-SPOF IMAP/POP3 mail server. WildDuck uses a distributed database (sharded + replicated MongoDB) as a backend for storing all data, including emails.
+  <br />
+  WildDuck tries to follow Gmail in product design. If there's a decision to be made then usually the answer is to do whatever Gmail has done.
+</p>
 
-WildDuck is a scalable no-SPOF IMAP/POP3 mail server. WildDuck uses a distributed database (sharded + replicated MongoDB) as a backend for storing all data,
-including emails.
-
-WildDuck tries to follow Gmail in product design. If there's a decision to be made then usually the answer is to do whatever Gmail has done.
+<p align="center">
+  <a href="https://travis-ci.org/github/nodemailer/wildduck" target="_blank"><img src="https://img.shields.io/travis/nodemailer/wildduck" alt="build" /></a>
+  <a href="https://david-dm.org/nodemailer/wildduck" target="_blank"><img src="https://img.shields.io/david/nodemailer/wildduck" alt="dependencies" /></a>
+  <a href="https://david-dm.org/nodemailer/wildduck?type=dev" target="_blank"><img src="https://img.shields.io/david/dev/nodemailer/wildduck?label=devDependencies" alt="devDependencies" /></a>
+  <a href="https://snyk.io/test/github/nodemailer/wildduck" target="_blank"><img src="https://img.shields.io/snyk/vulnerabilities/github/nodemailer/wildduck" alt="Vulnerabilities" /></a>
+  <a href="https://hub.docker.com/r/nodemailer/wildduck" target="_blank"><img src="https://img.shields.io/docker/image-size/nodemailer/wildduck?label=docker%20image" alt="docker" /></a>
+  <a href="https://gitter.im/nodemailer/wildduck" target="_blank"><img src="https://img.shields.io/gitter/room/nodemailer/wildduck?color=orange" alt="gitter" /></a>
+</p>
 
 ## Links
 
@@ -14,11 +24,6 @@ WildDuck tries to follow Gmail in product design. If there's a decision to be ma
 - [Installation instructions](https://docs.wildduck.email/#/general/install)
 - [API Documentation](https://docs.wildduck.email/api)
 
-## Contact 
-[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/nodemailer/wildduck)
-
-
 ## License
 
-WildDuck Mail Agent is licensed under the [European Union Public License 1.1](http://ec.europa.eu/idabc/eupl.html) or later.
-
+WildDuck Mail Agent is licensed under the [European Union Public License 1.1](http://ec.europa.eu/idabc/eupl.html) or later.

docs/README.md

@@ -7,7 +7,7 @@ WildDuck tries to follow Gmail in product design. If there's a decision to be ma
 
 ## Contact
 
-[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/nodemailer/wildduck)
+[![Gitter chat](https://img.shields.io/gitter/room/nodemailer/wildduck?color=orange)](https://gitter.im/nodemailer/wildduck)
 
 ## Requirements
 

docs/index.html

@@ -4,6 +4,9 @@
   <meta charset="UTF-8">
   <title>wildduck - IMAP/POP3 server built with Node.js and MongoDB</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <link rel="shortcut icon" href="https://raw.githubusercontent.com/nodemailer/wildduck/master/assets/favicon.ico">
+  <link rel="icon" sizes="192x192" href="https://raw.githubusercontent.com/nodemailer/wildduck/master/assets/favicon-192x192.png">
+  <link rel="mask-icon" href="https://raw.githubusercontent.com/nodemailer/wildduck/master/graphics/wildduck-mono.svg" color="#004d40">
   <meta name="description" content="IMAP/POP3 server built with Node.js and MongoDB">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css">

graphics/README.md

@@ -0,0 +1,43 @@
+# WildDuck Graphics
+
+## Color
+
+Color palette pick from [Mallard](https://upload.wikimedia.org/wikipedia/commons/a/a1/Mallard2.jpg), using standard color from [Materialize Color](https://materializecss.com/color.html); .
+
+1. ![#004d40](https://via.placeholder.com/14/004d40/004d40?text=+) `#004d40 teal darken-4`
+1. ![#f57f17](https://via.placeholder.com/14/f57f17/f57f17?text=+) `#f57f17 yellow darken-4`
+1. ![#3e2723](https://via.placeholder.com/14/3e2723/3e2723?text=+) `#3e2723 brown darken-4`
+
+## Logo
+
+<p >
+  Main logo of WildDuck
+  <br />
+  <br />
+  <img src="./wildduck.svg" width="320" alt="WildDuck" />
+</p>
+
+<p>
+  Logo with <b>WildDuck</b> text using <a href="https://github.com/googlefonts/roboto">Roboto Font</a>
+  <br />
+  <br />
+  <img src="./wildduck-type.svg" width="320" alt="WildDuck" />
+</p>
+
+<p>
+  Suitable for icon set, <a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html">safari pinned tab</a> and etc...
+  <br />
+  <br />
+  <img src="./wildduck-mono.svg" width="320" alt="WildDuck" />
+</p>
+
+## Tools
+
+These list of tools that we used to create logo and generate optimize version.
+
+- [node.js](https://nodejs.org/)
+- [svgo](https://github.com/svg/svgo)
+- [inkscape](https://inkscape.org/)
+- [gimp](https://www.gimp.org/)
+- [imagemagick](https://imagemagick.org/)
+- [pngquant](https://pngquant.org/)

graphics/wildduck-mono.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="608" height="608" viewBox="0 0 16 16"><path d="M9.263 1.263a6.737 6.737 0 00-6.518 5.053H0v.842a3.368 3.368 0 003.014 3.345 6.737 6.737 0 006.249 4.234H16v-1.684H9.263A5.053 5.053 0 014.21 8a5.053 5.053 0 015.053-5.053A5.053 5.053 0 0114.316 8v1.684h-1.684V8a3.368 3.368 0 00-3.369-3.368A3.368 3.368 0 005.895 8a3.368 3.368 0 003.368 3.368H16V8a6.737 6.737 0 00-2.294-5.053H16V1.263zm0 5.053A1.684 1.684 0 0110.947 8v1.684H9.263A1.684 1.684 0 017.58 8a1.684 1.684 0 011.683-1.684z"/></svg>

graphics/wildduck-type.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="648" height="648" viewBox="0 0 171.45 171.45"><path d="M5.292 51.858v8.467a33.867 33.867 0 0033.866 33.867V51.858z" fill="#f57f17"/><path d="M98.425 1.058a67.733 67.733 0 00-67.733 67.734 67.733 67.733 0 0067.733 67.733h67.733v-16.933H98.425a50.8 50.8 0 01-50.8-50.8 50.8 50.8 0 0150.8-50.8 50.8 50.8 0 0150.8 50.8v16.933h-16.933V68.792a33.867 33.867 0 00-33.867-33.867 33.867 33.867 0 00-33.867 33.867 33.867 33.867 0 0033.867 33.866h67.733V68.792a67.733 67.733 0 00-23.06-50.8h23.06V1.058zm0 50.8a16.933 16.933 0 0116.933 16.934v16.933H98.425a16.933 16.933 0 01-16.933-16.933 16.933 16.933 0 0116.933-16.934z" fill="#004d40"/><path d="M146.735 146.05v25.074h6.21v-5.025l1.75-1.55 4.351 6.575h7.113l-7.445-10.392 6.984-7.26h-7.445l-4.68 5.155-.627.735V146.05zm-98.946.016v25.058h6.23v-25.058zm20.345 0v8.94c-1.216-1.24-2.715-1.86-4.496-1.86-2.445 0-4.35.805-5.713 2.414-1.364 1.61-2.046 3.812-2.046 6.608 0 2.969.695 5.258 2.083 6.867 1.388 1.61 3.268 2.415 5.64 2.415 1.965 0 3.587-.74 4.865-2.219l.313 1.893h5.583v-25.058zm-26.464.18c-1.02 0-1.849.25-2.487.75-.64.5-.959 1.142-.959 1.925 0 .783.32 1.424.96 1.925.637.5 1.467.75 2.486.75 1.02 0 1.85-.25 2.49-.75.637-.5.957-1.142.957-1.925 0-.783-.32-1.425-.958-1.925-.64-.5-1.469-.75-2.489-.75zM5.292 147.37l5.712 23.753h6.69l3.52-13.54 3.594 13.54h6.708l5.695-23.753h-6.413l-3.078 14.894-3.741-14.894h-5.492L14.8 162.265l-3.078-14.894zm79.927 0v23.753h8.828c2.322-.011 4.422-.5 6.301-1.47 1.893-.977 3.356-2.326 4.388-4.044 1.044-1.73 1.566-3.682 1.566-5.857v-1.093c-.012-2.154-.553-4.095-1.622-5.824-1.056-1.74-2.53-3.083-4.423-4.03-1.893-.956-4.023-1.435-6.395-1.435zm6.468 4.42h2.175c1.905 0 3.354.583 4.35 1.747.995 1.163 1.492 2.893 1.492 5.187v1.028c0 2.305-.497 4.045-1.492 5.22-.996 1.164-2.42 1.746-4.277 1.746h-2.248zm45.096 1.354c-1.916 0-3.574.37-4.975 1.11a7.58 7.58 0 00-3.225 3.149c-.737 1.36-1.106 2.93-1.106 4.714v.229c0 2.85.835 5.079 2.506 6.688 1.671 1.61 3.956 2.415 6.856 2.415 2.47 0 4.484-.62 6.045-1.86 1.572-1.24 2.358-2.828 2.358-4.764h-5.823c.012.75-.221 1.338-.7 1.762-.48.414-1.155.62-2.028.62-1.044 0-1.806-.343-2.285-1.028-.479-.685-.72-1.914-.72-3.686 0-1.012.045-1.806.131-2.382.27-1.816 1.21-2.725 2.82-2.725.847 0 1.523.245 2.026.735.504.49.756 1.19.756 2.104h5.823c0-2.175-.761-3.9-2.285-5.171-1.523-1.273-3.581-1.91-6.174-1.91zm-98.19.327v17.652h6.23v-17.652zm69.46 0v11.436c0 2.11.559 3.73 1.677 4.861 1.13 1.12 2.789 1.68 4.976 1.68 2.236 0 4.01-.744 5.325-2.234l.185 1.909h5.823v-17.652h-6.247v12.382c-.602.903-1.616 1.354-3.041 1.354-1.66 0-2.489-.756-2.489-2.268v-11.468zm-42.83 3.915c1.376 0 2.346.523 2.911 1.567v6.72c-.59 1.023-1.571 1.534-2.947 1.534-2.064 0-3.097-1.566-3.097-4.698l.018-1.012c.16-2.74 1.198-4.11 3.115-4.11z" fill="#3e2723"/></svg>

graphics/wildduck.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="616" height="616" viewBox="0 0 162.983 162.983"><path d="M1.058 64.558v8.467a33.867 33.867 0 0033.867 33.867V64.558z" fill="#f57f17"/><path d="M94.192 13.758a67.733 67.733 0 00-67.734 67.734 67.733 67.733 0 0067.734 67.733h67.733v-16.933H94.192a50.8 50.8 0 01-50.8-50.8 50.8 50.8 0 0150.8-50.8 50.8 50.8 0 0150.8 50.8v16.933h-16.934V81.492a33.867 33.867 0 00-33.866-33.867 33.867 33.867 0 00-33.867 33.867 33.867 33.867 0 0033.867 33.866h67.733V81.492a67.733 67.733 0 00-23.06-50.8h23.06V13.758zm0 50.8a16.933 16.933 0 0116.933 16.934v16.933H94.192a16.933 16.933 0 01-16.934-16.933 16.933 16.933 0 0116.934-16.934z" fill="#004d40"/></svg>