From 750840c943d57ca85b9b0900d02c16320599a3a4 Mon Sep 17 00:00:00 2001
From: Jason Chen <jhchen7@gmail.com>
Date: Mon, 10 Jul 2017 01:31:05 -0700
Subject: [PATCH] some design love and add npm stats

---
 README.md | 46 +++++++++++++++++++++++++++++++++-------------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index b69efb9bb2..ec3a616ccc 100644
--- a/README.md
+++ b/README.md
@@ -1,22 +1,42 @@
-# [Quill Rich Text Editor](http://quilljs.com/) [![Build Status](https://travis-ci.org/quilljs/quill.svg?branch=master)](http://travis-ci.org/quilljs/quill)
-
-[![Test Status](https://cdn.quilljs.com/badge.svg?v=2)](https://saucelabs.com/u/quill)
+<h1 align="center">
+  <a href="http://quilljs.com/" title="Quill">Quill Rich Text Editor</a>
+</h1>
+<p align="center">
+  <a href="http://quilljs.com/" title="Quill"><img alt="Quill Logo" src="https://quilljs.com/assets/images/logo.svg" width="180"></a>
+</p>
+<p align="center">
+  <a title="Quickstart" href="#quickstart"><strong>Quickstart</strong></a>
+  &#x2022;
+  <a title="Documentation" href="https://quilljs.com/docs/"><strong>Documentation</strong></a>
+  &#x2022;
+  <a title="Development" href="https://github.com/quilljs/quill/blob/master/.github/DEVELOPMENT.md"><strong>Development</strong></a>
+  &#x2022;
+  <a title="Contributing" href="https://github.com/quilljs/quill/blob/master/.github/CONTRIBUTING.md"><strong>Contributing</strong></a>
+  &#x2022;
+  <a title="Interactive Playground" href="https://quilljs.com/playground/"><strong>Interactive Playground</strong></a>
+</p>
+<p align="center">
+  <a href="https://travis-ci.org/quilljs/quill" title="Build Status">
+    <img src="https://travis-ci.org/quilljs/quill.svg?branch=master" alt="Build Status">
+  </a>
+  <a href="https://npmjs.com/package/quill" title="Version">
+    <img src="https://img.shields.io/npm/v/quill.svg" alt="Version">
+  </a>
+  <a href="https://npmjs.com/package/quill" title="Downloads">
+    <img src="https://img.shields.io/npm/dm/quill.svg" alt="Downloads">
+  </a>
+</p>
+<p align="center">
+  <a href="https://saucelabs.com/u/quill" title="Test Status">
+    <img src="https://cdn.quilljs.com/badge.svg?v=2" alt="Test Status">
+  </a>
+</p>
 
 Quill is a modern rich text editor built for compatibility and extensibility. It was created by [Jason Chen](https://twitter.com/jhchen) and [Byron Milligan](https://twitter.com/byronmilligan) and open sourced by [Salesforce.com](http://www.salesforce.com).
 
 To get started, check out the [Quill website](http://quilljs.com/) for documentation, guides, and live demos!
 
 
-## Useful Links
-
-- [Demo](https://quilljs.com/)
-- [Documentation](https://quilljs.com/docs/)
-- [How-to Guides](https://quilljs.com/guides/)
-- [Interactive Playground](https://quilljs.com/playground/)
-- [Contributing](https://github.com/quilljs/quill/blob/master/.github/CONTRIBUTING.md)
-- [Local Development](https://github.com/quilljs/quill/blob/master/.github/DEVELOPMENT.md)
-
-
 ## Quickstart
 
 Instantiate a new Quill object with a css selector for the div that should become the editor.