Update README

Author: eitchtee

README.md

@@ -1,12 +1,59 @@
-# write-music
+<div align="center">
+	<a href="https://herculino.com/write-music" target="_blank">
+    	<img alt="Write Music" title="Write Music" src="./assets/write-music.png" width="500" />
+    </a>
+</div>
 
-See the rhythm of your text right on your browser.
+<h1 align="center">Write Music</h1>
+<p align="center">See the rhythm of your text right on your browser.</p>
 
-![alt text](https://i.imgur.com/VGzMFB5.png "Gary Provost's This Sentence Has 5 Words quote")
+<div align="center">
+  <a href="https://github.com/eitchtee/write-music/blob/master/LICENSE" target="_blank"><img alt="GitHub" src="https://img.shields.io/github/license/eitchtee/write-music?style=for-the-badge"></a>
+  <a href="https://herculino.com/write-music" target="_blank"><img alt="Website" src="https://img.shields.io/website?style=for-the-badge&url=https%3A%2F%2Fherculino.com/write-music"></a>
+</div>
+
+<br/>
 
 ---
 
-Loosely based on a writing tip by [Gary Provost](https://www.garyprovost.com/). Heavily dependent on [lonekorean's](https://github.com/lonekorean) plugin: [highlight-within-textarea](https://github.com/lonekorean/highlight-within-textarea).
+<p align="center">
+    <a href="#whats-this">❓ What's this?</a> •
+    <a href="#tech-stack">🛠️ Tech Stack</a> • 
+    <a href="#development">✏️ Development</a>
+</p>
+
+## What's This?
+Write Music is a simple browser tool for seeing and hearing your writing's reading rhythm, based on a [Gary Provost's](https://www.garyprovost.com/) writing tip which seems to be used by [Amazon's Marketing Team](https://medium.com/better-marketing/amazon-accidentally-sent-out-their-email-template-33e6ecbc0875).
+
+**Everything is done in-browser and no data is stored or sent to a server.**
+
+## Tech Stack
+
+##### **Website**
+
+-   **Pure HTML and CSS**
+-   **[jQUery](https://jquery.com/)**
+-   **[highlight-within-textarea](https://github.com/lonekorean/highlight-within-textarea)**
+
+##### **Hosting**
+
+-   **[Github Pages](https://pages.github.com/)**
+
+##### **Tools**
+
+-   _Editor_:  **[WebStorm](https://www.jetbrains.com/webstorm/)**
+
+
+## Development
+
+There are no special requirements.
+
+Clone this repo and edit `index.html` and `script.js`
+
+---
 
+<div align="center">
+	<img alt="Gary Provost's This Sentence Has 5 Words quote" title="Write Music" src="./assets/gary-tip.png">
+</div>
 
-[Click here](https://eitchtee.github.io/write-music/) and have a go, but remember: `Don't just write words. Write music`.
+<div align="center"><code align="center">Write Music</code></div>