From d4469e4d0fa8b7076c2e56c4f6a8f6de863226de Mon Sep 17 00:00:00 2001
From: ITCS'sDeveloper <itcss.developer.me@gmail.com>
Date: Thu, 5 Oct 2017 00:13:46 +0700
Subject: [PATCH 1/3] Add Function DownloadFile

---
 index.html | 38 ++++++++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 30fdc2b..9d30e48 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,13 @@
 			opacity: 0.5;
 		}
 
+		.newtab {
+			position: absolute;
+			right: 35;
+			top: 10;
+			opacity: 0.5;
+		}
+
 		textarea {
 			width: 100%;
 			margin: 2px 0px;
@@ -71,6 +78,8 @@ <h2>Base64 File Encoder</h2>
 	<h4>Drop Files here</h4>
 	<div id="dropper"></div>
 	<div id="results"></div>
+
+
 	<script>
 		if (typeof window.FileReader === 'undefined')
 			alert('File API & FileReader not supported');
@@ -102,6 +111,17 @@ <h4>Drop Files here</h4>
 			e.preventDefault();
 		};
 
+		function downloadURI(uri, name) {
+			// Ref : https://stackoverflow.com/questions/3916191/download-data-url-file
+			var link = document.createElement("a");
+			link.download = name;
+			link.href = uri;
+			document.body.appendChild(link);
+			link.click();
+			document.body.removeChild(link);
+			delete link;
+		}
+
 		function fileLoaded(filename, dataUri) {
 
 			var div = document.createElement("div");
@@ -116,6 +136,14 @@ <h4>Drop Files here</h4>
 			};
 			div.appendChild(remove);
 
+			var newtab = document.createElement("button");
+			newtab.className = 'newtab';
+			newtab.innerHTML = 'DownloadFile';
+			newtab.onclick = function () {
+				downloadURI(dataUri, filename)
+			};
+			div.appendChild(newtab);
+
 			var name = document.createElement("div");
 			name.innerHTML = filename;
 			div.appendChild(name);
@@ -138,14 +166,16 @@ <h4>Drop Files here</h4>
 			div.appendChild(ta);
 
 			results.appendChild(div);
+
 			if (localStorage) localStorage.setItem("b64-" + filename, dataUri);
 		}
 
-		if (localStorage)
-			for (var filename in localStorage)
+		if (localStorage) {
+			for (var filename in localStorage) {
 				if (filename.indexOf("b64-") === 0)
 					fileLoaded(filename.replace("b64-", ""), localStorage.getItem(filename));
+			}
+		}
 	</script>
 </body>
-
-</html>
+</html>
\ No newline at end of file

From 3c21b258d3cb75bc508898a05896729bfb5f45e2 Mon Sep 17 00:00:00 2001
From: ITCS'sDeveloper <itcss.developer.me@gmail.com>
Date: Thu, 5 Oct 2017 00:34:53 +0700
Subject: [PATCH 2/3] Change Class Name

---
 index.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 9d30e48..895f51f 100644
--- a/index.html
+++ b/index.html
@@ -29,14 +29,16 @@
 			position: absolute;
 			right: 10;
 			top: 10;
-			opacity: 0.5;
+			opacity: 0.7;
+			background: #ff3860;
 		}
 
-		.newtab {
+		.downloadFile {
 			position: absolute;
 			right: 35;
 			top: 10;
-			opacity: 0.5;
+			opacity: 0.7;
+			background: #23d260;
 		}
 
 		textarea {
@@ -137,7 +139,7 @@ <h4>Drop Files here</h4>
 			div.appendChild(remove);
 
 			var newtab = document.createElement("button");
-			newtab.className = 'newtab';
+			newtab.className = 'downloadFile';
 			newtab.innerHTML = 'DownloadFile';
 			newtab.onclick = function () {
 				downloadURI(dataUri, filename)

From 11e8fbfb9e24047221c1e86bf2e3e84a52882f61 Mon Sep 17 00:00:00 2001
From: ITCS'sDeveloper <itcss.developer.me@gmail.com>
Date: Thu, 5 Oct 2017 01:00:30 +0700
Subject: [PATCH 3/3] Add Screenshots

---
 README.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index fc70b4a..5fe914d 100644
--- a/README.md
+++ b/README.md
@@ -2,5 +2,7 @@ Base64 Encoder
 ==============
 
 Running live here:
+http://jpillora.com/base64-encoder/
 
-http://jpillora.com/base64-encoder/
\ No newline at end of file
+# Screenshots
+![index](https://user-images.githubusercontent.com/24679901/31191252-c6f1dba8-a967-11e7-9248-32b5f4c8740e.png)
\ No newline at end of file