[general] Separated image generation to it's own javascript file

2 files changed, 11 insertions, 12 deletions

diff --git a/public/mozilla-observatory.html b/public/mozilla-observatory.html
index 026116c..3d5223d 100644
--- a/public/mozilla-observatory.html
+++ b/public/mozilla-observatory.html
@@ -44,17 +44,6 @@ font-smooth: never;
 			</div>
 		</div>
 	<script src="./dom-to-image/src/dom-to-image.js"></script>
-	<script>
-		var node = document.getElementById('button');
-		domtoimage.toPng(node)
-			.then (function (dataUrl) {
-				var img = new Image();
-				img.src = dataUrl;
-				document.body.appendChild(img);
-			})
-			.catch(function (error) {
-				console.error('oops, something went wrong!', error);
-			});
-	</script>
+	<script src="./simple-image.js"></script>
 	</body>
 </html>
diff --git a/public/simple-image.js b/public/simple-image.js
new file mode 100644
index 0000000..2150802
--- /dev/null
+++ b/public/simple-image.js
@@ -0,0 +1,10 @@
+var node = document.getElementById('button');
+domtoimage.toPng(node)
+	.then (function (dataUrl) {
+		var img = new Image();
+		img.src = dataUrl;
+		document.body.appendChild(img);
+	})
+	.catch(function (error) {
+		console.error('oops, something went wrong!', error);
+	});