From bce37be69a79ad10da64a85da816714aabbd1b00 Mon Sep 17 00:00:00 2001
From: Legonzaur <34353603+Legonzaur@users.noreply.github.com>
Date: Fri, 26 Jun 2020 20:12:43 +0200
Subject: [PATCH] adding favico and custom title

---
 index.html   |  4 ++++
 js/script.js | 25 +++++++++++++++++++++++--
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ab9d696..1fde67c 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,10 @@
     <title>Ascii art painter</title>
     <meta name="description" content="AScii art painter" />
     <meta name="author" content="Legonzaur" />
+    <link
+      rel="shortcut icon"
+      href="https://convertico.com/images/1593195068.3365/725687107208740904[1].ico"
+    />
     <link
       href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap"
       rel="stylesheet"
diff --git a/js/script.js b/js/script.js
index de84fe2..f461013 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,5 +1,7 @@
 const content = document.getElementById("content");
 
+const title = document.querySelector("title");
+
 var pencil = "o";
 
 var fontSize = parseFloat(
@@ -14,17 +16,36 @@ var width = test.getBoundingClientRect().width;
 var drawGrid = [];
 
 const drawHistory = {
-  forwardData: [],
-  backwardData: [],
+  __forwardData: [],
+  __backwardData: [],
+  get forwardData() {
+    return this.__forwardData;
+  },
+  get backwardData() {
+    return this.__backwardData;
+  },
+  set forwardData(value) {
+    this.__forwardData = value;
+    title.innerHTML = `B:${this.__backwardData.length} F:${this.__forwardData.length}`;
+  },
+  set backwardData(value) {
+    this.__backwardData = value;
+  },
   forwards: function () {
     if (this.forwardData[0]) {
       this.backwardData.unshift(JSON.stringify(drawGrid));
+      title.innerHTML = `B:${this.__backwardData.length} F:${
+        this.__forwardData.length - 1
+      }`;
       return JSON.parse(this.forwardData.shift());
     }
   },
   backwards: function () {
     if (this.backwardData[0]) {
       this.forwardData.unshift(JSON.stringify(drawGrid));
+      title.innerHTML = `B:${this.__backwardData.length - 1} F:${
+        this.__forwardData.length
+      }`;
       return JSON.parse(this.backwardData.shift());
     }
   },