update readme, add first release

Author: sudonims

README.md

@@ -1,13 +1,28 @@
-## Directions to use
-    1) Clone the project
-    2) Load the unpacked chrome extension
-    3) Go to vtop DA section
-    4) Click anywhere on the blank screen (has an 'click' event listener)
-    5) See the deadline of all the upcoming DAs with download link if any.
+## Installation
+1) Go to <a href="chrome://extensions"> Chrome Extensions </a>
+2) Turn on developer mode on upper right corner
 
-    PS: When uploading, just let it load first (Click anywhere to get the complete list), once loaded
-        then proceed to upload. It's a bug I'm trying to resolve.
+![Turn Dev](https://i.ibb.co/SV7dZMS/turnDev.png)
 
+3) Reload/refresh the chrome://extensions page
+4) Download the latest .crx file from the <a href="https://github.com/sudonims/vtop-da-deadline/releases"> Releases </a>
+5) Ignore the warnings.
+6) Drag the downloaded file to the extensions page
+
+![Drag CRX](https://i.ibb.co/f196VWC/dragcrx.png)
+
+7) Hit Accept.
+
+
+## How to use
+1) Go to DA upload section and select the semester.
+2) Once loaded, simple click anywhere on the screen and the upcoming DAs' due dates would be shown.
+3) Cheers !!
+
+```
+PS: When uploading DA, just let it load first (Click anywhere to get the complete list), 
+    once loaded then proceed to upload. It's a bug I'm trying to resolve.
+```
 ## Example
-   
-   ![Example](example.gif)
+
+![Example](https://i.ibb.co/3zWbR2w/Screenshot-from-2020-08-13-22-11-58.png)

content.js

@@ -48,7 +48,6 @@ async function assignments(doc) {
 }
 
 document.addEventListener('click', async function () {
-    // Get Reg. No
     var check;
     try {
         if(typeof(check = document.getElementsByTagName('form')[0].getAttribute('id')) != undefined) {

example.gif

@@ -1,7 +1,7 @@
 {
     "author":"sudonims",
     "manifest_version": 2,
-    "name": "Easy DA",
+    "name": "ExVTOP (Extended VTOP)",
     "version": "0.5.0",
     "description": "Easily see DA",
     "content_scripts": [