From 10938eb91a5fc05743e429fe0a3ac7eab2565d89 Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Mon, 18 Sep 2023 17:15:35 +0200
Subject: [PATCH 1/6] init

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f543f0b..1e42e14 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,7 @@
         >
           Show saved documents
         </li>
-        <!-- hidden since the data should only be stored on local machine -->
+        <!-- hidden since the data should only be stored on local machine  -->
         <li
           class="w3-bar-item w3-padding-large w3-button"
           style="display: none; border-bottom: 2px solid rgb(221, 221, 221)"

From 4a2b88132b2a6d190ba89104ccd17be7f90af17a Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Mon, 18 Sep 2023 17:31:36 +0200
Subject: [PATCH 2/6] added logo

---
 index.html |   8 ++++++--
 logo.png   | Bin 0 -> 19661 bytes
 2 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 logo.png

diff --git a/index.html b/index.html
index 1e42e14..ee24f32 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@
           href="."
           id="siteTitle"
           class="w3-left-align w3-button w3-padding-large w3-flat-wet-asphalt"
-          >Template Gen</a
+          ><img src="/logo.png" alt="logo" height="30px"></a
         >
       </div>
 
@@ -265,6 +265,9 @@
         <div class="w3-modal-content w3-margin-top">
           <div class="w3-container w3-padding-32 w3-flat-clouds">
             <form method="post" action="javascript:void(0)" id="loginForm">
+              <h1>Welcome to <img src="/logo.png" alt="logo" height="40px"></h1>
+              <br>
+              <br>
               <label> enter password: </label>
               <input
                 type="password"
@@ -276,7 +279,8 @@
                 id="submitPassword"
                 type="submit"
                 value="Submit"
-                style="display: none"
+                class="w3-button w3-flat-wet-asphalt"
+                style="display: block; margin-top: 20px;"
               />
             </form>
           </div>
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7863e8d51ae2fe0fcf9f3b32fd97dca89c28423
GIT binary patch
literal 19661
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

literal 0
HcmV?d00001


From a85ca96bfd513478d4561ceada5879c20f124f6d Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Mon, 18 Sep 2023 17:42:45 +0200
Subject: [PATCH 3/6] styled logo

---
 css/styles.css | 6 ++++++
 index.html     | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/styles.css b/css/styles.css
index c1225c2..f4ad129 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -49,3 +49,9 @@ a {text-decoration: none;}
 textarea {
   resize: none;
 }
+
+.logo {
+  border: #202e3f;
+  border-style: solid;
+
+}
diff --git a/index.html b/index.html
index ee24f32..e727153 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@
           href="."
           id="siteTitle"
           class="w3-left-align w3-button w3-padding-large w3-flat-wet-asphalt"
-          ><img src="/logo.png" alt="logo" height="30px"></a
+          ><img class="logo" src="/logo.png" alt="logo" height="30px"></a
         >
       </div>
 

From 7198470dc24813be59a488d63f253bfd7fba20a3 Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Thu, 21 Sep 2023 14:16:34 +0200
Subject: [PATCH 4/6] version update

---
 index.html               |   6 +-
 js/9.6/buildForm.js      | 393 +++++++++++++++++++++++++++++++++++++++
 js/9.6/createTemplate.js | 210 +++++++++++++++++++++
 js/9.6/evts.js           | 193 +++++++++++++++++++
 js/9.6/files.js          | 313 +++++++++++++++++++++++++++++++
 js/9.6/form.js           | 289 ++++++++++++++++++++++++++++
 js/9.6/identify.js       | 247 ++++++++++++++++++++++++
 js/9.6/init.js           | 151 +++++++++++++++
 js/9.6/main.js           |   7 +
 js/9.6/parseForm.js      | 366 ++++++++++++++++++++++++++++++++++++
 js/9.6/parseTemplate.js  | 374 +++++++++++++++++++++++++++++++++++++
 js/9.6/scripts.js        |  96 ++++++++++
 js/9.6/sha256.min.js     |   3 +
 js/9.6/storage.js        | 223 ++++++++++++++++++++++
 js/9.6/web.js            | 301 ++++++++++++++++++++++++++++++
 js/9.6/xorc.js           | 187 +++++++++++++++++++
 16 files changed, 3356 insertions(+), 3 deletions(-)
 create mode 100644 js/9.6/buildForm.js
 create mode 100644 js/9.6/createTemplate.js
 create mode 100644 js/9.6/evts.js
 create mode 100644 js/9.6/files.js
 create mode 100644 js/9.6/form.js
 create mode 100644 js/9.6/identify.js
 create mode 100644 js/9.6/init.js
 create mode 100644 js/9.6/main.js
 create mode 100644 js/9.6/parseForm.js
 create mode 100644 js/9.6/parseTemplate.js
 create mode 100644 js/9.6/scripts.js
 create mode 100644 js/9.6/sha256.min.js
 create mode 100644 js/9.6/storage.js
 create mode 100644 js/9.6/web.js
 create mode 100644 js/9.6/xorc.js

diff --git a/index.html b/index.html
index e727153..86c841d 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
   <link rel="stylesheet" href="css/font-awesome/css/all.min.css" />
   <link rel="stylesheet" href="css/styles.css" />
 
-  <script type="module" src="js/9.5/main.js"></script>
+  <script type="module" src="js/9.6/main.js"></script>
 
 
   <body>
@@ -93,7 +93,7 @@
           href="."
           id="siteTitle"
           class="w3-left-align w3-button w3-padding-large w3-flat-wet-asphalt"
-          ><img class="logo" src="/logo.png" alt="logo" height="30px"></a
+          ><img class="logo" src="logo.png" alt="logo" height="30px"></a
         >
       </div>
 
@@ -265,7 +265,7 @@
         <div class="w3-modal-content w3-margin-top">
           <div class="w3-container w3-padding-32 w3-flat-clouds">
             <form method="post" action="javascript:void(0)" id="loginForm">
-              <h1>Welcome to <img src="/logo.png" alt="logo" height="40px"></h1>
+              <h1>Welcome to <img src="logo.png" alt="logo" height="40px"></h1>
               <br>
               <br>
               <label> enter password: </label>
diff --git a/js/9.6/buildForm.js b/js/9.6/buildForm.js
new file mode 100644
index 0000000..11cd932
--- /dev/null
+++ b/js/9.6/buildForm.js
@@ -0,0 +1,393 @@
+import { getFileName } from "./storage.js";
+
+function transformTemplateObject(objects) {
+  let form = document.createElement("FORM");
+  form.setAttribute("method", "post");
+  form.setAttribute("action", "javascript:void(0)");
+  form.setAttribute("id", "mainFormObj");
+  form.classList.add("w3-row");
+
+  let sidebarList = document.createElement("ul");
+  sidebarList.classList.add("w3-ul");
+
+  for (let i = 0; i < objects.length; i++) {
+    buildField(objects[i], form, sidebarList);
+  }
+
+  //console.log(objects);
+
+  //create sidebar submit button
+  let sidebarSubmitButton = document.createElement("li");
+  sidebarSubmitButton.classList.add(
+    "w3-bar-item",
+    "w3-padding-large",
+    "w3-button"
+  );
+  sidebarSubmitButton.style.borderTop = "2px solid #ddd";
+  sidebarSubmitButton.id = "sb-submit";
+  sidebarSubmitButton.innerHTML = "Save & Copy";
+  sidebarList.appendChild(sidebarSubmitButton);
+
+  //add sidebar elemnts to sidebar
+  document.getElementById("sidebar").appendChild(sidebarList);
+
+  //add form to mainForm Div
+  document.getElementById("mainForm").appendChild(form);
+
+  //create username and append field to site
+  let fileName = getFileName();
+  document.getElementById("submitContainer").appendChild(userFileNameDiv(fileName));
+
+  // create a Save button
+  let saveBtn = document.createElement("input");
+  saveBtn.setAttribute("type", "submit");
+  saveBtn.setAttribute("value", "Save");
+  saveBtn.classList.add("w3-button");
+  saveBtn.classList.add("w3-grey");
+  saveBtn.style.margin = "20px";
+  //append submit button to submitContainer
+  document.getElementById("submitContainer").appendChild(saveBtn);
+
+  // create a Copy button
+  let copyBtn = document.createElement("input");
+  copyBtn.setAttribute("type", "submit");
+  copyBtn.setAttribute("value", "Copy");
+  copyBtn.classList.add("w3-button");
+  copyBtn.classList.add("w3-grey");
+  copyBtn.style.margin = "20px 0px";
+  //append submit button to submitContainer
+  document.getElementById("submitContainer").appendChild(copyBtn);
+
+}
+
+
+function buildField(obj, form, sidebarList) {
+  //create template Input fields
+
+  let divContainer = document.createElement("DIV");
+  divContainer.classList.add("w3-half");
+  divContainer.classList.add("w3-container");
+
+  let div = document.createElement("DIV");
+  div.classList.add("w3-section");
+  div.classList.add("w3-flat-silver");
+
+  div.setAttribute("style", "padding: 10px");
+
+  let label = document.createElement("LABEL");
+
+  let connectedListsArray = [];
+
+  let ltPlaceholder;
+
+  //check for longtext:!li and convert it to standard longText
+  if (obj.type.indexOf("longText") !== -1) {
+    if (obj.type.indexOf(":") !== -1) {
+      ltPlaceholder = obj.type.split(":")[1];
+      if (ltPlaceholder !== undefined) {
+        let textarea = document.createElement("textarea");
+        textarea.setAttribute("name", obj.word.replace(/ /g, "_"));
+        textarea.setAttribute("id", obj.word.replace(/ /g, "_"));
+        textarea.setAttribute("cols", "100");
+        textarea.setAttribute("rows", "15");
+        textarea.classList.add("w3-input");
+        textarea.id = obj.word.replace(/ /g, "_");
+        divContainer.classList.remove("w3-half");
+        divContainer.classList.add("w3-center");
+        label.innerHTML = obj.word;
+        div.appendChild(label);
+        div.appendChild(textarea);
+      }
+    }
+  }
+
+
+  if (obj.type.indexOf("simpleInput") !== -1) {
+    if (obj.type.indexOf(":") !== -1) {
+      ltPlaceholder = obj.type.split(":")[1];
+      if (ltPlaceholder !== undefined) {
+        let input = document.createElement("input");
+        input.setAttribute("type", "text");
+        input.setAttribute("name", obj.word.replace(/ /g, "_"));
+        input.setAttribute("id", obj.word.replace(/ /g, "_"));
+        input.classList.add("w3-input");
+        input.id = obj.word.replace(/ /g, "_");
+        label.innerHTML = obj.word;
+        div.appendChild(label);
+        div.appendChild(input);
+      }
+    }
+  }
+
+  //check for markup:title and display it as none
+  if (obj.type.indexOf("markup") !== -1) {
+    if (obj.type.indexOf(":") !== -1) {
+      ltPlaceholder = obj.type.split(":")[1];
+      if (ltPlaceholder !== undefined) {
+        divContainer.classList.add("hidden");
+        let input = document.createElement("input");
+        input.setAttribute("type", "text");
+        input.setAttribute("name", obj.word.replace(/ /g, "_"));
+        input.id = obj.word.replace(/ /g, "_");
+        input.value = obj.word;
+        divContainer.style.display = "none";
+        label.innerHTML = obj.word;
+        div.appendChild(label);
+        div.appendChild(input);
+      }
+    }
+  }
+
+
+  switch (obj.type) {
+    case "genderSpecific":
+      let select = document.createElement("select");
+      select.setAttribute("name", obj.word.replace(/ /g, "_"));
+      select.id = obj.word.replace(/ /g, "_");
+      select.classList.add("w3-select");
+      if (typeof obj.m !== "undefined") {
+        let optionM = document.createElement("option");
+        optionM.value = obj.m;
+        optionM.text = obj.m;
+        select.appendChild(optionM);
+      }
+      if (typeof obj.w !== "undefined") {
+        let optionW = document.createElement("option");
+        optionW.value = obj.w;
+        optionW.text = obj.w;
+        select.appendChild(optionW);
+      }
+      if (typeof obj.d !== "undefined") {
+        let optionD = document.createElement("option");
+        optionD.value = obj.d;
+        optionD.text = obj.d;
+        select.appendChild(optionD);
+      }
+      label.innerHTML = obj.word;
+      div.appendChild(label);
+      div.appendChild(select);
+      break;
+
+    case "list":
+      let select2 = document.createElement("select");
+      select2.setAttribute("name", obj.word.replace(/ /g, "_"));
+      select2.classList.add("w3-select");
+      select2.id = obj.word.replace(/ /g, "_");
+      select2.setAttribute("id", obj.word.replace(/ /g, "_"));
+
+      for (let listItem = 0; listItem < obj.listCount + 1; listItem++) {
+        //console.log(obj[listItem]);
+        if (typeof obj[listItem] !== "undefined") {
+          let optionL = document.createElement("option");
+          optionL.value = obj[listItem];
+          optionL.text = obj[listItem];
+          select2.appendChild(optionL);
+        }
+      }
+      label.innerHTML = obj.word;
+      div.appendChild(label);
+      div.appendChild(select2);
+      break;
+
+    case "conList":
+      let select3 = document.createElement("select");
+      select3.setAttribute("name", "clM-"+obj.word.replace(/ /g, "_"));
+      select3.classList.add("w3-select");
+      select3.id = obj.word.replace(/ /g, "_");
+      let optionDefault = document.createElement("option");
+      optionDefault.value = "!none";
+      optionDefault.text = "Choose one";
+      select3.appendChild(optionDefault);
+
+
+      for (let listItem = 0; listItem < obj.listCount + 1; listItem++) {
+        //console.log(obj[listItem]);
+        if (typeof obj[listItem] !== "undefined") {
+          let optionL = document.createElement("option");
+          let item = obj[listItem];
+          optionL.value = item;
+          optionL.text = item;
+          select3.appendChild(optionL);
+          connectedListsArray.push({
+            word: item, 
+            type: obj["clType-"+item],
+            cl: obj.word
+          });
+        }
+      }
+      label.innerHTML = obj.word;
+
+      if (obj.listCount == 0) {
+        select3 = document.createElement("button");
+        select3.setAttribute("value", "!none");
+        select3.classList.add("w3-button", "w3-grey", "w3-left-align");
+        select3.id = obj.word.replace(/ /g, "_");
+        select3.innerHTML = "Show";
+        select3.setAttribute("name", "clM-"+obj.word.replace(/ /g, "_"));
+        select3.setAttribute("data-word", connectedListsArray[0].word);
+      } 
+
+      div.appendChild(label);
+      div.appendChild(document.createElement("br"));
+
+      div.appendChild(select3);
+
+
+      break;
+
+    case "simpleInput":
+      let input = document.createElement("input");
+      input.setAttribute("type", "text");
+      input.setAttribute("name", obj.word.replace(/ /g, "_"));
+      input.classList.add("w3-input");
+      input.id = obj.word.replace(/ /g, "_");
+      label.innerHTML = obj.word;
+      div.appendChild(label);
+      div.appendChild(input);
+      break;
+    case "longText":
+      let textarea = document.createElement("textarea");
+      textarea.setAttribute("name", obj.word.replace(/ /g, "_"));
+      textarea.setAttribute("cols", "100");
+      textarea.setAttribute("rows", "15");
+      textarea.classList.add("w3-input");
+      textarea.id = obj.word.replace(/ /g, "_");
+      label.innerHTML = obj.word;
+      divContainer.classList.remove("w3-half");
+      divContainer.classList.add("w3-center");
+      div.appendChild(label);
+      div.appendChild(textarea);
+      break;
+    case "current_time":
+      let input2 = document.createElement("input");
+      let today = new Date();
+      let currentTime =
+        today.getHours() + ":" + ("0" + today.getMinutes()).slice(-2);
+      //console.log(currentTime);
+      input2.setAttribute("type", "text");
+      input2.setAttribute("name", obj.word.replace(/ /g, "_"));
+      input2.setAttribute("value", currentTime);
+      input2.id = obj.word.replace(/ /g, "_");
+      div.setAttribute("style", "display: none;");
+      input2.classList.add("w3-input");
+      label.innerHTML = obj.word;
+      div.appendChild(label);
+      div.appendChild(input2);
+      break;
+    case "current_date":
+      let input3 = document.createElement("input");
+      var today2 = new Date();
+      var dd = String(today2.getDate()).padStart(2, "0");
+      var mm = String(today2.getMonth() + 1).padStart(2, "0"); //January is 0!
+      var yyyy = today2.getFullYear();
+      currentDate = dd + "." + mm + "." + yyyy;
+      input3.setAttribute("type", "text");
+      input3.setAttribute("name", obj.word.replace(/ /g, "_"));
+      input3.setAttribute("value", currentDate);
+      input3.id = obj.word.replace(/ /g, "_");
+      div.setAttribute("style", "display: none;");
+      input3.classList.add("w3-input");
+      label.innerHTML = obj.word;
+      div.appendChild(label);
+      div.appendChild(input3);
+      break;
+  }
+
+  //check if item is connected list item cl
+  if (obj.cl !== undefined) divContainer.classList.add("hidden");
+  if (obj.cl !== undefined) {
+    div.lastChild.setAttribute("name",
+      (ltPlaceholder !== undefined) ? "cl-"+obj.word.replace(/ /g, "_") +":"+ltPlaceholder : "cl-"+obj.word.replace(/ /g, "_"));
+  }
+
+  //append field to wrapper and add to mainForm
+  divContainer.appendChild(div);
+  form.appendChild(divContainer);
+
+  buildSidebarList(obj, sidebarList) 
+
+  //handle conList items 
+  if (obj.type == "conList") {
+    //build connected list fields according to obj
+    for (let conObj of connectedListsArray) {
+      buildField(conObj, form, sidebarList);
+    }
+
+    //set formEvent for selection detection to mainForm
+    if (obj.listCount == 0) {
+      document.getElementById("mainForm").addEventListener("click", (e) => {
+        if (e.target && e.target.matches("button#"+obj.word.replace(/ /g, "_"))) {
+          let button = document.getElementById(obj.word.replace(/ /g, "_"));
+          let con = button.dataset.word;
+          let conElement = document.getElementById(con);
+        if (conElement.parentElement.parentElement.classList.contains("hidden")) {
+            conElement.parentElement.parentElement.classList.remove("hidden");
+            button.value = "!selected";
+          } else {
+            conElement.parentElement.parentElement.classList.add("hidden");
+            button.value = "!none";
+          }
+        }
+      });
+    } else {
+      document.getElementById("mainForm").addEventListener("change", (e) => {
+        if (e.target && e.target.matches("select#"+obj.word.replace(/ /g, "_"))) {
+          let select = document.getElementById(obj.word.replace(/ /g, "_"));
+          for (let opt of select.options) {
+            if (opt.value == "!none") continue;
+            if (opt.innerHTML != select.value) {
+              document.getElementById(opt.innerHTML.replace(/ /g, "_")).parentElement.parentElement.classList.add("hidden");
+            } else {
+              document.getElementById(select.value.replace(/ /g, "_")).parentElement.parentElement.classList.remove("hidden");
+            }
+          }
+          for (let hiddenItems of document.getElementsByClassName("cl")) {
+            if (hiddenItems.innerHTML != select.value) {
+              hiddenItems.classList.add("hidden");
+            } else {
+              hiddenItems.classList.remove("hidden");
+            }
+          }
+        }
+      });
+    }
+  }
+}
+
+function buildSidebarList(obj, sidebarList) {
+      //build sidebarlist item and append
+      let sidebarListItem = document.createElement("li");
+      sidebarListItem.classList.add(
+        "w3-bar-item",
+        "w3-padding-large",
+        "w3-button",
+        "sb-item"
+      );
+      if (obj.cl !== undefined) sidebarListItem.classList.add("hidden", "cl");
+      sidebarListItem.style.borderBottom = "1px solid #ddd";
+      sidebarListItem.id = "sb-item";
+      sidebarListItem.setAttribute("data-item", obj.word.replace(/ /g, "_"));
+      sidebarListItem.innerHTML = obj.word;
+      sidebarListItem;
+      sidebarList.appendChild(sidebarListItem);
+}
+
+function userFileNameDiv(fileName) {
+  let divContainer = document.createElement("DIV");
+  divContainer.classList.add("w3-third", "w3-container");
+  divContainer.setAttribute("style", "padding: 0px");
+  let div = document.createElement("DIV");
+  div.classList.add("w3-section", "w3-flat-silver");
+  div.setAttribute("style", "padding: 5px");
+  let userFileNameInput = document.createElement("input");
+  userFileNameInput.setAttribute("type", "text");
+  userFileNameInput.setAttribute("name", "userFileName");
+  userFileNameInput.setAttribute("placeholder", fileName);
+  userFileNameInput.classList.add("w3-input");
+  userFileNameInput.id = "userFileName";
+  div.appendChild(userFileNameInput);
+  divContainer.appendChild(div);
+  return divContainer;
+}
+
+export default transformTemplateObject;
diff --git a/js/9.6/createTemplate.js b/js/9.6/createTemplate.js
new file mode 100644
index 0000000..4e4e7d6
--- /dev/null
+++ b/js/9.6/createTemplate.js
@@ -0,0 +1,210 @@
+import {setNewTemplate, loadTemplate} from "./web.js";
+import { retrieveData } from "./storage.js";
+import { hideMenus, modalNotifier } from "./evts.js";
+
+function createTemplate(template = false) {
+
+  
+    //set current page value in activeState object
+    activeState.activePage = "createTemplate";
+  
+    //check if user is authenticated and templateFilesArray is decryptable
+    let tF = retrieveData("templateFiles");
+    if (tF != "") {
+      try {
+        tF = JSON.parse(tF);
+      } catch (e) {
+        alert("Decryption failed; are you authenticated?");
+        window.location.reload();
+        return;
+      }
+    }
+
+  
+    if (screen.width > 992) {
+      document.getElementById("siteTitle").innerHTML = "Manage templates";
+    } else {
+      document.getElementById("siteTitle").innerHTML = "TG";
+    }
+  
+    //hide set Form button
+    document.getElementById("setFormButton").style.display = "none";
+
+    if (template) {
+        document.getElementById("templateInput").value = loadTemplate(template, false, "createTemplate");
+        return;
+    }
+  
+    //reset page and event listeners
+
+    hideMenus();
+
+    let mainFormDiv = document.getElementById("mainForm");
+    let outputDiv = document.getElementById("output");
+    let submitContainerDiv = document.getElementById("submitContainer");
+    let sidebarDiv = document.getElementById("sidebar");
+  
+    mainFormDiv.innerHTML = "";
+    mainFormDiv.replaceWith(mainFormDiv.cloneNode(true));
+    outputDiv.innerHTML = "";
+    outputDiv.replaceWith(outputDiv.cloneNode(true));
+    submitContainerDiv.innerHTML = "";
+    submitContainerDiv.replaceWith(submitContainerDiv.cloneNode(true));
+    sidebarDiv.innerHTML = "";
+    sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
+
+    document.getElementById("mainForm").appendChild(createTemplateInput());
+    document.getElementById("sidebar").appendChild(loadTemplateSidebar(activeState.templates));
+
+    //add events
+    if (!template) formEvts();
+  }
+
+  function createTemplateCallBack(fileName, data) {
+
+    document.getElementById("templateInput").value = data;
+    document.getElementById("userFileName").setAttribute("placeholder", fileName);
+  }
+
+  function loadTemplateSidebar(templates) {
+    let sidebarList = document.createElement("ul");
+    sidebarList.classList.add("w3-ul");
+    templates.push('_textBlocks');
+
+
+    for (let template of templates) {
+        let sidebarListItem = document.createElement("li");
+
+        sidebarListItem.classList.add(
+            "w3-bar-item",
+            "w3-padding-large",
+            "w3-button"
+        );
+        sidebarListItem.style.borderBottom = "1px solid #ddd";
+        sidebarListItem.id = "sb-item";
+        sidebarListItem.setAttribute("data-template", template);
+        sidebarListItem.innerHTML = template.replace(/_/g, " ");
+        sidebarList.appendChild(sidebarListItem);
+    }
+
+    return sidebarList;
+
+  }
+
+  function createTemplateInput() {
+  
+    let createTemplateDisplay = document.createElement("DIV");
+    createTemplateDisplay.classList.add(
+      "w3-row-padding",
+      "w3-padding-24",
+      "w3-container",
+      "w3-flat-clouds"
+    );
+    createTemplateDisplay.id = "createTemplateDisplayWrapper";
+
+
+    //start building submitContainer with save and filename
+
+
+    document.getElementById("submitContainer").appendChild(userFileNameDiv());
+
+    let saveButton = document.createElement("input");
+    saveButton.setAttribute("type", "submit");
+    saveButton.setAttribute("value", "Save");
+    saveButton.classList.add("w3-button");
+    saveButton.classList.add("w3-grey");
+    saveButton.style.margin = "20px";
+    document.getElementById("submitContainer").appendChild(saveButton);
+  
+    
+  
+    let divContainer = document.createElement("DIV");
+    divContainer.classList.add("w3-container", "w3-center");
+
+    let div = document.createElement("DIV");
+    div.classList.add("w3-section");
+    div.classList.add("w3-flat-silver");
+
+    div.setAttribute("style", "padding: 10px");
+
+
+
+    let textarea = document.createElement("textarea");
+    textarea.setAttribute("name", "templateInput");
+    textarea.setAttribute("id", "templateInput");
+    textarea.setAttribute("cols", "100");
+    textarea.setAttribute("rows", "30");
+    textarea.classList.add("w3-input");
+
+
+    div.appendChild(textarea);
+    divContainer.appendChild(div);
+
+
+    createTemplateDisplay.appendChild(divContainer);
+    return createTemplateDisplay;
+
+  }
+
+
+  function formEvts() {
+    //add event listener to submitContainer
+    document.getElementById("submitContainer").addEventListener("click", (e) => {
+      if (e.target && e.target.tagName === "INPUT") {
+        switch (e.target.value) {
+            case "Save":
+                let fileName;
+                let userFileNameField = document.getElementById("userFileName");
+                let userFileName = userFileNameField.value;
+                let userFileNamePH = userFileNameField.getAttribute("placeholder");
+                if (userFileName.length != 0) {
+                    fileName = userFileName;
+                  //clear old data as file switches to new filename
+                } else if (userFileNamePH.length != 0) {
+                  fileName = userFileNamePH;
+                } 
+                let data = document.getElementById("templateInput").value;
+                setNewTemplate(fileName, data);
+                modalNotifier(fileName+" saved!", 1);
+                e.target.className = e.target.className.replace(" w3-grey", " w3-flat-nephritis");
+                e.target.style.pointerEvents = "none";
+                const timeoutSave = setTimeout(() => {
+                  e.target.className = e.target.className.replace(" w3-flat-nephritis"," w3-grey");
+                  e.target.style.pointerEvents = "auto";
+                }, 250);
+                e.preventDefault;
+            break;
+            default:
+                e.preventDefault;
+        }
+      }
+    });
+    document.getElementById("sidebar").addEventListener("click", (e) => {
+        if (e.target && e.target.matches("li.w3-bar-item")) {
+          let template = e.target.dataset.template;
+          createTemplate(template);
+        }
+      });
+  }
+
+
+
+  function userFileNameDiv() {
+    let divContainer = document.createElement("DIV");
+    divContainer.classList.add("w3-third", "w3-container");
+    divContainer.setAttribute("style", "padding: 0px");
+    let div = document.createElement("DIV");
+    div.classList.add("w3-section", "w3-flat-silver", "w3-margin-left");
+    div.setAttribute("style", "padding: 5px");
+    let userFileNameInput = document.createElement("input");
+    userFileNameInput.setAttribute("type", "text");
+    userFileNameInput.setAttribute("name", "userFileName");
+    userFileNameInput.setAttribute("placeholder", "Enter a filename");
+    userFileNameInput.classList.add("w3-input");
+    userFileNameInput.id = "userFileName";
+    div.appendChild(userFileNameInput);
+    divContainer.appendChild(div);
+    return divContainer;
+  }
+
+export {createTemplate, createTemplateCallBack};
\ No newline at end of file
diff --git a/js/9.6/evts.js b/js/9.6/evts.js
new file mode 100644
index 0000000..ad9c089
--- /dev/null
+++ b/js/9.6/evts.js
@@ -0,0 +1,193 @@
+import {
+  clearData,
+  createStorageObj,
+  createBookShelf,
+  importBookShelf,
+} from "./storage.js";
+import {
+  loadTemplate,
+  storeFilesToServer,
+  setTemplatePreset,
+  checkForStoredDataOnServer,
+  delStoredDataOnServer
+} from "./web.js";
+import parseFormOnSubmit from "./parseForm.js";
+import { getUsrId } from "./scripts.js";
+
+function showMenu() {
+  var x = document.getElementById("navMob");
+  if (x.className.indexOf("w3-show") == -1) {
+    x.className += " w3-show";
+  } else {
+    x.className = x.className.replace(" w3-show", "");
+  }
+
+  if (screen.width < 993) {
+    let sidebar = document.getElementById("sidebar");
+    sidebar.style.display = "none";
+  }
+}
+function showSidebar() {
+  let sidebar = document.getElementById("sidebar");
+  if (getComputedStyle(sidebar).display === "none") {
+    sidebar.style.display = "block";
+    sidebar.style.marginTop = "35px";
+  } else {
+    sidebar.style.display = "none";
+  }
+
+  if (screen.width < 993) {
+    let navBar = document.getElementById("navMob");
+    navBar.className = navBar.className.replace(" w3-show", "");
+  }
+}
+
+function showTextBlocks() {
+  var x = document.getElementById("navTb");
+  if (x.className.indexOf("w3-show") == -1) {
+    x.className += " w3-show";
+  } else {
+    x.className = x.className.replace(" w3-show", "");
+  }
+
+  if (screen.width < 993) {
+    let sidebar = document.getElementById("sidebar");
+    sidebar.style.display = "none";
+  }
+}
+
+function insertTextBlocks(t) {
+  let insert = "!" + t.innerText.split(":")[0] + " ";
+  let id = activeState.lastElement;
+  let element = document.getElementById(id);
+  if (element === null) {
+    return;
+  }
+  element.value += insert;
+  let tB = document.getElementById("navTb");
+  tB.className.replace(" w3-show", "");
+  element.focus();
+}
+
+function handleOnBlur(t) {
+  activeState.lastElement = t.id;
+  createStorageObj();
+}
+
+function clickClearForm() {
+  //document.activeElement.blur();
+  //document.getElementById("sidebar").focus();
+  clearData("userInput");
+  let lT = activeState.loadedTemplate;
+  loadTemplate(lT);
+}
+
+function hideMenus() {
+  let sidebar = document.getElementById("sidebar");
+  sidebar.style.display = "none";
+  let navBar = document.getElementById("navMob");
+  navBar.className = navBar.className.replace(" w3-show", "");
+  let tbBar = document.getElementById("navTb");
+  tbBar.className = tbBar.className.replace(" w3-show", "");
+}
+
+function modalNotifier(msg, timeout) {
+  let modalElement = document.getElementById("modalNotifier");
+  let msgElement = document.getElementById("modalMsg");
+
+  modalElement.style.display = "block";
+  msgElement.innerHTML = msg;
+  if (timeout === undefined) {
+    const run = setTimeout(() => (modalElement.style.display = "none"), 5000);
+  } else if (timeout >= 1) {
+    const run = setTimeout(
+      () => (modalElement.style.display = "none"),
+      timeout * 1000
+    );
+  }
+}
+
+function clickSetForm(e) {
+  e.preventDefault;
+  let dataArray = parseFormOnSubmit(true);
+  let lT = activeState.loadedTemplate;
+  setTemplatePreset(lT, JSON.stringify(dataArray));
+  modalNotifier("Form Saved", 2);
+}
+
+function clickImportFiles() {
+  checkForStoredDataOnServer();
+  document.getElementById("modalMsg").addEventListener("click", (e) => {
+    if (e.target && e.target.tagName === "BUTTON") {
+      let modal = document.getElementById("modalNotifier");
+      switch (e.target.innerHTML) {
+        case "Import":
+          modal.replaceWith(modal.cloneNode(true));
+          document.getElementById("modalMsg").addEventListener("click", (e) => {
+            if (e.target && e.target.tagName === "BUTTON") {
+              let modal = document.getElementById("modalNotifier");
+              
+              switch (e.target.innerHTML) {
+                case "Yes":
+                  importBookShelf();
+                  modal.replaceWith(modal.cloneNode(true));
+                  modalNotifier("Imported!", 2);
+                  break;
+                case "Cancel":
+                  modal.replaceWith(modal.cloneNode(true));
+                  document.getElementById("modalNotifier").style.display = "none";
+                  break;
+                default:
+                  e.preventDefault;
+              }
+            }
+          })
+          modalNotifier(
+            "<div class='w3-container'> \
+            Would you like to import the backup created on: "+activeState.serverFilesTs.replace("_", " - ")+ "<br><br> \
+            <button class='w3-button w3-border w3-flat-wet-asphalt' >Yes</button> \
+            <button class='w3-button w3-border w3-flat-wet-asphalt' >Cancel</button></div>",
+          0);
+          break;
+        case "Save":
+          storeFilesToServer(createBookShelf());
+          modal.replaceWith(modal.cloneNode(true));
+          modalNotifier(
+            "Files saved to server <br><br> would you like to <a href='/storage/" +
+              getUsrId() +
+              ".txt' style='text-decoration: underline;' download>download</a> them?"
+          );
+          break;
+        case "Delete":
+          delStoredDataOnServer();
+          break;
+
+        default:
+          e.preventDefault;
+      }
+    }
+  });
+  modalNotifier(
+    "Here you can manage if your files should be saved on the server \
+    <br> If there are stored files already on the server you can inport them \
+    It will overwrite any saved documents <br><br> \
+    <div class='w3-container'> \
+    <button style='display: none;' id='importModalBtn' class='w3-button w3-border w3-flat-wet-asphalt' >Import</button> \
+    <button class='w3-button w3-border w3-flat-wet-asphalt' >Save</button> \
+    <button class='w3-button w3-border w3-flat-pomegranate' >Delete</button></div>", 
+  0);
+
+}
+
+export {
+  hideMenus,
+  showMenu,
+  showSidebar,
+  showTextBlocks,
+  insertTextBlocks,
+  handleOnBlur,
+  clickClearForm,
+  modalNotifier,
+  clickSetForm,
+  clickImportFiles,
+};
diff --git a/js/9.6/files.js b/js/9.6/files.js
new file mode 100644
index 0000000..c0a7ecf
--- /dev/null
+++ b/js/9.6/files.js
@@ -0,0 +1,313 @@
+import {
+  storeData,
+  clearData,
+  retrieveData,
+  createStorageObj,
+} from "./storage.js";
+import { loadTemplate } from "./web.js";
+import parseFormOnSubmit from "./parseForm.js";
+
+function buildFile() {
+  createStorageObj();
+
+
+  //set current page value in activeState object
+  activeState.activePage = "files";
+
+  //check if user is authenticated and templateFilesArray is decryptable
+  let tF = retrieveData("templateFiles");
+  if (tF != "") {
+    try {
+      tF = JSON.parse(tF);
+    } catch (e) {
+      alert("Decryption failed; are you authenticated?");
+      window.location.reload();
+      return;
+    }
+  }
+
+  if (tF == null) {
+    //console.log("none yet");
+    alert("there are no saved texts yet");
+    return;
+  }
+
+  if (screen.width > 992) {
+    document.getElementById("siteTitle").innerHTML = "Template Gen";
+  } else {
+    document.getElementById("siteTitle").innerHTML = "TG";
+  }
+
+  //hide set Form button
+  document.getElementById("setFormButton").style.display = "none";
+
+  //reset page and event listeners
+  let mainFormDiv = document.getElementById("mainForm");
+  let outputDiv = document.getElementById("output");
+  let submitContainerDiv = document.getElementById("submitContainer");
+  let sidebarDiv = document.getElementById("sidebar");
+
+  mainFormDiv.innerHTML = "";
+  mainFormDiv.replaceWith(mainFormDiv.cloneNode(true));
+  outputDiv.innerHTML = "";
+  outputDiv.replaceWith(outputDiv.cloneNode(true));
+  submitContainerDiv.innerHTML = "";
+  submitContainerDiv.replaceWith(submitContainerDiv.cloneNode(true));
+  sidebarDiv.innerHTML = "";
+  sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
+
+  document.getElementById("mainForm").innerHTML = mainFormPlaceholder();
+
+  document.getElementById("sidebar").appendChild(loadFileSidebar(tF));
+  document.getElementById("sidebar").addEventListener("click", (e) => {
+    if (e.target && e.target.matches("li.w3-bar-item")) {
+      let fileName = e.target.dataset.file;
+      let template = e.target.dataset.template;
+      clickLoadFileDiv(fileName, template);
+    }
+  });
+}
+
+function loadFileDiv(fileName, template) {
+  activeState.fileName = fileName;
+  activeState.loadedTemplate = template;
+
+  storeData("userInputForce", retrieveData(fileName, template));
+
+  loadTemplate(template, false, true);
+}
+
+function loadFileDivCallBack() {
+  let tF = JSON.parse(retrieveData("templateFiles"));
+  document.getElementById("sidebar").appendChild(loadFileSidebar(tF));
+
+  let lT = activeState.loadedTemplate;
+  let fN = activeState.fileName;
+  let storageName = fN + "-" + lT;
+
+  let fileDisplay = document.createElement("DIV");
+  fileDisplay.classList.add(
+    "w3-row-padding",
+    "w3-padding-24",
+    "w3-container",
+    "w3-flat-clouds"
+  );
+  fileDisplay.id = "fileDisplayWrapper";
+
+  //start building submitContainer with edit copy and delete
+  let editButton = document.createElement("input");
+  editButton.setAttribute("type", "submit");
+  editButton.setAttribute("value", "Edit");
+  editButton.classList.add("w3-button");
+  editButton.classList.add("w3-grey");
+  document.getElementById("submitContainer").appendChild(editButton);
+
+  document
+    .getElementById("submitContainer")
+    .appendChild(document.createTextNode(" "));
+
+  let copyButton = document.createElement("input");
+  copyButton.setAttribute("type", "submit");
+  copyButton.setAttribute("value", "Copy");
+  copyButton.classList.add("w3-button");
+  copyButton.classList.add("w3-grey");
+  document.getElementById("submitContainer").appendChild(copyButton);
+
+  document
+    .getElementById("submitContainer")
+    .appendChild(document.createTextNode(" "));
+
+  let deleteButton = document.createElement("input");
+  deleteButton.setAttribute("type", "submit");
+  deleteButton.setAttribute("value", "Delete");
+  deleteButton.classList.add("w3-button");
+  deleteButton.classList.add("w3-red");
+  document.getElementById("submitContainer").appendChild(deleteButton);
+
+  if (screen.width > 992) {
+    document.getElementById("siteTitle").innerHTML = lT.replace(/_/g, " ");
+  } else {
+    document.getElementById("siteTitle").innerHTML = "TG";
+  }
+
+
+  let title = document.createElement("div");
+  title.classList.add("w3-panel");
+  let titleText = document.createElement("h2");
+  titleText.innerText = fN.replace(/_/g, " ");
+  titleText.style.margin = "0px";
+  title.appendChild(titleText);
+  fileDisplay.appendChild(title);
+
+  let div = document.createElement("div");
+  div.appendChild(parseFormOnSubmit(false, true));
+  fileDisplay.appendChild(div);
+  document.getElementById("mainForm").appendChild(fileDisplay);
+
+  //add events
+  formEvts(storageName);
+}
+
+function clickLoadFileDiv(fileName, template) {
+  document.getElementById("mainForm").innerHTML = "";
+  loadFileDiv(fileName, template);
+}
+
+function clearFileData(storData) {
+  let fileName = storData.split("-")[0];
+
+  let tF = JSON.parse(retrieveData("templateFiles"));
+  let newArray = [];
+  for (let obj of tF) {
+    if (obj.fileName != fileName) {
+      newArray.push(obj);
+    }
+  }
+  storeData("templateFiles", JSON.stringify(newArray));
+
+  clearData(fileName);
+  clearData("userInput");
+
+  document.getElementById("mainForm").innerHTML = "";
+  document.getElementById("output").innerHTML = "";
+  document.getElementById("submitContainer").innerHTML = "";
+  document.getElementById("sidebar").innerHTML = "";
+  document.getElementById("mainForm").innerHTML = mainFormPlaceholder();
+  document.getElementById("sidebar").appendChild(loadFileSidebar(newArray));
+}
+
+function loadFileSidebar(tF) {
+  let sidebarList = document.createElement("ul");
+  sidebarList.classList.add("w3-ul");
+
+  for (let obj of tF) {
+    let sidebarListItem = document.createElement("li");
+    sidebarListItem.classList.add(
+      "w3-bar-item",
+      "w3-padding-large",
+      "w3-button"
+    );
+    sidebarListItem.style.borderBottom = "1px solid #ddd";
+    sidebarListItem.id = "sb-" + obj.fileName.replace(/:/g, "_");
+    sidebarListItem.innerHTML =
+      obj.fileName.replace(/_/g, " ") + " - " + obj.template.replace(/_/g, " ");
+    sidebarListItem.setAttribute("data-file", obj.fileName);
+    sidebarListItem.setAttribute("data-template", obj.template);
+    sidebarList.appendChild(sidebarListItem);
+  }
+  return sidebarList;
+}
+
+function mainFormPlaceholder(msg = "Select a file") {
+  return "<div class='w3-row-padding w3-padding-24 w3-container w3-flat-clouds'><div class='w3-code notranslate w3-border-white' style='font-family: Arial, Helvetica, sans-serif;'><p>" + msg + "</p><br><br><br><br><br><br><br><br><br><br><br></div></div>";
+}
+
+function copyFileToClipboard() {
+  const fileDisplay = document.getElementById("fileDisplay");
+  if (fileDisplay != null) {
+    copyToClipBoard(fileDisplay.innerHTML);
+  } else {
+    console.log("error file not found");
+  }
+
+}
+
+function copyToClipBoard(html) {
+  // Create an iframe (isolated container) for the HTML
+  var container = document.createElement("div");
+  container.innerHTML = html;
+
+  // Hide element
+  container.style.position = "fixed";
+  container.style.pointerEvents = "none";
+  container.style.opacity = 0;
+
+  // Detect all style sheets of the page
+  var activeSheets = Array.prototype.slice
+    .call(document.styleSheets)
+    .filter(function (sheet) {
+      return !sheet.disabled;
+    });
+
+  // Mount the iframe to the DOM to make `contentWindow` available
+  document.body.appendChild(container);
+
+  // Copy to clipboard
+  window.getSelection().removeAllRanges();
+
+  var range = document.createRange();
+  range.selectNode(container);
+  window.getSelection().addRange(range);
+
+  document.execCommand("copy");
+  for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true;
+  document.execCommand("copy");
+  for (var i = 0; i < activeSheets.length; i++)
+    activeSheets[i].disabled = false;
+
+  // Remove the iframe
+  document.body.removeChild(container);
+}
+
+function formEvts(storageName) {
+  //add event listener to submitContainer
+  document.getElementById("submitContainer").addEventListener("click", (e) => {
+    if (e.target && e.target.tagName === "INPUT") {
+      switch (e.target.value) {
+        case "Edit":
+          loadSpecificTemplate(storageName);
+          break;
+        case "Copy":
+          copyFileToClipboard();
+          e.target.className = e.target.className.replace(" w3-grey", " w3-flat-carrot");
+          e.target.style.pointerEvents = "none";
+          const timeoutCopy = setTimeout(() => {
+            e.target.className = e.target.className.replace(" w3-flat-carrot"," w3-grey");
+            e.target.style.pointerEvents = "auto";
+          }, 250);
+          break;
+        case "Delete":
+          let previousFile = getPreviousFile(storageName);
+          clearFileData(storageName);
+          document.getElementById("mainForm").innerHTML = "";
+          if (previousFile) {
+            loadFileDiv(previousFile.fileName, previousFile.template);
+          } else {
+            document.getElementById("mainForm").innerHTML = mainFormPlaceholder("No file yet");
+          }
+
+          break;
+        default:
+          e.preventDefault;
+      }
+    }
+  });
+}
+
+function loadSpecificTemplate(storageName) {
+  storeData(
+    "userInputForce",
+    retrieveData(storageName.split("-")[0], storageName.split("-")[1])
+  );
+  loadTemplate(storageName.split("-")[1]);
+}
+
+function getPreviousFile(storageName) {
+
+  let orgFileName = storageName.split("-")[0];
+  let tF = JSON.parse(retrieveData("templateFiles"));
+  let i = 0;
+  let previousFile;
+
+  for (let obj of tF) {
+    if (obj.fileName == orgFileName) {
+      previousFile = tF[i-1];
+      break;
+    }
+    i++;
+  }
+
+  return (previousFile != undefined) ?  previousFile : false;
+}
+
+export { buildFile, loadFileDivCallBack };
diff --git a/js/9.6/form.js b/js/9.6/form.js
new file mode 100644
index 0000000..6c921b6
--- /dev/null
+++ b/js/9.6/form.js
@@ -0,0 +1,289 @@
+
+import { storeData, createStorageObj } from "./storage.js";
+import parseInput from "./parseTemplate.js";
+import transformTemplateObject from "./buildForm.js";
+import { showSidebar, handleOnBlur } from "./evts.js";
+import parseFormOnSubmit, { parseTextMarkups } from "./parseForm.js";
+
+function buildForm(templateInput, loadOnly = false) {
+  var wordArray = [];
+
+  //display set Form button
+  document.getElementById("setFormButton").style.display = "block";
+
+  //check for presets in "-form.txt" file; indicated by !JSON_placeholder
+  if (templateInput.indexOf("!JSON_placeholder:") !== -1) {
+    let jsonPlaceholder = templateInput.split("!JSON_placeholder:")[1];
+    templateInput = templateInput.split("!JSON_placeholder:")[0];
+    storeData("templatePreset", jsonPlaceholder);
+  }
+  //start building wordArray by splitting input by line win/unix and define eol char for recreating templateInput
+  let eol;
+  if (templateInput.indexOf("\r\n") !== -1) {
+    eol = false;
+    var wordArrayByLine = templateInput.split("\r\n");
+  } else {
+    eol = true;
+    var wordArrayByLine = templateInput.split("\n");
+  }
+  //finish building wordArray by Looping through lines and spliting it into one array of words
+  //also create temporary templateInput to exclude comments
+  let templateInputArr = [];
+  for (let wordArrayByLineLine of wordArrayByLine) {
+    //ignore "#" comment lines
+    if (wordArrayByLineLine.substring(0, 1) == "#") {
+      continue;
+    }
+
+    //add words ob lines to wordArray
+    wordArray = wordArray.concat(wordArrayByLineLine.split(" "));
+    //add line to temp templatearray
+    templateInputArr.push(wordArrayByLineLine);
+  }
+
+  //create templateInput without comments
+  templateInput = templateInputArr.join(eol ? "\n" : "\r\n");
+
+  //parse text markups like !l !n in templateInput
+  templateInput = parseTextMarkups(templateInput);
+
+  //set objects array for parseInput Function
+  var objects = [];
+  //loop through words, parse it individually and add it to objects array
+
+
+  for (let i = 0; i < wordArray.length; i++) {
+    parseInput(wordArray, objects, i);
+    //console.log(wordArray[i]);
+  }
+
+  //set individual positionens of objects in string and add it to objects
+  setStringPos(objects, templateInput);
+
+  //save objects array and template file string for web.js in session storage
+  window.sessionStorage.setItem("templateObjects", JSON.stringify(objects));
+  window.sessionStorage.setItem("fullString", templateInput);
+
+  //sort objects array by words prio
+  objects = prioritizeArray(objects);
+
+  //remove non display objects and safe it to session storage
+  let objectsPurified = purifyObjects(objects);
+  window.sessionStorage.setItem(
+    "templateObjectsPurified",
+    JSON.stringify(objectsPurified)
+  );
+
+  //reset page and event listeners
+  let mainFormDiv = document.getElementById("mainForm");
+  let outputDiv = document.getElementById("output");
+  let submitContainerDiv = document.getElementById("submitContainer");
+  let sidebarDiv = document.getElementById("sidebar");
+  //sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
+
+  mainFormDiv.innerHTML = "";
+  mainFormDiv.replaceWith(mainFormDiv.cloneNode(true));
+  outputDiv.innerHTML = "";
+  outputDiv.replaceWith(outputDiv.cloneNode(true));
+  submitContainerDiv.innerHTML = "";
+  submitContainerDiv.replaceWith(submitContainerDiv.cloneNode(true));
+  sidebarDiv.innerHTML = "";
+
+  //finally build html code for Form and siddebar and add it to dom if needed
+  if (loadOnly) {return};
+  
+  transformTemplateObject(objectsPurified);
+  //add events
+  formEvts();
+}
+
+function prioritizeArray(objects) {
+  let prioArray = [];
+  let objects_sorted = [];
+
+  for (let valPreSorted of objects) {
+    prioArray.push(valPreSorted.prio);
+  }
+  prioArray.sort(function (a, b) {
+    return a - b;
+  });
+  //console.log(prioArray);
+  for (let valSorted of prioArray) {
+    for (let obj of objects) {
+      if (valSorted === obj.prio) {
+        objects_sorted.push(obj);
+        if (obj.prio !== 0) {
+          break;
+        }
+      }
+    }
+  }
+  return objects_sorted;
+}
+
+function purifyObjects(objects) {
+  let objectsPurified = [];
+  let objectsPrePurified = [];
+  for (let objPrePurified of objects) {
+    if (!objectsPrePurified.includes(objPrePurified.word)) {
+      objectsPurified.push(objPrePurified);
+    }
+    objectsPrePurified.push(objPrePurified.word);
+  }
+  return objectsPurified;
+}
+
+function setStringPos(objects, fullStringMaster) {
+  let stringCursor = 0;
+  let startPos = 0;
+  let endPos = 0;
+  let fullString = "";
+  for (let obj of objects) {
+    fullString = fullStringMaster.substring(stringCursor);
+    if (fullString.indexOf("%" + obj.word) !== -1) {
+      startPos = 0;
+      endPos = 0;
+      startPos = fullString.indexOf("%" + obj.word) + stringCursor;
+      let objPrioLength = 1;
+      if (obj.prio > 9) {
+        objPrioLength = 2;
+      }
+      if (obj.prio == 0) {
+        objPrioLength = 0;
+      }
+
+      switch (obj.type) {
+        case "simpleInput":
+          endPos = startPos + 2 + obj.word.length + objPrioLength;
+          break;
+        case "genderSpecific":
+          let gSC = 0;
+          if (typeof obj.m !== "undefined") {
+            gSC = gSC + obj.m.length + 3;
+          }
+          if (typeof obj.w !== "undefined") {
+            gSC = gSC + obj.w.length + 3;
+          }
+          if (typeof obj.d !== "undefined") {
+            gSC = gSC + obj.d.length + 3;
+          }
+          endPos = startPos + 2 + gSC + objPrioLength + obj.word.length + 1;
+          break;
+        case "list":
+          let gSC1 = 0;
+          for (
+            let objListItem = 0;
+            objListItem < obj.listCount + 1;
+            objListItem++
+          ) {
+            if (typeof obj[objListItem] !== "undefined") {
+              gSC1 = gSC1 + obj[objListItem].length + 3;
+            }
+          }
+          endPos = startPos + 2 + gSC1 + objPrioLength + obj.word.length + 1;
+          break;
+        case "conList":
+          let gSC2 = 0;
+          for (
+            let objListItem = 0;
+            objListItem < obj.listCount + 1;
+            objListItem++
+          ) {
+            if (typeof obj[objListItem] !== "undefined") {
+              gSC2 = gSC2 + obj[objListItem].length + obj["clType-"+obj[objListItem]].length + 4;
+              if (obj["clType-"+obj[objListItem]] == "cl-simpleInput") {
+                gSC2 = gSC2 - obj["clType-"+obj[objListItem]].length;
+              }
+            }
+          }
+          endPos = startPos + 2 + gSC2 + objPrioLength + obj.word.length + 1;
+          break;
+        default:
+          endPos =
+            startPos +
+            2 +
+            obj.word.length +
+            1 +
+            obj.type.length +
+            objPrioLength;
+          break;
+      }
+      obj.spos = startPos;
+      obj.epos = endPos;
+      stringCursor = endPos;
+    }
+  }
+}
+
+function formEvts() {
+  //add event for main copy button
+  document.getElementById("submitContainer").addEventListener("click", (e) => {
+    if (e.target && e.target.tagName === "INPUT") {
+      switch (e.target.value) {
+        case "Copy":
+          createStorageObj();
+          parseFormOnSubmit();
+          e.target.className = e.target.className.replace(" w3-grey", " w3-flat-carrot");
+          e.target.style.pointerEvents = "none";
+          const timeoutCopy = setTimeout(() => {
+            e.target.className = e.target.className.replace(" w3-flat-carrot"," w3-grey");
+            e.target.style.pointerEvents = "auto";
+          }, 250);
+          break;
+        case "Save":
+          createStorageObj();
+          e.target.className = e.target.className.replace(" w3-grey", " w3-flat-nephritis");
+          e.target.style.pointerEvents = "none";
+          const timeoutSave = setTimeout(() => {
+            e.target.className = e.target.className.replace(" w3-flat-nephritis"," w3-grey");
+            e.target.style.pointerEvents = "auto";
+          }, 250);
+          break;
+        default:
+          e.preventDefault;
+      }
+    }
+  });
+
+  //add sidebar events
+  document.getElementById("sidebar").addEventListener("click", (e) => {
+    if (e.target) {
+      if (e.target.id == "sb-submit") {
+        if (screen.width < 993) {
+          showSidebar();
+        }
+        parseFormOnSubmit();
+        focusOnField("output");
+      }
+      if (e.target.id == "sb-item") {
+        setTimeout(() => {
+          focusOnField(e.target.dataset.item);
+        }, 100);
+      }
+    }
+  });
+
+  //add handle on blur event listener to each form object
+  let mainForm = document.getElementById("mainFormObj");
+  for (let formElement of mainForm.children) {
+    let id = formElement.firstChild.lastChild.id;
+    document.getElementById(id).addEventListener("blur", (e) => {
+      e.preventDefault;
+      handleOnBlur(e.target);
+    });
+  }
+}
+
+function focusOnField(id) {
+  let targetElement = document.getElementById(id);
+  if (targetElement == null) return;
+  
+  document.activeElement.blur();
+  targetElement.focus();
+  setTimeout(function () {
+    let offset = targetElement.offsetTop - 100;
+    window.scrollTo(0, offset);
+  }, 100);
+}
+
+export default buildForm;
diff --git a/js/9.6/identify.js b/js/9.6/identify.js
new file mode 100644
index 0000000..55d4687
--- /dev/null
+++ b/js/9.6/identify.js
@@ -0,0 +1,247 @@
+const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debug = false } = {}) => {
+  const devicePixelRatio = +parseInt(window.devicePixelRatio);
+
+  const {
+    appName,
+    appCodeName,
+    appVersion,
+    cookieEnabled,
+    deviceMemory,
+    doNotTrack,
+    hardwareConcurrency,
+    language,
+    languages,
+    maxTouchPoints,
+    platform,
+    product,
+    productSub,
+    userAgent,
+    vendor,
+    vendorSub,
+  } = window.navigator;
+
+  const { width, height, colorDepth, pixelDepth } = window.screen;
+  const timezoneOffset = new Date().getTimezoneOffset();
+  const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const touchSupport = 'ontouchstart' in window;
+
+  const canvas = getCanvasID(debug);
+  const webgl = enableWebgl ? getWebglID(debug) : undefined; // undefined will remove this from the stringify down here
+  const webglInfo = enableWebgl ? getWebglInfo(debug) : undefined; // undefined will remove this from the stringify down here
+
+  const data = hardwareOnly
+    ? JSON.stringify({
+        canvas,
+        colorDepth,
+        deviceMemory,
+        devicePixelRatio,
+        hardwareConcurrency,
+        height,
+        maxTouchPoints,
+        pixelDepth,
+        platform,
+        touchSupport,
+        webgl,
+        webglInfo,
+        width,
+      })
+    : JSON.stringify({
+        appCodeName,
+        appName,
+        appVersion,
+        canvas,
+        colorDepth,
+        cookieEnabled,
+        deviceMemory,
+        devicePixelRatio,
+        doNotTrack,
+        hardwareConcurrency,
+        height,
+        language,
+        languages,
+        maxTouchPoints,
+        pixelDepth,
+        platform,
+        product,
+        productSub,
+        timezone,
+        timezoneOffset,
+        touchSupport,
+        userAgent,
+        vendor,
+        vendorSub,
+        webgl,
+        webglInfo,
+        width,
+      });
+
+  const datastring = JSON.stringify(data, null, 4);
+
+  if (debug) console.log('fingerprint data', datastring);
+
+  const result = murmurhash3_32_gc(datastring);
+  return result;
+};
+
+export const getCanvasID = (debug) => {
+  try {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    const text = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ`~1!2@3#4$5%6^7&8*9(0)-_=+[{]}|;:',<.>/?";
+    ctx.textBaseline = 'top';
+    ctx.font = "14px 'Arial'";
+    ctx.textBaseline = 'alphabetic';
+    ctx.fillStyle = '#f60';
+    ctx.fillRect(125, 1, 62, 20);
+    ctx.fillStyle = '#069';
+    ctx.fillText(text, 2, 15);
+    ctx.fillStyle = 'rgba(102, 204, 0, 0.7)';
+    ctx.fillText(text, 4, 17);
+
+    const result = canvas.toDataURL();
+
+    if (debug) {
+      document.body.appendChild(canvas);
+    } else {
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+    }
+
+    return murmurhash3_32_gc(result);
+  } catch {
+    return null;
+  }
+};
+
+export const getWebglID = (debug) => {
+  try {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('webgl');
+    canvas.width = 256;
+    canvas.height = 128;
+
+    const f =
+      'attribute vec2 attrVertex;varying vec2 varyinTexCoordinate;uniform vec2 uniformOffset;void main(){varyinTexCoordinate=attrVertex+uniformOffset;gl_Position=vec4(attrVertex,0,1);}';
+    const g = 'precision mediump float;varying vec2 varyinTexCoordinate;void main() {gl_FragColor=vec4(varyinTexCoordinate,0,1);}';
+    const h = ctx.createBuffer();
+
+    ctx.bindBuffer(ctx.ARRAY_BUFFER, h);
+
+    const i = new Float32Array([-0.2, -0.9, 0, 0.4, -0.26, 0, 0, 0.7321, 0]);
+
+    ctx.bufferData(ctx.ARRAY_BUFFER, i, ctx.STATIC_DRAW), (h.itemSize = 3), (h.numItems = 3);
+
+    const j = ctx.createProgram();
+    const k = ctx.createShader(ctx.VERTEX_SHADER);
+
+    ctx.shaderSource(k, f);
+    ctx.compileShader(k);
+
+    const l = ctx.createShader(ctx.FRAGMENT_SHADER);
+
+    ctx.shaderSource(l, g);
+    ctx.compileShader(l);
+    ctx.attachShader(j, k);
+    ctx.attachShader(j, l);
+    ctx.linkProgram(j);
+    ctx.useProgram(j);
+
+    j.vertexPosAttrib = ctx.getAttribLocation(j, 'attrVertex');
+    j.offsetUniform = ctx.getUniformLocation(j, 'uniformOffset');
+
+    ctx.enableVertexAttribArray(j.vertexPosArray);
+    ctx.vertexAttribPointer(j.vertexPosAttrib, h.itemSize, ctx.FLOAT, !1, 0, 0);
+    ctx.uniform2f(j.offsetUniform, 1, 1);
+    ctx.drawArrays(ctx.TRIANGLE_STRIP, 0, h.numItems);
+
+    const n = new Uint8Array(canvas.width * canvas.height * 4);
+    ctx.readPixels(0, 0, canvas.width, canvas.height, ctx.RGBA, ctx.UNSIGNED_BYTE, n);
+
+    const result = JSON.stringify(n).replace(/,?"[0-9]+":/g, '');
+
+    if (debug) {
+      document.body.appendChild(canvas);
+    } else {
+      ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT | ctx.STENCIL_BUFFER_BIT);
+    }
+
+    return murmurhash3_32_gc(result);
+  } catch {
+    return null;
+  }
+};
+
+export const getWebglInfo = () => {
+  try {
+    const ctx = document.createElement('canvas').getContext('webgl');
+
+    const result = {
+      VERSION: ctx.getParameter(ctx.VERSION),
+      SHADING_LANGUAGE_VERSION: ctx.getParameter(ctx.SHADING_LANGUAGE_VERSION),
+      VENDOR: ctx.getParameter(ctx.VENDOR),
+      SUPORTED_EXTENSIONS: ctx.getSupportedExtensions(),
+    };
+
+    return result;
+  } catch {
+    return null;
+  }
+};
+
+export const murmurhash3_32_gc = (key) => {
+  const remainder = key.length & 3; // key.length % 4
+  const bytes = key.length - remainder;
+  const c1 = 0xcc9e2d51;
+  const c2 = 0x1b873593;
+
+  let h1, h1b, k1;
+
+  for (let i = 0; i < bytes; i++) {
+    k1 = (key.charCodeAt(i) & 0xff) | ((key.charCodeAt(++i) & 0xff) << 8) | ((key.charCodeAt(++i) & 0xff) << 16) | ((key.charCodeAt(++i) & 0xff) << 24);
+    ++i;
+
+    k1 = ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
+    k1 = (k1 << 15) | (k1 >>> 17);
+    k1 = ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
+
+    h1 ^= k1;
+    h1 = (h1 << 13) | (h1 >>> 19);
+    h1b = ((h1 & 0xffff) * 5 + ((((h1 >>> 16) * 5) & 0xffff) << 16)) & 0xffffffff;
+    h1 = (h1b & 0xffff) + 0x6b64 + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16);
+  }
+
+  const i = bytes - 1;
+
+  k1 = 0;
+
+  switch (remainder) {
+    case 3: {
+      k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
+      break;
+    }
+    case 2: {
+      k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
+      break;
+    }
+    case 1: {
+      k1 ^= key.charCodeAt(i) & 0xff;
+      break;
+    }
+  }
+
+  k1 = ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
+  k1 = (k1 << 15) | (k1 >>> 17);
+  k1 = ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
+  h1 ^= k1;
+
+  h1 ^= key.length;
+
+  h1 ^= h1 >>> 16;
+  h1 = ((h1 & 0xffff) * 0x85ebca6b + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
+  h1 ^= h1 >>> 13;
+  h1 = ((h1 & 0xffff) * 0xc2b2ae35 + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16)) & 0xffffffff;
+  h1 ^= h1 >>> 16;
+
+  return h1 >>> 0;
+};
+
+export default getBrowserFingerprint;
diff --git a/js/9.6/init.js b/js/9.6/init.js
new file mode 100644
index 0000000..a4d8aa1
--- /dev/null
+++ b/js/9.6/init.js
@@ -0,0 +1,151 @@
+import { hideMenus, showMenu, showSidebar, showTextBlocks, clickSetForm, clickImportFiles } from "./evts.js";
+import { buildFile } from "./files.js";
+import setPassword, { passwordHash } from "./scripts.js";
+import { getUsrId } from "./scripts.js";
+import parseFormOnSubmit from "./parseForm.js";
+import { createStorageObj } from "./storage.js";
+import XORCipher from "./xorc.js";
+import sha256 from "./sha256.min.js";
+import { loadNavBar, initTextBlocks } from "./web.js";
+
+
+window.activeState = {
+  userId: getUsrId(),
+  activePage: "landing",
+  loadedTemplate: "",
+  fileName: "",
+  lastElement: "",
+  serverFilesTs: "",
+  templates: [],
+  templateFieldTypes: [
+    "simpleInput",
+    "longText",
+    "hiddenField",
+    "current_time",
+    "current_date",
+    "markup",
+  ],
+  markups: [
+    "title",
+    "link",
+    "italic",
+    "green_highlighted",
+    "highlighted",
+  ]
+};
+
+
+function init() {
+
+  //check if user is logged in 
+  let verfiedStatus = window.sessionStorage.getItem(sha256("verified"));
+  if (verfiedStatus != null) {
+    //user logged in
+
+    //write verifiedStatus content into passwordHash for decode check later
+    passwordHash.set(XORCipher.decode(sha256("passwordHash"), verfiedStatus));
+    document.getElementById("login").style.display = "none";
+
+  } else {
+    document.getElementById("login").style.display = "block";
+  }
+
+  //load NavigationBar with templates according to server
+  loadNavBar();
+
+  //init Textblocks field with entries according to server
+  initTextBlocks();
+
+  //add event listeners to document and window
+  eventListeners();
+
+  //print current version to footer
+  printVersion();
+
+  //adjust title for mobile use
+  if (screen.width < 993) {
+    document.getElementById("siteTitle").innerHTML = "TG";
+  }
+
+
+  
+}
+
+function eventListeners() {
+
+  //add hideMenu to Body
+  document
+  .getElementsByClassName("w3-main")[0]
+  .addEventListener("click", hideMenus);
+
+//add set Password to loginForm
+document
+  .getElementById("submitPassword")
+  .addEventListener("click", setPassword);
+//add toggle Navigation Menu
+document
+  .getElementById("toggleNavigationMenu")
+  .addEventListener("click", showMenu);
+//add loadTemplateBtn event showMenu
+document
+  .getElementById("loadTemplateBtn")
+  .addEventListener("click", showMenu);  
+//add toggle sideBar Menu
+document
+  .getElementById("toggleSidebarMenu")
+  .addEventListener("click", showSidebar);
+//add toggle files Menu and sidebar button
+document
+  .getElementById("toggleFilesMenuSB")
+  .addEventListener("click", buildFile);
+document
+  .getElementById("toggleFilesMenu")
+  .addEventListener("click", buildFile);
+//add load template sidebar entry
+document
+  .getElementById("loadTemplateBtn")
+  .addEventListener("click", showMenu);  
+//add toggle textBLocks Menu
+document
+  .getElementById("toggleTestBlocksMenu")
+  .addEventListener("click", showTextBlocks);
+
+//add setFormBtn for use in form
+document
+  .getElementById("setFormBtn")
+  .addEventListener("click", (e) => clickSetForm(e));
+
+//add saveFiles to server listener on launch page
+document
+  .getElementById("importFilesSB")
+  .addEventListener("click", () => clickImportFiles());
+
+//add key listener for ctrl s in form mode
+window.addEventListener("keydown", (e) => {
+
+  if (e.ctrlKey && e.key == "s") { 
+    if (activeState.activePage == "form");
+    createStorageObj();
+    parseFormOnSubmit();
+    e.preventDefault(); 
+  }
+})
+}
+
+function printVersion() {
+  const scripts = document.getElementsByTagName("script");
+  const versionSpan = document.getElementById("currentVersion").lastChild;
+
+  for (var i=0;i<scripts.length;i++) {
+    if (scripts[i].src) {
+      let source = scripts[i].src;
+      // js/version/main.js
+      let pathVersion = source.split("/");
+      pathVersion = pathVersion[pathVersion.length-2];
+      //add it to document footer currentVersion
+      versionSpan.textContent = "version: " + pathVersion;
+    }
+ }
+}
+
+export default init;
diff --git a/js/9.6/main.js b/js/9.6/main.js
new file mode 100644
index 0000000..bd7e092
--- /dev/null
+++ b/js/9.6/main.js
@@ -0,0 +1,7 @@
+import init from "./init.js";
+
+
+document.addEventListener("DOMContentLoaded", () => init());
+
+
+
diff --git a/js/9.6/parseForm.js b/js/9.6/parseForm.js
new file mode 100644
index 0000000..aaacf94
--- /dev/null
+++ b/js/9.6/parseForm.js
@@ -0,0 +1,366 @@
+import { storeData, clearData, retrieveData } from "./storage.js";
+
+function parseFormOnSubmit(returnJSON = false, parseOnly = false) {
+    //event.preventDefault;
+  
+    let dataArray = [];
+  
+    if (parseOnly) {
+      let lT = activeState.loadedTemplate;
+      dataArray = retrieveData("userInputForce", lT);
+      if (dataArray != "") {
+        try {
+          dataArray = JSON.parse(dataArray);
+        } catch (e) {
+          alert("Decryption failed; are you authenticated?");
+          window.location.reload();
+          return;
+        }
+      }
+      if (dataArray == null) {
+        let wrapper = document.createElement("div");
+        wrapper.innerHTML = mainFormPlaceholder();
+        let div = wrapper.firstChild;
+        return div;
+      }
+
+      if (dataArray.length <= 0) {
+        let wrapper = document.createElement("div");
+        wrapper.innerHTML = mainFormPlaceholder();
+        let div = wrapper.firstChild;
+        return div;
+      }
+
+    } else {
+      let x = document.getElementById("mainFormObj");
+      
+      if (x != null) {
+        for (let i = 0; i < x.length; i++) {
+          dataArray.push({
+            value: x.elements[i].value,
+            name: x.elements[i].name,
+          });
+        }
+      }
+
+      //set filename to active state according to userFileName field from loadTemplate
+      let userFileNameField = document.getElementById("userFileName");
+      let userFileName = userFileNameField.value;
+      let userFileNamePH = userFileNameField.getAttribute("placeholder");
+      if (userFileName.length != 0) {
+        activeState.fileName = userFileName;
+      } else if (userFileNamePH != null) {
+        activeState.fileName = userFileNamePH;
+      } 
+    }
+
+  
+    //get original objects from sessionstorage gen from loadTemplate
+    let objects = JSON.parse(window.sessionStorage.getItem("templateObjects"));
+
+    //get the complete unparsed template string from sessionstorage from loadTemplate
+    let fullString = window.sessionStorage.getItem("fullString");
+  
+    let b = "";
+  
+    if (objects == null) {
+      return;
+    }
+
+
+    //iterate through templateObjects and look for according formdata
+    for (let obj of objects) {
+      for (let data of dataArray) {
+        //convert conList Master name to default name as set flag for appending connected list fields cl-name
+        let conListFlag = false;
+        if (data.name.split("-")[0] == "clM") {
+          if (data.name.substring(4) === obj.word.replace(/ /g, "_") ) {
+            conListFlag = true;
+            data.name = data.name.substring(4);
+            if (data.value == "!none") {
+              obj.result = "";
+              continue;
+            }
+            if (data.value == "!selected") {
+              data.value = obj[0];
+              obj.result = "";
+            }
+          }
+        }
+        if (obj.word.replace(/ /g, "_") === data.name) {
+          let value = parseDataForResult(obj, data.value);
+          obj.result = value;
+
+        }
+        if (conListFlag) {
+          if (obj.type == "conList") {
+
+            //check for button if only one item exists and search conlist item
+            if (obj.listCount == 0) {
+              for (let d of dataArray) {
+                if (d.name.split(":!")[1] !== undefined) d.placeholder = "!"+d.name.split(":!")[1];
+                d.name = d.name.split(":!")[0];
+                if ("cl-"+obj[0].replace(/ /g, "_") == d.name && d.value != "") {
+                  //console.log(d, obj[0], data);
+                  if (data.value.replace(/ /g, "_")  == d.name.substring(3)) {
+                    if (d.hasOwnProperty("placeholder")) d.value = d.placeholder + "\n" + d.value;
+                    let value = parseDataForResult(obj, d.value);
+                    obj.result = obj.result + "\n" + value;
+                  }
+                }
+              }             
+            } else {
+              //loop through dataArray and look for coresponding conlist items
+              for (let i = 0; i <= obj.listCount; i++) {
+                for (let d of dataArray) {
+                  if (d.name.split(":!")[1] !== undefined) d.placeholder = "!"+d.name.split(":!")[1];
+                  d.name = d.name.split(":!")[0];
+                  if ("cl-"+obj[i].replace(/ /g, "_") == d.name && d.value != "") {
+                    if (data.value.replace(/ /g, "_")  == d.name.substring(3)) {
+                      if (d.hasOwnProperty("placeholder")) d.value = d.placeholder + "\n" + d.value;
+                      let value = parseDataForResult(obj, d.value);
+                      obj.result = obj.result + "\n" + value;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  
+    //console.log(this, dataArray);
+
+    b = fullString.substring(0, objects[0].spos);
+    for (let i = 0; i < objects.length; i++) {
+      let j = i + 1;
+      if (objects[j] === undefined) {
+        b +=
+          objects[i].result +
+          fullString.substring(objects[i].epos, fullString.length);
+      } else {
+        b +=
+          objects[i].result +
+          fullString.substring(objects[i].epos, objects[j].spos);
+      }
+    }
+  
+    let bHtml = b.replace(/(?:\r\n|\r|\n)/g, "<br>");
+    bHtml = bHtml.replace(/!l /g, " •   ");
+    bHtml = bHtml.replace(/!ls /g, "     ○   ");
+    bHtml = bHtml.replace(/ /g, "&nbsp;");
+  
+    bHtml =
+      "<div style='font-family: Arial, Helvetica, sans-serif;'>" +
+      bHtml +
+      "</div>";
+  
+    let div = document.createElement("div");
+    div.classList.add("w3-code", "notranslate", "w3-border-white");
+    div.id = "fileDisplay";
+    div.innerHTML = bHtml;
+  
+    if (parseOnly) {
+      return div;
+    }
+  
+    let p = document.createElement("p");
+    p.innerHTML = "Copied to Clipboard:";
+    document.getElementById("output").innerHTML = "";
+    document.getElementById("output").appendChild(p);
+    document.getElementById("output").appendChild(div);
+  
+    storeData("userInput", JSON.stringify(dataArray));
+    clearData("userInput");
+  
+    if (returnJSON) {
+      return dataArray;
+    } else {
+      copyToClipBoard(bHtml);
+    }
+  }
+
+  function parseDataForResult(obj, value) {
+    //handle placeholders like title, link, italic
+    if (obj.hasOwnProperty("placeholder") && value !== "") {
+      //console.log(obj.placeholder);
+      //check for markups
+      if (activeState.markups.includes(obj.placeholder)) {
+        value = parseMarkupmarkups(value, obj.placeholder);
+      } else {
+        value = obj.placeholder + "\n" + value;
+      }
+    }
+    
+
+    //Plugin TextBlock Insertion according to file _textblocks.txt
+    value = parseTextBlocks(value);
+
+
+    //handle placeholders like !l or !n and set it to final interpreted string for object
+    value = parseTextMarkups(value);
+
+    return value;
+  }
+
+  export function parseTextMarkups(data) {
+    let dataArray = data.split("\n");
+    let listFlag = false;
+    let listSubFlag = false;
+    let boldFlag = false;
+    let listNumberFlag = false;
+    let listNumberFlagNum = 1;
+    for (let i = 0; i < dataArray.length; i++) {
+      if (dataArray[i] == "") continue;
+      switch (dataArray[i]) {
+        case "!l":
+          listFlag = true;
+          dataArray.splice(i, 1);
+          i = i - 1;
+          break;
+        case "!ls":
+          listSubFlag = true;
+          dataArray.splice(i, 1);
+          i = i - 1;
+          break;
+        case "!n":
+          listNumberFlag = true;
+          dataArray.splice(i, 1);
+          i = i - 1;
+          break;
+        case "!b":
+          boldFlag = true;
+          dataArray.splice(i, 1);
+          i = i - 1;
+          break;
+        case "!e":
+          listFlag = false;
+          listNumberFlag = false;
+          dataArray.splice(i, 1);
+          i = i - 1;
+          break;
+        case "!es":
+          listSubFlag = false;
+          dataArray.splice(i, 1);
+          i = i - 1;
+          break;
+        default:
+          if (boldFlag) {
+            dataArray[i] = "<b>" + dataArray[i] + "</b>";
+            boldFlag = false;
+            continue;
+          }
+          if (listNumberFlag) {
+            dataArray[i] = "  " + listNumberFlagNum + ".  " + dataArray[i];
+            listNumberFlagNum++;
+            continue;
+          }
+          if (listSubFlag) {
+            dataArray[i] = "     ○   " + dataArray[i];
+            continue;
+          }
+          if (listFlag) {
+            dataArray[i] = " •   " + dataArray[i];
+            continue;
+          }
+      }
+    }
+    return dataArray.join("\n");
+  }
+  
+  function parseMarkupmarkups(value, markup) {
+    switch (markup) {
+      case "title":
+        return "<b>" + value + "</b>";
+        break;
+      case "italic":
+        return "<i>" + value + "</i>";
+        break;
+    }
+  }
+  
+  function parseTextBlocks(data) {
+    let textBlocks = loadTextBlocks();
+    let textBlockIds = Object.keys(textBlocks);
+    for (let i = 0; i < textBlockIds.length; i++) {
+      let id = textBlockIds[i];
+      if (data.indexOf("!" + id) !== -1) {
+        //console.log("found: "+id);
+        let sPos = data.indexOf("!" + id);
+        let ePos = sPos + id.length + 1;
+        data =
+          data.substring(0, sPos) +
+          textBlocks[id] +
+          data.substring(ePos, data.length);
+      }
+    }
+    return data;
+  }
+
+
+function loadTextBlocks() {
+    let textBlocks = document.getElementById("textBlocks").innerText;
+    let textBlocksObject = {};
+    if (textBlocks.indexOf("\r\n") !== -1) {
+      var wordArrayByLine = textBlocks.split("\r\n");
+    } else {
+      var wordArrayByLine = textBlocks.split("\n");
+    }
+  
+    for (let i = 0; i < wordArrayByLine.length; i++) {
+      let textBlockId = wordArrayByLine[i].split(":")[0];
+      let textBlockText = wordArrayByLine[i].substring(
+        textBlockId.length + 2,
+        wordArrayByLine[i].length
+      );
+      if (textBlockId.length < 1) {
+        continue;
+      }
+      textBlocksObject[textBlockId.replace(/\s/g, "")] = textBlockText;
+    }
+    return textBlocksObject;
+  }
+
+  function copyToClipBoard(html) {
+    // Create an iframe (isolated container) for the HTML
+    var container = document.createElement("div");
+    container.innerHTML = html;
+  
+    // Hide element
+    container.style.position = "fixed";
+    container.style.pointerEvents = "none";
+    container.style.opacity = 0;
+  
+    // Detect all style sheets of the page
+    var activeSheets = Array.prototype.slice
+      .call(document.styleSheets)
+      .filter(function (sheet) {
+        return !sheet.disabled;
+      });
+  
+    // Mount the iframe to the DOM to make `contentWindow` available
+    document.body.appendChild(container);
+  
+    // Copy to clipboard
+    window.getSelection().removeAllRanges();
+  
+    var range = document.createRange();
+    range.selectNode(container);
+    window.getSelection().addRange(range);
+  
+    document.execCommand("copy");
+    for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true;
+    document.execCommand("copy");
+    for (var i = 0; i < activeSheets.length; i++)
+      activeSheets[i].disabled = false;
+  
+    // Remove the iframe
+    document.body.removeChild(container);
+  }
+
+  function mainFormPlaceholder() {
+    return "<div class='w3-row-padding w3-padding-24 w3-container w3-flat-clouds'><div class='w3-code notranslate w3-border-white' style='font-family: Arial, Helvetica, sans-serif;'><p>Select a file</p><br><br><br><br><br><br><br><br><br><br><br></div></div>";
+  }
+
+  export default parseFormOnSubmit;
\ No newline at end of file
diff --git a/js/9.6/parseTemplate.js b/js/9.6/parseTemplate.js
new file mode 100644
index 0000000..f639c2a
--- /dev/null
+++ b/js/9.6/parseTemplate.js
@@ -0,0 +1,374 @@
+function parseInput(wordArray, objects, i) {
+  let word = wordArray[i];
+
+  if (word.substring(0, 1) == "%") {
+    //check if regular use of % in text 20% an ignoreCase
+    if (word.substring(0, 2) !== "% ") {
+      //found simple input %word / excluding %m:
+      if (word.substring(2, 3) !== ":") {
+        //init Word Object
+        var wordObj = {};
+
+        let w = word.substring(1);
+        //for loop to escape spaces in simple input
+        for (let j = i + 1; j < wordArray.length; j++) {
+          w = w + " " + wordArray[j];
+          //invoke look for gender specific template
+          i = findGenderSpecificInput(wordArray, wordObj, j);
+          //invoke look for list template
+          i = findListInput(wordArray, wordObj, j);
+          //invoke connected fields
+          i = findConnectedListInput(wordArray, wordObj, j);
+          //find end of template string and format it for future handling¨
+          if (w.indexOf("%") !== -1) {
+            //found % sign
+            if (w.indexOf("%") !== w.length - 1) {
+              //% is not last char of string
+              word = "%" + w;
+            } else {
+              //% is last
+              //no prio has been set
+              word = w.slice(0, -1);
+            }
+            break;
+          }
+        }
+
+        if (word.indexOf("\n") !== -1) {
+          if (word.substring(word.indexOf("\n"), 2).indexOf("%") !== -1) {
+            //alert("attention newlineChar in: "+ word.substring(word.indexOf("\n"),2));
+          }
+        }
+        //parse priority
+        if (word.substring(1).indexOf("%") === -1) {
+          //object if no prio was set
+          wordObj.word = word;
+          wordObj.arrayPos = objects.length;
+          wordObj.prio = 0;
+        } else {
+          //handle edgecase if punctuation mark is directly after prio
+          let postMarker = word.substring(1).indexOf("%") + 2;
+          let postMarkerEnd = word.length;
+          let isPriority = true;
+          let i = 0;
+          //console.log(word + " * " + word.substring(postMarkerEnd-2, postMarkerEnd) + " - " + postMarker + ":" + postMarkerEnd + " - " + word.length);
+          while (
+            !isCharNumber(word.substring(postMarkerEnd - 1, postMarkerEnd))
+          ) {
+            postMarkerEnd = postMarkerEnd - 1;
+            //if no priority has been set; set flag
+            //console.log(word.substring(postMarkerEnd-1, postMarkerEnd));
+
+            if (postMarkerEnd < 1) {
+              isPriority = false;
+              break;
+            }
+
+            i++;
+          }
+
+          if (isPriority) {
+            //console.log(word + " prio: "+isPriority);
+            //object if prio has been defined
+            wordObj.word = word.substring(1, postMarker - 1);
+            wordObj.arrayPos = objects.length;
+            wordObj.prio = parseInt(
+              word.substring(postMarker, postMarkerEnd),
+              10
+            );
+            if (isNaN(wordObj.prio)) {
+              alert(
+                "error in template: %" +
+                  wordObj.word +
+                  "% there must always a space after the priority number"
+              );
+              wordObj.prio = 0;
+            }
+          } else {
+            //object if no prio has been defined
+            wordObj.word = word.substring(1, postMarker - 1);
+            wordObj.arrayPos = objects.length;
+            wordObj.prio = 0;
+          }
+        }
+        //check if genderSpecific or list has been found and if so reformat word
+        //console.log(wordObj);
+        switch (wordObj.type) {
+          case "genderSpecific":
+            if (word.substring(0, 1) === "%") {
+              wordObj.word = word.split("=")[0].substring(1);
+            } else {
+              wordObj.word = word.split("=")[0];
+            }
+            break;
+          case "list":
+            if (word.substring(0, 1) === "%") {
+              wordObj.word = word.split("=")[0].substring(1);
+            } else {
+              wordObj.word = word.split("=")[0];
+            }
+            break;
+          case "conList":
+            if (word.substring(0, 1) === "%") {
+              wordObj.word = word.split("=")[0].substring(1);
+            } else {
+              wordObj.word = word.split("=")[0];
+            }
+            //check if format has been given or markup
+            for (let i = 0; i <= wordObj.listCount; i++) {
+              let params = wordObj[i].split(":");
+              if (params[1] !== undefined) {
+                  wordObj[i] = params[0];
+                  wordObj["clType-"+wordObj[i]] = (params[2] !== undefined) ? params[1]+":"+params[2]: params[1];
+              } else {
+                wordObj["clType-"+wordObj[i]] = "cl-simpleInput";
+              }
+            }
+            break;
+          default:
+            wordObj.type = "simpleInput";
+            //check if customTemplate was used set type and format word
+            if (word.indexOf("=") !== -1) {
+              parseCustomTemplates(wordObj);
+            }
+            break;
+        }
+
+        objects.push(wordObj);
+      }
+    }
+  }
+}
+
+function findGenderSpecificInput(wordArray, wordObj, i) {
+  let word = wordArray[i];
+  if (word.indexOf("=m:") !== -1) {
+    wordObj.type = "genderSpecific";
+    let mw = word.substring(word.indexOf("=m:") + 3);
+    for (let j = i + 1; j < wordArray.length; j++) {
+      mw = mw + " " + wordArray[j];
+      i = j;
+      if (mw.indexOf(";") !== -1) {
+        wordObj.m = mw.slice(0, mw.indexOf(";"));
+        //adding length word + 3 = m: ;
+        i = parseGenderTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+
+  if (word.indexOf("=w:") !== -1) {
+    let ww = word.substring(word.indexOf("=w:") + 3);
+    for (let j = i + 1; j < wordArray.length; j++) {
+      ww = ww + " " + wordArray[j];
+      i = j;
+      if (ww.indexOf(";") !== -1) {
+        wordObj.w = ww.slice(0, ww.indexOf(";"));
+        i = parseGenderTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+
+  if (word.indexOf("=d:") !== -1) {
+    let dw = word.substring(word.indexOf("=d:") + 3);
+    for (let j = i + 1; j < wordArray.length; j++) {
+      dw = dw + " " + wordArray[j];
+      i = j;
+      if (dw.indexOf(";") !== -1) {
+        wordObj.d = dw.slice(0, dw.indexOf(";"));
+        i = parseGenderTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  return i;
+}
+
+function parseGenderTemplate(wordArray, wordObj, i) {
+  let word = wordArray[i];
+  if (word.indexOf(";m:") !== -1) {
+    let mw = word.substring(word.indexOf(";m:") + 3);
+    for (let j = i + 1; j < wordArray.length; j++) {
+      mw = mw + " " + wordArray[j];
+      i = j;
+      if (mw.indexOf(";") !== -1) {
+        wordObj.m = mw.slice(0, mw.indexOf(";"));
+        i = parseGenderTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  if (word.indexOf(";w:") !== -1) {
+    let ww = word.substring(word.indexOf(";w:") + 3);
+    for (let j = i + 1; j < wordArray.length; j++) {
+      ww = ww + " " + wordArray[j];
+      i = j;
+      if (ww.indexOf(";") !== -1) {
+        wordObj.w = ww.slice(0, ww.indexOf(";"));
+        i = parseGenderTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  if (word.indexOf(";d:") !== -1) {
+    let dw = word.substring(word.indexOf(";d:") + 3);
+    for (let j = i + 1; j < wordArray.length; j++) {
+      dw = dw + " " + wordArray[j];
+      i = j;
+      if (dw.indexOf(";") !== -1) {
+        wordObj.d = dw.slice(0, dw.indexOf(";"));
+        i = parseGenderTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  return i;
+}
+
+function findListInput(wordArray, wordObj, i) {
+  let word = wordArray[i];
+  if (word.indexOf("=l:") !== -1) {
+    wordObj.type = "list";
+    wordObj.listCount = 0;
+    let lw = word.substring(word.indexOf("=l:") + 3);
+    //escape if there is no space in listitem
+    if (lw.indexOf(";") !== -1) {
+      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+      //adding length word + 3 = m: ;
+      i = parseListTemplate(wordArray, wordObj, i);
+      return i;
+    }
+    for (let j = i + 1; j < wordArray.length; j++) {
+      lw = lw + " " + wordArray[j];
+      i = j;
+      if (lw.indexOf(";") !== -1) {
+        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+        //adding length word + 3 = m: ;
+        i = parseListTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  return i;
+}
+
+function parseListTemplate(wordArray, wordObj, i) {
+  let word = wordArray[i];
+  if (word.indexOf(";l:") !== -1) {
+    let lw = word.substring(word.indexOf(";l:") + 3);
+    //escape if there is no space in listitem
+    if (lw.indexOf(";") !== -1) {
+      wordObj.listCount++;
+      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+      //shorten wordArray and hand it to parseListTemplate: firstItem;l:secondItem;l: to ;l:secondItem;l:third Item
+      wordArray[i] = wordArray[i]
+        .substring(1)
+        .substring(wordArray[i].indexOf(";") + 1);
+      //advance wordArray i if third Item has a space in it and no ; is found to avoid endless loop
+      if (wordArray[i].substring(1).indexOf(";") === -1) {
+        i++;
+      }
+      //console.log(wordArray[i].substring(1));
+      i = parseListTemplate(wordArray, wordObj, i);
+      return i;
+    }
+    for (let j = i + 1; j < wordArray.length; j++) {
+      lw = lw + " " + wordArray[j];
+      i = j;
+      if (lw.indexOf(";") !== -1) {
+        wordObj.listCount++;
+        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+        i = parseListTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  return i;
+}
+
+function findConnectedListInput(wordArray, wordObj, i) {
+  let word = wordArray[i];
+  if (word.indexOf("=h:") !== -1) {
+    wordObj.type = "conList";
+    wordObj.listCount = 0;
+    let lw = word.substring(word.indexOf("=h:") + 3);
+    //escape if there is no space in listitem
+    if (lw.indexOf(";") !== -1) {
+      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+      //adding length word + 3 = m: ;
+      i = parseConnectedListTemplate(wordArray, wordObj, i);
+      return i;
+    }
+    for (let j = i + 1; j < wordArray.length; j++) {
+      lw = lw + " " + wordArray[j];
+      i = j;
+      if (lw.indexOf(";") !== -1) {
+        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+        //adding length word + 3 = m: ;
+        i = parseConnectedListTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  return i;
+}
+
+
+function parseConnectedListTemplate(wordArray, wordObj, i) {
+  let word = wordArray[i];
+  if (word.indexOf(";h:") !== -1) {
+    let lw = word.substring(word.indexOf(";h:") + 3);
+    //escape if there is no space in listitem
+    if (lw.indexOf(";") !== -1) {
+      wordObj.listCount++;
+      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+      //shorten wordArray and hand it to parseListTemplate: firstItem;l:secondItem;l: to ;l:secondItem;l:third Item
+      wordArray[i] = wordArray[i]
+        .substring(1)
+        .substring(wordArray[i].indexOf(";") + 1);
+      //advance wordArray i if third Item has a space in it and no ; is found to avoid endless loop
+      if (wordArray[i].substring(1).indexOf(";") === -1) {
+        i++;
+      }
+      //console.log(wordArray[i].substring(1));
+      i = parseConnectedListTemplate(wordArray, wordObj, i);
+      return i;
+    }
+    for (let j = i + 1; j < wordArray.length; j++) {
+      lw = lw + " " + wordArray[j];
+      i = j;
+      if (lw.indexOf(";") !== -1) {
+        wordObj.listCount++;
+        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
+        i = parseConnectedListTemplate(wordArray, wordObj, i);
+        break;
+      }
+    }
+  }
+  return i;
+}
+
+function parseCustomTemplates(wordObj) {
+  let word = wordObj.word;
+  for (let i = 0; i < activeState.templateFieldTypes.length; i++) {
+    if (word.indexOf("=" + activeState.templateFieldTypes[i]) !== -1) {
+      wordObj.word = word.split("=")[0];
+      wordObj.type = word.split("=")[1];
+
+      if (wordObj.type.indexOf(":") !== -1) {
+        let ltPlaceholder = wordObj.type.split(":")[1];
+        if (ltPlaceholder !== "undefined") {
+          wordObj.placeholder = ltPlaceholder;
+          //wordObj.type = wordObj.type.split(":")[0]; - dont do this
+        }
+      }
+    }
+  }
+}
+
+function isCharNumber(c) {
+  return c >= "0" && c <= "9";
+}
+
+export default parseInput;
diff --git a/js/9.6/scripts.js b/js/9.6/scripts.js
new file mode 100644
index 0000000..c5f2e52
--- /dev/null
+++ b/js/9.6/scripts.js
@@ -0,0 +1,96 @@
+import { retrieveData } from "./storage.js";
+import sha256 from "./sha256.min.js";
+import XORCipher from "./xorc.js";
+import getBrowserFingerprint from "./identify.js"
+
+export const passwordHash = {
+  name: "anae3Iegbai1ahLu",
+  fp: getBrowserFingerprint( { hardwareOnly: true } ),
+  toString: () => {
+    let data;
+    try {
+      data = window.sessionStorage.getItem(sha256(passwordHash.name));
+    } catch (e) {
+      return "none";
+    }
+    if (data === null) return "none";
+    return XORCipher.decode(passwordHash.name, data);
+  },
+  getId: () => {
+    return passwordHash.fp;
+  },
+  set: (pw) => {
+    window.sessionStorage.setItem(sha256(passwordHash.name), XORCipher.encode(passwordHash.name, pw));
+  }
+}
+
+//export const passwordHash = {
+//  toString: () => {
+//    let fp = getBrowserFingerprint( { hardwareOnly: true } );
+//    let data;
+//    try {
+//      data = window.sessionStorage.getItem(sha256(fp));
+//    } catch (e) {
+//      return "none";
+//    }
+//    if (data === null) return "none";
+//    return XORCipher.decode(fp, data);
+//  },
+//
+//  set: (pw) => {
+//    let fp = getBrowserFingerprint( { hardwareOnly: true } );
+//    window.sessionStorage.setItem(sha256(fp), XORCipher.encode(fp, pw));
+//  }
+//}
+
+
+
+function setPassword() {
+  let x = document.getElementById("loginForm");
+  let pw = x.elements[0].value;
+
+  if (pw != "" || pw !== "undefined") {
+    let pwOld = pw;
+    passwordHash.set(sha256(pw));
+    let templateFiles = retrieveData("templateFiles");
+    if (templateFiles != "") {
+      try {
+        JSON.parse(templateFiles);
+      } catch (e) {
+        document.getElementById("wrongPWAlert").style.display = "block";
+        const alertTimeout = setTimeout(() => {
+          document.getElementById("wrongPWAlert").style.display = "none";
+        }, 5000);
+        passwordHash.set(pwOld);
+        x.elements[0].value = "";
+        return;
+      }
+    }
+    //user logged in
+
+    document.getElementById("login").style.display = "none";
+    window.sessionStorage.setItem(sha256("verified"), XORCipher.encode(sha256("passwordHash"), passwordHash));
+  }
+}
+
+export function getUsrId() {
+  const fingerprint = getBrowserFingerprint( { hardwareOnly: true } );
+  return cyrb53(fingerprint + passwordHash);
+}
+
+const cyrb53 = (str, seed = 21) => {
+  let h1 = 0xdeadbeef ^ seed,
+    h2 = 0x41c6ce57 ^ seed;
+  for (let i = 0, ch; i < str.length; i++) {
+    ch = str.charCodeAt(i);
+    h1 = Math.imul(h1 ^ ch, 2654435761);
+    h2 = Math.imul(h2 ^ ch, 1597334677);
+  }
+  
+  h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);
+  h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);
+  
+  return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+};
+
+export default setPassword;
diff --git a/js/9.6/sha256.min.js b/js/9.6/sha256.min.js
new file mode 100644
index 0000000..4aa510b
--- /dev/null
+++ b/js/9.6/sha256.min.js
@@ -0,0 +1,3 @@
+var sha256=function a(b){function c(a,b){return a>>>b|a<<32-b}for(var d,e,f=Math.pow,g=f(2,32),h="length",i="",j=[],k=8*b[h],l=a.h=a.h||[],m=a.k=a.k||[],n=m[h],o={},p=2;64>n;p++)if(!o[p]){for(d=0;313>d;d+=p)o[d]=p;l[n]=f(p,.5)*g|0,m[n++]=f(p,1/3)*g|0}for(b+="\x80";b[h]%64-56;)b+="\x00";for(d=0;d<b[h];d++){if(e=b.charCodeAt(d),e>>8)return;j[d>>2]|=e<<(3-d)%4*8}for(j[j[h]]=k/g|0,j[j[h]]=k,e=0;e<j[h];){var q=j.slice(e,e+=16),r=l;for(l=l.slice(0,8),d=0;64>d;d++){var s=q[d-15],t=q[d-2],u=l[0],v=l[4],w=l[7]+(c(v,6)^c(v,11)^c(v,25))+(v&l[5]^~v&l[6])+m[d]+(q[d]=16>d?q[d]:q[d-16]+(c(s,7)^c(s,18)^s>>>3)+q[d-7]+(c(t,17)^c(t,19)^t>>>10)|0),x=(c(u,2)^c(u,13)^c(u,22))+(u&l[1]^u&l[2]^l[1]&l[2]);l=[w+x|0].concat(l),l[4]=l[4]+w|0}for(d=0;8>d;d++)l[d]=l[d]+r[d]|0}for(d=0;8>d;d++)for(e=3;e+1;e--){var y=l[d]>>8*e&255;i+=(16>y?0:"")+y.toString(16)}return i};
+
+export default sha256;
\ No newline at end of file
diff --git a/js/9.6/storage.js b/js/9.6/storage.js
new file mode 100644
index 0000000..5dbf6d4
--- /dev/null
+++ b/js/9.6/storage.js
@@ -0,0 +1,223 @@
+import XORCipher from "./xorc.js";
+import sha256 from "./sha256.min.js";
+import { getUsrId, passwordHash } from "./scripts.js";
+
+
+function createStorageObj() {
+  let x = document.getElementById("mainFormObj");
+  let dataArray = [];
+  if (x == null) {
+    return;
+  }
+  for (let i = 0; i < x.length; i++) {
+    dataArray.push({
+      value: x.elements[i].value,
+      name: x.elements[i].name,
+    });
+  }
+
+  //console.log(this, dataArray);
+
+  let userFileNameField = document.getElementById("userFileName");
+  let userFileName = userFileNameField.value;
+  let userFileNamePH = userFileNameField.getAttribute("placeholder");
+  if (userFileName.length != 0) {
+    activeState.fileName = userFileName;
+    //clear old data as file switches to new filename
+    if (userFileNamePH.length != 0) {
+      clearData(userFileNamePH);
+      popFromTemplateFiles(userFileNamePH);
+    }
+  } else if (userFileNamePH.length != 0) {
+    activeState.fileName = userFileNamePH;
+  } 
+
+  storeData("userInput", JSON.stringify(dataArray));
+  
+}
+
+function storeData(name, data) {
+  //setCookie(name, btoa(data), 7);
+  if (name == "userInput") {
+    name = getFileName();
+  }
+  if (name == "userInputForce") {
+    name = "userInput";
+  }
+  let lT = activeState.loadedTemplate;
+  let key = sha256(name + "-" + lT);
+  if (name == "templateFiles") {
+    key = sha256(name + "-");
+  }
+  window.localStorage.setItem(key, obfuscate(data));
+}
+
+function retrieveData(type, template = "none") {
+  if (type == "userInput") {
+    let tF = JSON.parse(retrieveData("templateFiles"));
+    if (tF == null) {
+      return "";
+    } else {
+      type = tF[tF.length - 1].fileName;
+    }
+  }
+  if (type == "userInputForce") {
+    type = "userInput";
+  }
+  let cdata;
+  if (template == "none") {
+    let lT = activeState.loadedTemplate;
+    let key = sha256(type + "-" + lT);
+    if (type == "templateFiles") {
+      key = sha256(type + "-");
+    }
+    cdata = window.localStorage.getItem(key);
+  } else {
+    let key = sha256(type + "-" + template);
+    cdata = window.localStorage.getItem(key);
+  }
+  if (cdata != null) {
+    return obfuscate(cdata, false);
+  } else {
+    return "[]";
+  }
+}
+
+function clearData(type, template = "none") {
+  let lT;
+  let key;
+  if (template == "none") {
+    lT = activeState.loadedTemplate;
+    key = sha256(type + "-" + lT);
+    if (type == "templateFiles") {
+      key = sha256(type + "-");
+    }
+  } else {
+    lT = template;
+    key = sha256(type + "-" + template);
+  }
+  window.localStorage.removeItem(key);
+}
+
+function getFileName() {
+  let currentFileName = activeState.fileName;
+  if (currentFileName == "none" || currentFileName == "") {
+    let date = new Date();
+    let current_hour = date.getHours();
+    current_hour = current_hour <= 9 ? "0" + current_hour : current_hour;
+    let current_minute = date.getMinutes();
+    current_minute =
+      current_minute <= 9 ? "0" + current_minute : current_minute;
+    let current_month = date.getMonth() + 1;
+    current_month = current_month <= 9 ? "0" + current_month : current_month;
+    let current_year = date.getDate();
+    current_year = current_year <= 9 ? "0" + current_year : current_year;
+
+    let current_time = current_hour + ":" + current_minute;
+    let current_date = current_year + "." + current_month;
+    currentFileName = current_time + "_" + current_date;
+    //console.log(currentFileName);
+  }
+
+  let lT = activeState.loadedTemplate;
+  let tF = retrieveData("templateFiles");
+  if (tF != "") {
+    try {
+      tF = JSON.parse(tF);
+    } catch (e) {
+      alert("Decryption failed; are you authenticated?");
+      window.location.reload();
+      return;
+    }
+  }
+  if (tF != null) {
+    for (let tFi of tF) {
+      if (tFi.fileName == currentFileName) {return currentFileName};
+    }
+    tF.push({ fileName: currentFileName, template: lT });
+  } else {
+    tF = [{ fileName: currentFileName, template: lT }];
+  }
+  storeData("templateFiles", JSON.stringify(tF));
+  activeState.fileName = currentFileName;
+  return currentFileName;
+}
+
+function obfuscate(data, mode = true) {
+	if (mode) {
+	  return XORCipher.encode(sha256(passwordHash), data);
+	} else {
+	  return XORCipher.decode(sha256(passwordHash), data);
+	}
+}
+
+function popFromTemplateFiles(fileName) {
+  let tF = JSON.parse(retrieveData("templateFiles"));
+  let newArray = [];
+  for (let obj of tF) {
+    if (obj.fileName != fileName) {
+      newArray.push(obj);
+    }
+  }
+  storeData("templateFiles", JSON.stringify(newArray));
+}
+
+function createBookShelf() {
+  let tF = JSON.parse(retrieveData("templateFiles"));
+  let bookShelf = {};
+  let date = new Date();
+  let current_hour = date.getHours();
+  current_hour = current_hour <= 9 ? "0" + current_hour : current_hour;
+  let current_minute = date.getMinutes();
+  current_minute =
+    current_minute <= 9 ? "0" + current_minute : current_minute;
+  let current_month = date.getMonth() + 1;
+  current_month = current_month <= 9 ? "0" + current_month : current_month;
+  let current_year = date.getDate();
+  current_year = current_year <= 9 ? "0" + current_year : current_year;
+
+  let current_time = current_hour + ":" + current_minute;
+  let current_date = current_year + "." + current_month;
+  let saveFileName = current_time + "_" + current_date;
+
+  if (tF != null) {
+    bookShelf[0] = {name: "hash", data: getUsrId(), ts: saveFileName};
+    let i = 1;
+    for (let tFi of tF) {
+      let data = retrieveData(tFi.fileName, tFi.template);
+      bookShelf[i] = {};
+      bookShelf[i].name = tFi.fileName + "-" + tFi.template;
+      bookShelf[i].data = obfuscate(data);
+      i++;
+    }
+  }
+  return bookShelf;
+}
+
+function importBookShelf() {
+
+  localStorage.clear()
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      if (this.responseText == "none") {
+        console.log("no files saved on server");
+      } else {
+        let respText = decodeURIComponent(this.responseText);
+        let mainArray = JSON.parse(respText);
+        let templateFilesArray = [];
+        for (let file of mainArray) {
+          if (file.name == "hash") continue;
+          window.localStorage.setItem(sha256(file.name), file.data);
+          templateFilesArray.push({ fileName: file.name.split("-")[0], template: file.name.split("-")[1] });
+        }
+        window.localStorage.setItem(sha256("templateFiles-"), obfuscate(JSON.stringify(templateFilesArray)));
+      }
+    }
+  };
+  xhttp.open("GET", "php/?getStoredFiles="+getUsrId(), true);
+  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
+  xhttp.send();
+}
+
+export { createStorageObj, storeData, retrieveData, clearData, getFileName, createBookShelf, importBookShelf};
diff --git a/js/9.6/web.js b/js/9.6/web.js
new file mode 100644
index 0000000..44da8f5
--- /dev/null
+++ b/js/9.6/web.js
@@ -0,0 +1,301 @@
+import buildForm from "./form.js";
+import { loadFileDivCallBack } from "./files.js";
+import { retrieveData, clearData, getFileName, importBookShelf } from "./storage.js";
+import { insertTextBlocks } from "./evts.js";
+import { createTemplate, createTemplateCallBack} from "./createTemplate.js";
+import { getUsrId } from "./scripts.js";
+
+function loadTemplate(template, newFlag = false, loadOnly = false) {
+  document.getElementById("siteTitle").innerHTML = template.replace(/_/g, " ");
+  activeState.loadedTemplate = template;
+
+  if (newFlag) {
+    activeState.fileName = "none";
+  } else {
+    activeState.fileName = getFileName();
+  }
+
+  document.getElementById("navMob").className = document
+    .getElementById("navMob")
+    .className.replace(" w3-show", "");
+  if (screen.width < 993) {
+    let sidebar = document.getElementById("sidebar");
+    sidebar.style.display = "none";
+    document.getElementById("siteTitle").innerHTML = "TG";
+  }
+  var xhttp = new XMLHttpRequest(); 
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      let respText = decodeURIComponent(this.responseText);
+      if (loadOnly == "createTemplate") {
+        createTemplateCallBack(template, respText.split("!JSON_placeholder:")[0]);         
+        return;
+      }
+      buildForm(respText, loadOnly);
+      if (loadOnly) {
+        loadFileDivCallBack();
+        return;
+      }
+
+      //retrieve previos userData / or preset data if newFile is called
+      let cdata;
+      if (newFlag) {
+        cdata = retrieveData("templatePreset", template);
+      } else {
+        cdata = retrieveData("userInputForce");
+      }
+      if (cdata != "") {
+        let res = "";
+        try {
+          res = JSON.parse(cdata);
+        } catch (e) {
+          console.log("error", cdata);
+          return;
+        }
+        retrieveForm(res);
+      }
+
+      //select first object and focus on it
+      let obj = JSON.parse(
+        window.sessionStorage.getItem("templateObjectsPurified")
+      );
+      let firstElement = document.getElementById(obj[0].word.replace(/ /g, "_"));
+      if (firstElement != null) firstElement.focus();
+      
+    }
+  };
+  xhttp.open("GET", "php/?template=" + template, true);
+  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
+  xhttp.send();
+}
+
+function loadNewTemplate(template) {
+  //set current page value in activeState object
+  activeState.activePage = "template";
+
+  let sidebarDiv = document.getElementById("sidebar");
+  sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
+
+  clearData("userInput", template);
+  loadTemplate(template, true);
+}
+
+function loadNavBar() {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      let res = "";
+      try {
+        res = JSON.parse(this.responseText);
+      } catch (e) {
+        console.log("error", this.responseText);
+        return;
+      }
+      
+      let divMob = document.getElementById("navMob");
+      for (let x in res) {
+        let aMob = document.createElement("a");
+
+        aMob.setAttribute("href", "#");
+        aMob.setAttribute("data-template", res[x][1]);
+        aMob.classList.add("w3-bar-item", "w3-button", "w3-padding-large");
+        aMob.innerHTML = res[x][0];
+
+        divMob.appendChild(aMob);
+
+        activeState.templates.push(res[x][1]);
+      }
+      let createEntry = document.createElement("a");
+      createEntry.setAttribute("href", "#");
+      createEntry.setAttribute("data-template", "createNew");
+      createEntry.classList.add("w3-bar-item", "w3-button", "w3-padding-large");
+      createEntry.innerHTML = "Manage templates";
+
+      divMob.appendChild(createEntry);
+      divMob.addEventListener("click", (e) => {
+        if (e.target && e.target.matches("a.w3-bar-item")) {
+          let template = e.target.dataset.template;
+          if (template == "createNew") {
+            createTemplate();
+            return;
+          }
+          loadNewTemplate(template);
+        }
+      });
+    }
+  };
+  xhttp.open("GET", "php/?templates", true);
+  xhttp.send();
+}
+function initTextBlocks() {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      let res = "";
+      try {
+        res = JSON.parse(this.responseText);
+      } catch (e) {
+        console.log("error", this.responseText)
+        return;
+      }
+      const textBlocksHolder = document.getElementById("textBlocks");
+      const divReg = document.getElementById("navTb");
+      for (let x in res) {
+        if (res[x][1].length < 1) continue;
+
+        let aReg = document.createElement("a");
+        aReg.setAttribute("href", "#");
+        aReg.classList.add("w3-bar-item", "w3-hide-small", "w3-padding-small");
+        let textBlockText = res[x][1];
+        if (res[x][1].length > 80) {
+          textBlockText = res[x][1].substr(0, 80) + "...";
+        }
+        aReg.innerHTML = "<b>" + res[x][0] + ":</b> " + textBlockText;
+        divReg.appendChild(aReg);
+
+        const text = document.createTextNode(
+          res[x][0] + ": " + res[x][1] + "\n"
+        );
+        textBlocksHolder.appendChild(text);
+      }
+      divReg.addEventListener("click", (e) => {
+        if (e.target && e.target.matches("a.w3-bar-item")) {
+          insertTextBlocks(e.target);
+        }
+      });
+    }
+  };
+  xhttp.open("GET", "php/?textBlocks", true);
+  xhttp.send();
+}
+
+function setTemplatePreset(template, formData) {
+  //console.log(template +" : "+ formData);
+  var xhttp = new XMLHttpRequest();
+  xhttp.open("POST", "php/?setForm");
+  xhttp.setRequestHeader("Accept", "application/json");
+  xhttp.setRequestHeader("Content-Type", "application/json");
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      //console.log(this.responseText);
+    }
+  };
+  let data = {
+    template: template,
+    data: formData,
+  };
+
+  xhttp.send(JSON.stringify(data));
+}
+
+function setNewTemplate(fileName, data) {
+  let obj = {
+    fileName: fileName,
+    data: data,
+  };
+  //console.log(template +" : "+ formData);
+  var xhttp = new XMLHttpRequest();
+  xhttp.open("POST", "php/?setTemplate");
+  xhttp.setRequestHeader("Accept", "application/json");
+  xhttp.setRequestHeader("Content-Type", "application/json");
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      //console.log(this.responseText);
+    }
+  };
+
+  xhttp.send(JSON.stringify(obj));
+}
+
+function storeFilesToServer(data) {
+  //console.log(template +" : "+ formData);
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      if (this.responseText == "success") {
+        console.log("files saved");
+      }
+    }
+  };
+  xhttp.open("POST", "php/?storeFiles", true);
+  xhttp.setRequestHeader("Accept", "application/json");
+  xhttp.setRequestHeader("Content-Type", "application/json");
+  xhttp.send(JSON.stringify(data));
+}
+
+function checkForStoredDataOnServer() {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      if (this.responseText == "none") {
+      } else {
+        activeState.serverFilesTs = this.responseText;
+        let btn = document.getElementById("importModalBtn");
+        btn.style.display = "";
+      }
+    }
+  };
+  xhttp.open("GET", "php/?storedFiles="+getUsrId(), true);
+  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
+  xhttp.send();
+}
+
+function delStoredDataOnServer() {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      if (this.responseText == "none") {
+        let btn = document.getElementById("importModalBtn");
+        btn.style.display = "none";
+      } 
+    }
+  };
+  xhttp.open("GET", "php/?storedFiles="+getUsrId()+"&del", true);
+  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
+  xhttp.send();
+}
+
+
+function retrieveForm(arr) {
+  for (let i = 0; i < arr.length; i++) {
+    let e = document.getElementById(arr[i].name);
+    if (e === null) {
+      e = document.getElementById(arr[i].name.split("cl-")[1]);
+      if (e === null) continue;
+    }
+
+    if (e.name.substr(0, 4) == "clM-") continue;
+
+    switch (e.nodeName) {
+      case "TEXTAREA":
+        e.innerHTML = arr[i].value;
+        break;
+      case "INPUT":
+        e.value = arr[i].value;
+        break;
+      case "SELECT":
+        for (let j = 0; j < e.options.length; j++) {
+          if (e.options[j].value == arr[i].value) {
+            // Item is found. Set its property and exit
+            e.options[j].selected = true;
+            break;
+          }
+        }
+        break;
+      default:
+        e.innerHTML = arr[i].value;
+        break;
+    }
+  }
+}
+export {
+  loadTemplate,
+  loadNavBar,
+  initTextBlocks,
+  loadNewTemplate,
+  setTemplatePreset,
+  setNewTemplate,
+  storeFilesToServer,
+  checkForStoredDataOnServer,
+  delStoredDataOnServer
+};
diff --git a/js/9.6/xorc.js b/js/9.6/xorc.js
new file mode 100644
index 0000000..5e17850
--- /dev/null
+++ b/js/9.6/xorc.js
@@ -0,0 +1,187 @@
+
+var XORCipher = {
+  encode: function (key, data, seed) {
+    data = xor_encrypt(key, data, seed);
+    return b64_encode(data);
+  },
+  decode: function (key, data) {
+    data = b64_decode(data);
+    return xor_decrypt(key, data);
+  },
+  seed: function (n) {
+    return randString(n);
+  },
+};
+
+function stringToUtf8ByteArray(str) {
+  var out = [],
+    p = 0;
+  for (var i = 0; i < str.length; i++) {
+    var c = str.charCodeAt(i);
+    if (c < 128) {
+      out[p++] = c;
+    } else if (c < 2048) {
+      out[p++] = (c >> 6) | 192;
+      out[p++] = (c & 63) | 128;
+    } else if (
+      (c & 0xfc00) == 0xd800 &&
+      i + 1 < str.length &&
+      (str.charCodeAt(i + 1) & 0xfc00) == 0xdc00
+    ) {
+      // Surrogate Pair
+      c = 0x10000 + ((c & 0x03ff) << 10) + (str.charCodeAt(++i) & 0x03ff);
+      out[p++] = (c >> 18) | 240;
+      out[p++] = ((c >> 12) & 63) | 128;
+      out[p++] = ((c >> 6) & 63) | 128;
+      out[p++] = (c & 63) | 128;
+    } else {
+      out[p++] = (c >> 12) | 224;
+      out[p++] = ((c >> 6) & 63) | 128;
+      out[p++] = (c & 63) | 128;
+    }
+  }
+  return out;
+}
+
+function utf8ByteArrayToString(bytes) {
+  // array of bytes
+  var out = [],
+    pos = 0,
+    c = 0;
+  while (pos < bytes.length) {
+    var c1 = bytes[pos++];
+    if (c1 < 128) {
+      out[c++] = String.fromCharCode(c1);
+    } else if (c1 > 191 && c1 < 224) {
+      var c2 = bytes[pos++];
+      out[c++] = String.fromCharCode(((c1 & 31) << 6) | (c2 & 63));
+    } else if (c1 > 239 && c1 < 365) {
+      // Surrogate Pair
+      var c2 = bytes[pos++];
+      var c3 = bytes[pos++];
+      var c4 = bytes[pos++];
+      var u =
+        (((c1 & 7) << 18) | ((c2 & 63) << 12) | ((c3 & 63) << 6) | (c4 & 63)) -
+        0x10000;
+      out[c++] = String.fromCharCode(0xd800 + (u >> 10));
+      out[c++] = String.fromCharCode(0xdc00 + (u & 1023));
+    } else {
+      var c2 = bytes[pos++];
+      var c3 = bytes[pos++];
+      out[c++] = String.fromCharCode(
+        ((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)
+      );
+    }
+  }
+  return out.join("");
+}
+
+var b64_table =
+  "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+
+function b64_encode(data) {
+  var o1,
+    o2,
+    o3,
+    h1,
+    h2,
+    h3,
+    h4,
+    bits,
+    r,
+    i = 0,
+    enc = "";
+  if (!data) {
+    return data;
+  }
+  do {
+    o1 = data[i++];
+    o2 = data[i++];
+    o3 = data[i++];
+    bits = (o1 << 16) | (o2 << 8) | o3;
+    h1 = (bits >> 18) & 0x3f;
+    h2 = (bits >> 12) & 0x3f;
+    h3 = (bits >> 6) & 0x3f;
+    h4 = bits & 0x3f;
+    enc +=
+      b64_table.charAt(h1) +
+      b64_table.charAt(h2) +
+      b64_table.charAt(h3) +
+      b64_table.charAt(h4);
+  } while (i < data.length);
+  r = data.length % 3;
+  return (r ? enc.slice(0, r - 3) : enc) + "===".slice(r || 3);
+}
+
+function b64_decode(data) {
+  var o1,
+    o2,
+    o3,
+    h1,
+    h2,
+    h3,
+    h4,
+    bits,
+    i = 0,
+    result = [];
+  if (!data) {
+    return data;
+  }
+  data += "";
+  do {
+    h1 = b64_table.indexOf(data.charAt(i++));
+    h2 = b64_table.indexOf(data.charAt(i++));
+    h3 = b64_table.indexOf(data.charAt(i++));
+    h4 = b64_table.indexOf(data.charAt(i++));
+    bits = (h1 << 18) | (h2 << 12) | (h3 << 6) | h4;
+    o1 = (bits >> 16) & 0xff;
+    o2 = (bits >> 8) & 0xff;
+    o3 = bits & 0xff;
+    result.push(o1);
+    if (h3 !== 64) {
+      result.push(o2);
+      if (h4 !== 64) {
+        result.push(o3);
+      }
+    }
+  } while (i < data.length);
+  return result;
+}
+
+function rand(min, max) {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+function randString(n) {
+  var r = "";
+  for (var i = 0; i < n; i++) r += String.fromCharCode(rand(1, 65535));
+
+  return r;
+}
+
+function xor_encrypt(key, data, seed) {
+  if (typeof seed == "undefined") seed = randString(32);
+
+  var d = stringToUtf8ByteArray(seed + String.fromCharCode(0) + data),
+    k = stringToUtf8ByteArray(key),
+    r = [];
+
+  for (var i = 0; i < d.length; i++)
+    r[i] = r[i - 1] ^ d[i] ^ k[Math.floor(i % k.length)];
+
+  return r;
+}
+
+function xor_decrypt(key, data) {
+  var d = data,
+    k = stringToUtf8ByteArray(key),
+    r = [];
+
+  for (var i = 0; i < d.length; i++)
+    r[i] = d[i - 1] ^ d[i] ^ k[Math.floor(i % k.length)];
+
+  r.splice(0, r.indexOf(0) + 1);
+  return utf8ByteArrayToString(r);
+}
+
+  export default XORCipher;
\ No newline at end of file

From 8e25ed1e75180ecf74d3e17a1ebff0f49a310a98 Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Thu, 21 Sep 2023 14:18:06 +0200
Subject: [PATCH 5/6] cleanup

---
 js/9.5/buildForm.js      | 393 ---------------------------------------
 js/9.5/createTemplate.js | 210 ---------------------
 js/9.5/evts.js           | 193 -------------------
 js/9.5/files.js          | 313 -------------------------------
 js/9.5/form.js           | 289 ----------------------------
 js/9.5/identify.js       | 247 ------------------------
 js/9.5/init.js           | 151 ---------------
 js/9.5/main.js           |   7 -
 js/9.5/parseForm.js      | 366 ------------------------------------
 js/9.5/parseTemplate.js  | 374 -------------------------------------
 js/9.5/scripts.js        |  96 ----------
 js/9.5/sha256.min.js     |   3 -
 js/9.5/storage.js        | 223 ----------------------
 js/9.5/web.js            | 281 ----------------------------
 js/9.5/xorc.js           | 187 -------------------
 15 files changed, 3333 deletions(-)
 delete mode 100644 js/9.5/buildForm.js
 delete mode 100644 js/9.5/createTemplate.js
 delete mode 100644 js/9.5/evts.js
 delete mode 100644 js/9.5/files.js
 delete mode 100644 js/9.5/form.js
 delete mode 100644 js/9.5/identify.js
 delete mode 100644 js/9.5/init.js
 delete mode 100644 js/9.5/main.js
 delete mode 100644 js/9.5/parseForm.js
 delete mode 100644 js/9.5/parseTemplate.js
 delete mode 100644 js/9.5/scripts.js
 delete mode 100644 js/9.5/sha256.min.js
 delete mode 100644 js/9.5/storage.js
 delete mode 100644 js/9.5/web.js
 delete mode 100644 js/9.5/xorc.js

diff --git a/js/9.5/buildForm.js b/js/9.5/buildForm.js
deleted file mode 100644
index 3807d4c..0000000
--- a/js/9.5/buildForm.js
+++ /dev/null
@@ -1,393 +0,0 @@
-import { getFileName } from "./storage.js";
-
-function transformTemplateObject(objects) {
-  let form = document.createElement("FORM");
-  form.setAttribute("method", "post");
-  form.setAttribute("action", "javascript:void(0)");
-  form.setAttribute("id", "mainFormObj");
-  form.classList.add("w3-row");
-
-  let sidebarList = document.createElement("ul");
-  sidebarList.classList.add("w3-ul");
-
-  for (let i = 0; i < objects.length; i++) {
-    buildField(objects[i], form, sidebarList);
-  }
-
-  //console.log(objects);
-
-  //create sidebar submit button
-  let sidebarSubmitButton = document.createElement("li");
-  sidebarSubmitButton.classList.add(
-    "w3-bar-item",
-    "w3-padding-large",
-    "w3-button"
-  );
-  sidebarSubmitButton.style.borderTop = "2px solid #ddd";
-  sidebarSubmitButton.id = "sb-submit";
-  sidebarSubmitButton.innerHTML = "Save & Copy";
-  sidebarList.appendChild(sidebarSubmitButton);
-
-  //add sidebar elemnts to sidebar
-  document.getElementById("sidebar").appendChild(sidebarList);
-
-  //add form to mainForm Div
-  document.getElementById("mainForm").appendChild(form);
-
-  //create username and append field to site
-  let fileName = getFileName();
-  document.getElementById("submitContainer").appendChild(userFileNameDiv(fileName));
-
-  // create a Save button
-  let saveBtn = document.createElement("input");
-  saveBtn.setAttribute("type", "submit");
-  saveBtn.setAttribute("value", "Save");
-  saveBtn.classList.add("w3-button");
-  saveBtn.classList.add("w3-grey");
-  saveBtn.style.margin = "20px";
-  //append submit button to submitContainer
-  document.getElementById("submitContainer").appendChild(saveBtn);
-
-  // create a Copy button
-  let copyBtn = document.createElement("input");
-  copyBtn.setAttribute("type", "submit");
-  copyBtn.setAttribute("value", "Copy");
-  copyBtn.classList.add("w3-button");
-  copyBtn.classList.add("w3-grey");
-  copyBtn.style.margin = "20px 0px";
-  //append submit button to submitContainer
-  document.getElementById("submitContainer").appendChild(copyBtn);
-
-}
-
-
-function buildField(obj, form, sidebarList) {
-  //create template Input fields
-
-  let divContainer = document.createElement("DIV");
-  divContainer.classList.add("w3-half");
-  divContainer.classList.add("w3-container");
-
-  let div = document.createElement("DIV");
-  div.classList.add("w3-section");
-  div.classList.add("w3-flat-silver");
-
-  div.setAttribute("style", "padding: 10px");
-
-  let label = document.createElement("LABEL");
-
-  let connectedListsArray = [];
-
-  let ltPlaceholder;
-
-  //check for longtext:!li and convert it to standard longText
-  if (obj.type.indexOf("longText") !== -1) {
-    if (obj.type.indexOf(":") !== -1) {
-      ltPlaceholder = obj.type.split(":")[1];
-      if (ltPlaceholder !== undefined) {
-        let textarea = document.createElement("textarea");
-        textarea.setAttribute("name", obj.word.replace(/ /g, "_"));
-        textarea.setAttribute("id", obj.word.replace(/ /g, "_"));
-        textarea.setAttribute("cols", "100");
-        textarea.setAttribute("rows", "15");
-        textarea.classList.add("w3-input");
-        textarea.id = obj.word.replace(/ /g, "_");
-        divContainer.classList.remove("w3-half");
-        divContainer.classList.add("w3-center");
-        label.innerHTML = obj.word;
-        div.appendChild(label);
-        div.appendChild(textarea);
-      }
-    }
-  }
-
-
-  if (obj.type.indexOf("simpleInput") !== -1) {
-    if (obj.type.indexOf(":") !== -1) {
-      ltPlaceholder = obj.type.split(":")[1];
-      if (ltPlaceholder !== undefined) {
-        let input = document.createElement("input");
-        input.setAttribute("type", "text");
-        input.setAttribute("name", obj.word.replace(/ /g, "_"));
-        input.setAttribute("id", obj.word.replace(/ /g, "_"));
-        input.classList.add("w3-input");
-        input.id = obj.word.replace(/ /g, "_");
-        label.innerHTML = obj.word;
-        div.appendChild(label);
-        div.appendChild(input);
-      }
-    }
-  }
-
-  //check for markup:title and display it as none
-  if (obj.type.indexOf("markup") !== -1) {
-    if (obj.type.indexOf(":") !== -1) {
-      ltPlaceholder = obj.type.split(":")[1];
-      if (ltPlaceholder !== undefined) {
-        divContainer.classList.add("hidden");
-        let input = document.createElement("input");
-        input.setAttribute("type", "text");
-        input.setAttribute("name", obj.word.replace(/ /g, "_"));
-        input.id = obj.word.replace(/ /g, "_");
-        input.value = obj.word;
-        divContainer.style.display = "none";
-        label.innerHTML = obj.word;
-        div.appendChild(label);
-        div.appendChild(input);
-      }
-    }
-  }
-
-
-  switch (obj.type) {
-    case "genderSpecific":
-      let select = document.createElement("select");
-      select.setAttribute("name", obj.word.replace(/ /g, "_"));
-      select.id = obj.word.replace(/ /g, "_");
-      select.classList.add("w3-select");
-      if (typeof obj.m !== "undefined") {
-        let optionM = document.createElement("option");
-        optionM.value = obj.m;
-        optionM.text = obj.m;
-        select.appendChild(optionM);
-      }
-      if (typeof obj.w !== "undefined") {
-        let optionW = document.createElement("option");
-        optionW.value = obj.w;
-        optionW.text = obj.w;
-        select.appendChild(optionW);
-      }
-      if (typeof obj.d !== "undefined") {
-        let optionD = document.createElement("option");
-        optionD.value = obj.d;
-        optionD.text = obj.d;
-        select.appendChild(optionD);
-      }
-      label.innerHTML = obj.word;
-      div.appendChild(label);
-      div.appendChild(select);
-      break;
-
-    case "list":
-      let select2 = document.createElement("select");
-      select2.setAttribute("name", obj.word.replace(/ /g, "_"));
-      select2.classList.add("w3-select");
-      select2.id = obj.word.replace(/ /g, "_");
-      select2.setAttribute("id", obj.word.replace(/ /g, "_"));
-
-      for (let listItem = 0; listItem < obj.listCount + 1; listItem++) {
-        //console.log(obj[listItem]);
-        if (typeof obj[listItem] !== "undefined") {
-          let optionL = document.createElement("option");
-          optionL.value = obj[listItem];
-          optionL.text = obj[listItem];
-          select2.appendChild(optionL);
-        }
-      }
-      label.innerHTML = obj.word;
-      div.appendChild(label);
-      div.appendChild(select2);
-      break;
-
-    case "conList":
-      let select3 = document.createElement("select");
-      select3.setAttribute("name", "clM-"+obj.word.replace(/ /g, "_"));
-      select3.classList.add("w3-select");
-      select3.id = obj.word.replace(/ /g, "_");
-      let optionDefault = document.createElement("option");
-      optionDefault.value = "!none";
-      optionDefault.text = "Choose one";
-      select3.appendChild(optionDefault);
-
-
-      for (let listItem = 0; listItem < obj.listCount + 1; listItem++) {
-        //console.log(obj[listItem]);
-        if (typeof obj[listItem] !== "undefined") {
-          let optionL = document.createElement("option");
-          let item = obj[listItem];
-          optionL.value = item;
-          optionL.text = item;
-          select3.appendChild(optionL);
-          connectedListsArray.push({
-            word: item, 
-            type: obj["clType-"+item],
-            cl: obj.word
-          });
-        }
-      }
-      label.innerHTML = obj.word;
-
-      if (obj.listCount == 0) {
-        select3 = document.createElement("button");
-        select3.setAttribute("value", "!none");
-        select3.classList.add("w3-button", "w3-grey", "w3-left-align");
-        select3.id = obj.word.replace(/ /g, "_");
-        select3.innerHTML = "Show";
-        select3.setAttribute("name", "clM-"+obj.word.replace(/ /g, "_"));
-        select3.setAttribute("data-word", connectedListsArray[0].word);
-      } 
-
-      div.appendChild(label);
-      div.appendChild(document.createElement("br"));
-
-      div.appendChild(select3);
-
-
-      break;
-
-    case "simpleInput":
-      let input = document.createElement("input");
-      input.setAttribute("type", "text");
-      input.setAttribute("name", obj.word.replace(/ /g, "_"));
-      input.classList.add("w3-input");
-      input.id = obj.word.replace(/ /g, "_");
-      label.innerHTML = obj.word;
-      div.appendChild(label);
-      div.appendChild(input);
-      break;
-    case "longText":
-      let textarea = document.createElement("textarea");
-      textarea.setAttribute("name", obj.word.replace(/ /g, "_"));
-      textarea.setAttribute("cols", "100");
-      textarea.setAttribute("rows", "15");
-      textarea.classList.add("w3-input");
-      textarea.id = obj.word.replace(/ /g, "_");
-      label.innerHTML = obj.word;
-      divContainer.classList.remove("w3-half");
-      divContainer.classList.add("w3-center");
-      div.appendChild(label);
-      div.appendChild(textarea);
-      break;
-    case "current_time":
-      let input2 = document.createElement("input");
-      let today = new Date();
-      let currentTime =
-        today.getHours() + ":" + ("0" + today.getMinutes()).slice(-2);
-      //console.log(currentTime);
-      input2.setAttribute("type", "text");
-      input2.setAttribute("name", obj.word.replace(/ /g, "_"));
-      input2.setAttribute("value", currentTime);
-      input2.id = obj.word.replace(/ /g, "_");
-      div.setAttribute("style", "display: none;");
-      input2.classList.add("w3-input");
-      label.innerHTML = obj.word;
-      div.appendChild(label);
-      div.appendChild(input2);
-      break;
-    case "current_date":
-      let input3 = document.createElement("input");
-      var today2 = new Date();
-      var dd = String(today2.getDate()).padStart(2, "0");
-      var mm = String(today2.getMonth() + 1).padStart(2, "0"); //January is 0!
-      var yyyy = today2.getFullYear();
-      currentDate = dd + "." + mm + "." + yyyy;
-      input3.setAttribute("type", "text");
-      input3.setAttribute("name", obj.word.replace(/ /g, "_"));
-      input3.setAttribute("value", currentDate);
-      input3.id = obj.word.replace(/ /g, "_");
-      div.setAttribute("style", "display: none;");
-      input3.classList.add("w3-input");
-      label.innerHTML = obj.word;
-      div.appendChild(label);
-      div.appendChild(input3);
-      break;
-  }
-
-  //check if item is connected list item cl
-  if (obj.cl !== undefined) divContainer.classList.add("hidden");
-  if (obj.cl !== undefined) {
-    div.lastChild.setAttribute("name",
-      (ltPlaceholder !== undefined) ? "cl-"+obj.word.replace(/ /g, "_") +":"+ltPlaceholder : "cl-"+obj.word.replace(/ /g, "_"));
-  }
-
-  //append field to wrapper and add to mainForm
-  divContainer.appendChild(div);
-  form.appendChild(divContainer);
-
-  buildSidebarList(obj, sidebarList) 
-
-  //handle conList items 
-  if (obj.type == "conList") {
-    //build connected list fields according to obj
-    for (let conObj of connectedListsArray) {
-      buildField(conObj, form, sidebarList);
-    }
-
-    //set formEvent for selection detection to mainForm
-    if (obj.listCount == 0) {
-      document.getElementById("mainForm").addEventListener("click", (e) => {
-        if (e.target && e.target.matches("button#"+obj.word.replace(/ /g, "_"))) {
-          let button = document.getElementById(obj.word.replace(/ /g, "_"));
-          let con = button.dataset.word;
-          let conElement = document.getElementById(con);
-        if (conElement.parentElement.parentElement.classList.contains("hidden")) {
-            conElement.parentElement.parentElement.classList.remove("hidden");
-            button.value = "!selected";
-          } else {
-            conElement.parentElement.parentElement.classList.add("hidden");
-            button.value = "!none";
-          }
-        }
-      });
-    } else {
-      document.getElementById("mainForm").addEventListener("change", (e) => {
-        if (e.target && e.target.matches("select#"+obj.word.replace(/ /g, "_"))) {
-          let select = document.getElementById(obj.word.replace(/ /g, "_"));
-          for (let opt of select.options) {
-            if (opt.value == "!none") continue;
-            if (opt.innerHTML != select.value) {
-              document.getElementById(opt.innerHTML.replace(/ /g, "_")).parentElement.parentElement.classList.add("hidden");
-            } else {
-              document.getElementById(select.value.replace(/ /g, "_")).parentElement.parentElement.classList.remove("hidden");
-            }
-          }
-          for (let hiddenItems of document.getElementsByClassName("cl")) {
-            if (hiddenItems.innerHTML != select.value) {
-              hiddenItems.classList.add("hidden");
-            } else {
-              hiddenItems.classList.remove("hidden");
-            }
-          }
-        }
-      });
-    }
-  }
-}
-
-function buildSidebarList(obj, sidebarList) {
-      //build sidebarlist item and append
-      let sidebarListItem = document.createElement("li");
-      sidebarListItem.classList.add(
-        "w3-bar-item",
-        "w3-padding-large",
-        "w3-button",
-        "sb-item"
-      );
-      if (obj.cl !== undefined) sidebarListItem.classList.add("hidden", "cl");
-      sidebarListItem.style.borderBottom = "1px solid #ddd";
-      sidebarListItem.id = "sb-item";
-      sidebarListItem.setAttribute("data-item", obj.word.replace(/ /g, "_"));
-      sidebarListItem.innerHTML = obj.word;
-      sidebarListItem;
-      sidebarList.appendChild(sidebarListItem);
-}
-
-function userFileNameDiv(fileName) {
-  let divContainer = document.createElement("DIV");
-  divContainer.classList.add("w3-third", "w3-container");
-  divContainer.setAttribute("style", "padding: 0px");
-  let div = document.createElement("DIV");
-  div.classList.add("w3-section", "w3-flat-silver");
-  div.setAttribute("style", "padding: 5px");
-  let userFileNameInput = document.createElement("input");
-  userFileNameInput.setAttribute("type", "text");
-  userFileNameInput.setAttribute("name", "userFileName");
-  userFileNameInput.setAttribute("placeholder", fileName);
-  userFileNameInput.classList.add("w3-input");
-  userFileNameInput.id = "userFileName";
-  div.appendChild(userFileNameInput);
-  divContainer.appendChild(div);
-  return divContainer;
-}
-
-export default transformTemplateObject;
diff --git a/js/9.5/createTemplate.js b/js/9.5/createTemplate.js
deleted file mode 100644
index cf9a17d..0000000
--- a/js/9.5/createTemplate.js
+++ /dev/null
@@ -1,210 +0,0 @@
-import {setNewTemplate, loadTemplate} from "./web.js";
-import { retrieveData } from "./storage.js";
-import { hideMenus, modalNotifier } from "./evts.js";
-
-function createTemplate(template = false) {
-
-  
-    //set current page value in activeState object
-    activeState.activePage = "createTemplate";
-  
-    //check if user is authenticated and templateFilesArray is decryptable
-    let tF = retrieveData("templateFiles");
-    if (tF != "") {
-      try {
-        tF = JSON.parse(tF);
-      } catch (e) {
-        alert("Decryption failed; are you authenticated?");
-        window.location.reload();
-        return;
-      }
-    }
-
-  
-    if (screen.width > 992) {
-      document.getElementById("siteTitle").innerHTML = "Manage templates";
-    } else {
-      document.getElementById("siteTitle").innerHTML = "TG";
-    }
-  
-    //hide set Form button
-    document.getElementById("setFormButton").style.display = "none";
-
-    if (template) {
-        document.getElementById("templateInput").value = loadTemplate(template, false, "createTemplate");
-        return;
-    }
-  
-    //reset page and event listeners
-
-    hideMenus();
-
-    let mainFormDiv = document.getElementById("mainForm");
-    let outputDiv = document.getElementById("output");
-    let submitContainerDiv = document.getElementById("submitContainer");
-    let sidebarDiv = document.getElementById("sidebar");
-  
-    mainFormDiv.innerHTML = "";
-    mainFormDiv.replaceWith(mainFormDiv.cloneNode(true));
-    outputDiv.innerHTML = "";
-    outputDiv.replaceWith(outputDiv.cloneNode(true));
-    submitContainerDiv.innerHTML = "";
-    submitContainerDiv.replaceWith(submitContainerDiv.cloneNode(true));
-    sidebarDiv.innerHTML = "";
-    sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
-
-    document.getElementById("mainForm").appendChild(createTemplateInput());
-    document.getElementById("sidebar").appendChild(loadTemplateSidebar(activeState.templates));
-
-    //add events
-    if (!template) formEvts();
-  }
-
-  function createTemplateCallBack(fileName, data) {
-
-    document.getElementById("templateInput").value = data;
-    document.getElementById("userFileName").setAttribute("placeholder", fileName);
-  }
-
-  function loadTemplateSidebar(templates) {
-    let sidebarList = document.createElement("ul");
-    sidebarList.classList.add("w3-ul");
-    templates.push('_textBlocks');
-
-
-    for (let template of templates) {
-        let sidebarListItem = document.createElement("li");
-
-        sidebarListItem.classList.add(
-            "w3-bar-item",
-            "w3-padding-large",
-            "w3-button"
-        );
-        sidebarListItem.style.borderBottom = "1px solid #ddd";
-        sidebarListItem.id = "sb-item";
-        sidebarListItem.setAttribute("data-template", template);
-        sidebarListItem.innerHTML = template.replace(/_/g, " ");
-        sidebarList.appendChild(sidebarListItem);
-    }
-
-    return sidebarList;
-
-  }
-
-  function createTemplateInput() {
-  
-    let createTemplateDisplay = document.createElement("DIV");
-    createTemplateDisplay.classList.add(
-      "w3-row-padding",
-      "w3-padding-24",
-      "w3-container",
-      "w3-flat-clouds"
-    );
-    createTemplateDisplay.id = "createTemplateDisplayWrapper";
-
-
-    //start building submitContainer with save and filename
-
-
-    document.getElementById("submitContainer").appendChild(userFileNameDiv());
-
-    let saveButton = document.createElement("input");
-    saveButton.setAttribute("type", "submit");
-    saveButton.setAttribute("value", "Save");
-    saveButton.classList.add("w3-button");
-    saveButton.classList.add("w3-grey");
-    saveButton.style.margin = "20px";
-    document.getElementById("submitContainer").appendChild(saveButton);
-  
-    
-  
-    let divContainer = document.createElement("DIV");
-    divContainer.classList.add("w3-container", "w3-center");
-
-    let div = document.createElement("DIV");
-    div.classList.add("w3-section");
-    div.classList.add("w3-flat-silver");
-
-    div.setAttribute("style", "padding: 10px");
-
-
-
-    let textarea = document.createElement("textarea");
-    textarea.setAttribute("name", "templateInput");
-    textarea.setAttribute("id", "templateInput");
-    textarea.setAttribute("cols", "100");
-    textarea.setAttribute("rows", "30");
-    textarea.classList.add("w3-input");
-
-
-    div.appendChild(textarea);
-    divContainer.appendChild(div);
-
-
-    createTemplateDisplay.appendChild(divContainer);
-    return createTemplateDisplay;
-
-  }
-
-
-  function formEvts() {
-    //add event listener to submitContainer
-    document.getElementById("submitContainer").addEventListener("click", (e) => {
-      if (e.target && e.target.tagName === "INPUT") {
-        switch (e.target.value) {
-            case "Save":
-                let fileName;
-                let userFileNameField = document.getElementById("userFileName");
-                let userFileName = userFileNameField.value;
-                let userFileNamePH = userFileNameField.getAttribute("placeholder");
-                if (userFileName.length != 0) {
-                    fileName = userFileName;
-                  //clear old data as file switches to new filename
-                } else if (userFileNamePH.length != 0) {
-                  fileName = userFileNamePH;
-                } 
-                let data = document.getElementById("templateInput").value;
-                setNewTemplate(fileName, data);
-                modalNotifier(fileName+" saved!", 1);
-                e.target.className = e.target.className.replace(" w3-grey", " w3-flat-nephritis");
-                e.target.style.pointerEvents = "none";
-                const timeoutSave = setTimeout(() => {
-                  e.target.className = e.target.className.replace(" w3-flat-nephritis"," w3-grey");
-                  e.target.style.pointerEvents = "auto";
-                }, 250);
-                e.preventDefault;
-            break;
-            default:
-                e.preventDefault;
-        }
-      }
-    });
-    document.getElementById("sidebar").addEventListener("click", (e) => {
-        if (e.target && e.target.matches("li.w3-bar-item")) {
-          let template = e.target.dataset.template;
-          createTemplate(template);
-        }
-      });
-  }
-
-
-
-  function userFileNameDiv() {
-    let divContainer = document.createElement("DIV");
-    divContainer.classList.add("w3-third", "w3-container");
-    divContainer.setAttribute("style", "padding: 0px");
-    let div = document.createElement("DIV");
-    div.classList.add("w3-section", "w3-flat-silver", "w3-margin-left");
-    div.setAttribute("style", "padding: 5px");
-    let userFileNameInput = document.createElement("input");
-    userFileNameInput.setAttribute("type", "text");
-    userFileNameInput.setAttribute("name", "userFileName");
-    userFileNameInput.setAttribute("placeholder", "Enter a filename");
-    userFileNameInput.classList.add("w3-input");
-    userFileNameInput.id = "userFileName";
-    div.appendChild(userFileNameInput);
-    divContainer.appendChild(div);
-    return divContainer;
-  }
-
-export {createTemplate, createTemplateCallBack};
\ No newline at end of file
diff --git a/js/9.5/evts.js b/js/9.5/evts.js
deleted file mode 100644
index 7b168b0..0000000
--- a/js/9.5/evts.js
+++ /dev/null
@@ -1,193 +0,0 @@
-import {
-  clearData,
-  createStorageObj,
-  createBookShelf,
-  importBookShelf,
-} from "./storage.js";
-import {
-  loadTemplate,
-  storeFilesToServer,
-  setTemplatePreset,
-  checkForStoredDataOnServer,
-  delStoredDataOnServer
-} from "./web.js";
-import parseFormOnSubmit from "./parseForm.js";
-import { getUsrId } from "./scripts.js";
-
-function showMenu() {
-  var x = document.getElementById("navMob");
-  if (x.className.indexOf("w3-show") == -1) {
-    x.className += " w3-show";
-  } else {
-    x.className = x.className.replace(" w3-show", "");
-  }
-
-  if (screen.width < 993) {
-    let sidebar = document.getElementById("sidebar");
-    sidebar.style.display = "none";
-  }
-}
-function showSidebar() {
-  let sidebar = document.getElementById("sidebar");
-  if (getComputedStyle(sidebar).display === "none") {
-    sidebar.style.display = "block";
-    sidebar.style.marginTop = "35px";
-  } else {
-    sidebar.style.display = "none";
-  }
-
-  if (screen.width < 993) {
-    let navBar = document.getElementById("navMob");
-    navBar.className = navBar.className.replace(" w3-show", "");
-  }
-}
-
-function showTextBlocks() {
-  var x = document.getElementById("navTb");
-  if (x.className.indexOf("w3-show") == -1) {
-    x.className += " w3-show";
-  } else {
-    x.className = x.className.replace(" w3-show", "");
-  }
-
-  if (screen.width < 993) {
-    let sidebar = document.getElementById("sidebar");
-    sidebar.style.display = "none";
-  }
-}
-
-function insertTextBlocks(t) {
-  let insert = "!" + t.innerText.split(":")[0] + " ";
-  let id = activeState.lastElement;
-  let element = document.getElementById(id);
-  if (element === null) {
-    return;
-  }
-  element.value += insert;
-  let tB = document.getElementById("navTb");
-  tB.className.replace(" w3-show", "");
-  element.focus();
-}
-
-function handleOnBlur(t) {
-  activeState.lastElement = t.id;
-  createStorageObj();
-}
-
-function clickClearForm() {
-  //document.activeElement.blur();
-  //document.getElementById("sidebar").focus();
-  clearData("userInput");
-  let lT = activeState.loadedTemplate;
-  loadTemplate(lT);
-}
-
-function hideMenus() {
-  let sidebar = document.getElementById("sidebar");
-  sidebar.style.display = "none";
-  let navBar = document.getElementById("navMob");
-  navBar.className = navBar.className.replace(" w3-show", "");
-  let tbBar = document.getElementById("navTb");
-  tbBar.className = tbBar.className.replace(" w3-show", "");
-}
-
-function modalNotifier(msg, timeout) {
-  let modalElement = document.getElementById("modalNotifier");
-  let msgElement = document.getElementById("modalMsg");
-
-  modalElement.style.display = "block";
-  msgElement.innerHTML = msg;
-  if (timeout === undefined) {
-    const run = setTimeout(() => (modalElement.style.display = "none"), 5000);
-  } else if (timeout >= 1) {
-    const run = setTimeout(
-      () => (modalElement.style.display = "none"),
-      timeout * 1000
-    );
-  }
-}
-
-function clickSetForm(e) {
-  e.preventDefault;
-  let dataArray = parseFormOnSubmit(true);
-  let lT = activeState.loadedTemplate;
-  setTemplatePreset(lT, JSON.stringify(dataArray));
-  modalNotifier("Form Saved", 2);
-}
-
-function clickImportFiles() {
-  checkForStoredDataOnServer();
-  document.getElementById("modalMsg").addEventListener("click", (e) => {
-    if (e.target && e.target.tagName === "BUTTON") {
-      let modal = document.getElementById("modalNotifier");
-      switch (e.target.innerHTML) {
-        case "Import":
-          modal.replaceWith(modal.cloneNode(true));
-          document.getElementById("modalMsg").addEventListener("click", (e) => {
-            if (e.target && e.target.tagName === "BUTTON") {
-              let modal = document.getElementById("modalNotifier");
-              
-              switch (e.target.innerHTML) {
-                case "Yes":
-                  importBookShelf();
-                  modal.replaceWith(modal.cloneNode(true));
-                  modalNotifier("Imported!", 2);
-                  break;
-                case "Cancel":
-                  modal.replaceWith(modal.cloneNode(true));
-                  document.getElementById("modalNotifier").style.display = "none";
-                  break;
-                default:
-                  e.preventDefault;
-              }
-            }
-          })
-          modalNotifier(
-            "<div class='w3-container'> \
-            Would you like to import the backup created on: "+activeState.serverFilesTs.replace("_", " - ")+ "<br><br> \
-            <button class='w3-button w3-border w3-flat-wet-asphalt' >Yes</button> \
-            <button class='w3-button w3-border w3-flat-wet-asphalt' >Cancel</button></div>",
-          0);
-          break;
-        case "Save":
-          storeFilesToServer(createBookShelf());
-          modal.replaceWith(modal.cloneNode(true));
-          modalNotifier(
-            "Files saved to server <br><br> would you like to <a href='/storage/" +
-              getUsrId() +
-              ".txt' style='text-decoration: underline;' download>download</a> them?"
-          );
-          break;
-        case "Delete":
-          delStoredDataOnServer();
-          break;
-
-        default:
-          e.preventDefault;
-      }
-    }
-  });
-  modalNotifier(
-    "Here you can manage if your files should be saved on the server \
-    <br> If there are stored files already on the server you can inport them \
-    It will overwrite any saved documents <br><br> \
-    <div class='w3-container'> \
-    <button style='display: none;' id='importModalBtn' class='w3-button w3-border w3-flat-wet-asphalt' >Import</button> \
-    <button class='w3-button w3-border w3-flat-wet-asphalt' >Save</button> \
-    <button class='w3-button w3-border w3-flat-pomegranate' >Delete</button></div>", 
-  0);
-
-}
-
-export {
-  hideMenus,
-  showMenu,
-  showSidebar,
-  showTextBlocks,
-  insertTextBlocks,
-  handleOnBlur,
-  clickClearForm,
-  modalNotifier,
-  clickSetForm,
-  clickImportFiles,
-};
diff --git a/js/9.5/files.js b/js/9.5/files.js
deleted file mode 100644
index 1bcbb0b..0000000
--- a/js/9.5/files.js
+++ /dev/null
@@ -1,313 +0,0 @@
-import {
-  storeData,
-  clearData,
-  retrieveData,
-  createStorageObj,
-} from "./storage.js";
-import { loadTemplate } from "./web.js";
-import parseFormOnSubmit from "./parseForm.js";
-
-function buildFile() {
-  createStorageObj();
-
-
-  //set current page value in activeState object
-  activeState.activePage = "files";
-
-  //check if user is authenticated and templateFilesArray is decryptable
-  let tF = retrieveData("templateFiles");
-  if (tF != "") {
-    try {
-      tF = JSON.parse(tF);
-    } catch (e) {
-      alert("Decryption failed; are you authenticated?");
-      window.location.reload();
-      return;
-    }
-  }
-
-  if (tF == null) {
-    //console.log("none yet");
-    alert("there are no saved texts yet");
-    return;
-  }
-
-  if (screen.width > 992) {
-    document.getElementById("siteTitle").innerHTML = "Template Gen";
-  } else {
-    document.getElementById("siteTitle").innerHTML = "TG";
-  }
-
-  //hide set Form button
-  document.getElementById("setFormButton").style.display = "none";
-
-  //reset page and event listeners
-  let mainFormDiv = document.getElementById("mainForm");
-  let outputDiv = document.getElementById("output");
-  let submitContainerDiv = document.getElementById("submitContainer");
-  let sidebarDiv = document.getElementById("sidebar");
-
-  mainFormDiv.innerHTML = "";
-  mainFormDiv.replaceWith(mainFormDiv.cloneNode(true));
-  outputDiv.innerHTML = "";
-  outputDiv.replaceWith(outputDiv.cloneNode(true));
-  submitContainerDiv.innerHTML = "";
-  submitContainerDiv.replaceWith(submitContainerDiv.cloneNode(true));
-  sidebarDiv.innerHTML = "";
-  sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
-
-  document.getElementById("mainForm").innerHTML = mainFormPlaceholder();
-
-  document.getElementById("sidebar").appendChild(loadFileSidebar(tF));
-  document.getElementById("sidebar").addEventListener("click", (e) => {
-    if (e.target && e.target.matches("li.w3-bar-item")) {
-      let fileName = e.target.dataset.file;
-      let template = e.target.dataset.template;
-      clickLoadFileDiv(fileName, template);
-    }
-  });
-}
-
-function loadFileDiv(fileName, template) {
-  activeState.fileName = fileName;
-  activeState.loadedTemplate = template;
-
-  storeData("userInputForce", retrieveData(fileName, template));
-
-  loadTemplate(template, false, true);
-}
-
-function loadFileDivCallBack() {
-  let tF = JSON.parse(retrieveData("templateFiles"));
-  document.getElementById("sidebar").appendChild(loadFileSidebar(tF));
-
-  let lT = activeState.loadedTemplate;
-  let fN = activeState.fileName;
-  let storageName = fN + "-" + lT;
-
-  let fileDisplay = document.createElement("DIV");
-  fileDisplay.classList.add(
-    "w3-row-padding",
-    "w3-padding-24",
-    "w3-container",
-    "w3-flat-clouds"
-  );
-  fileDisplay.id = "fileDisplayWrapper";
-
-  //start building submitContainer with edit copy and delete
-  let editButton = document.createElement("input");
-  editButton.setAttribute("type", "submit");
-  editButton.setAttribute("value", "Edit");
-  editButton.classList.add("w3-button");
-  editButton.classList.add("w3-grey");
-  document.getElementById("submitContainer").appendChild(editButton);
-
-  document
-    .getElementById("submitContainer")
-    .appendChild(document.createTextNode(" "));
-
-  let copyButton = document.createElement("input");
-  copyButton.setAttribute("type", "submit");
-  copyButton.setAttribute("value", "Copy");
-  copyButton.classList.add("w3-button");
-  copyButton.classList.add("w3-grey");
-  document.getElementById("submitContainer").appendChild(copyButton);
-
-  document
-    .getElementById("submitContainer")
-    .appendChild(document.createTextNode(" "));
-
-  let deleteButton = document.createElement("input");
-  deleteButton.setAttribute("type", "submit");
-  deleteButton.setAttribute("value", "Delete");
-  deleteButton.classList.add("w3-button");
-  deleteButton.classList.add("w3-red");
-  document.getElementById("submitContainer").appendChild(deleteButton);
-
-  if (screen.width > 992) {
-    document.getElementById("siteTitle").innerHTML = lT.replace(/_/g, " ");
-  } else {
-    document.getElementById("siteTitle").innerHTML = "TG";
-  }
-
-
-  let title = document.createElement("div");
-  title.classList.add("w3-panel");
-  let titleText = document.createElement("h2");
-  titleText.innerText = fN.replace(/_/g, " ");
-  titleText.style.margin = "0px";
-  title.appendChild(titleText);
-  fileDisplay.appendChild(title);
-
-  let div = document.createElement("div");
-  div.appendChild(parseFormOnSubmit(false, true));
-  fileDisplay.appendChild(div);
-  document.getElementById("mainForm").appendChild(fileDisplay);
-
-  //add events
-  formEvts(storageName);
-}
-
-function clickLoadFileDiv(fileName, template) {
-  document.getElementById("mainForm").innerHTML = "";
-  loadFileDiv(fileName, template);
-}
-
-function clearFileData(storData) {
-  let fileName = storData.split("-")[0];
-
-  let tF = JSON.parse(retrieveData("templateFiles"));
-  let newArray = [];
-  for (let obj of tF) {
-    if (obj.fileName != fileName) {
-      newArray.push(obj);
-    }
-  }
-  storeData("templateFiles", JSON.stringify(newArray));
-
-  clearData(fileName);
-  clearData("userInput");
-
-  document.getElementById("mainForm").innerHTML = "";
-  document.getElementById("output").innerHTML = "";
-  document.getElementById("submitContainer").innerHTML = "";
-  document.getElementById("sidebar").innerHTML = "";
-  document.getElementById("mainForm").innerHTML = mainFormPlaceholder();
-  document.getElementById("sidebar").appendChild(loadFileSidebar(newArray));
-}
-
-function loadFileSidebar(tF) {
-  let sidebarList = document.createElement("ul");
-  sidebarList.classList.add("w3-ul");
-
-  for (let obj of tF) {
-    let sidebarListItem = document.createElement("li");
-    sidebarListItem.classList.add(
-      "w3-bar-item",
-      "w3-padding-large",
-      "w3-button"
-    );
-    sidebarListItem.style.borderBottom = "1px solid #ddd";
-    sidebarListItem.id = "sb-" + obj.fileName.replace(/:/g, "_");
-    sidebarListItem.innerHTML =
-      obj.fileName.replace(/_/g, " ") + " - " + obj.template.replace(/_/g, " ");
-    sidebarListItem.setAttribute("data-file", obj.fileName);
-    sidebarListItem.setAttribute("data-template", obj.template);
-    sidebarList.appendChild(sidebarListItem);
-  }
-  return sidebarList;
-}
-
-function mainFormPlaceholder(msg = "Select a file") {
-  return "<div class='w3-row-padding w3-padding-24 w3-container w3-flat-clouds'><div class='w3-code notranslate w3-border-white' style='font-family: Arial, Helvetica, sans-serif;'><p>" + msg + "</p><br><br><br><br><br><br><br><br><br><br><br></div></div>";
-}
-
-function copyFileToClipboard() {
-  const fileDisplay = document.getElementById("fileDisplay");
-  if (fileDisplay != null) {
-    copyToClipBoard(fileDisplay.innerHTML);
-  } else {
-    console.log("error file not found");
-  }
-
-}
-
-function copyToClipBoard(html) {
-  // Create an iframe (isolated container) for the HTML
-  var container = document.createElement("div");
-  container.innerHTML = html;
-
-  // Hide element
-  container.style.position = "fixed";
-  container.style.pointerEvents = "none";
-  container.style.opacity = 0;
-
-  // Detect all style sheets of the page
-  var activeSheets = Array.prototype.slice
-    .call(document.styleSheets)
-    .filter(function (sheet) {
-      return !sheet.disabled;
-    });
-
-  // Mount the iframe to the DOM to make `contentWindow` available
-  document.body.appendChild(container);
-
-  // Copy to clipboard
-  window.getSelection().removeAllRanges();
-
-  var range = document.createRange();
-  range.selectNode(container);
-  window.getSelection().addRange(range);
-
-  document.execCommand("copy");
-  for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true;
-  document.execCommand("copy");
-  for (var i = 0; i < activeSheets.length; i++)
-    activeSheets[i].disabled = false;
-
-  // Remove the iframe
-  document.body.removeChild(container);
-}
-
-function formEvts(storageName) {
-  //add event listener to submitContainer
-  document.getElementById("submitContainer").addEventListener("click", (e) => {
-    if (e.target && e.target.tagName === "INPUT") {
-      switch (e.target.value) {
-        case "Edit":
-          loadSpecificTemplate(storageName);
-          break;
-        case "Copy":
-          copyFileToClipboard();
-          e.target.className = e.target.className.replace(" w3-grey", " w3-flat-carrot");
-          e.target.style.pointerEvents = "none";
-          const timeoutCopy = setTimeout(() => {
-            e.target.className = e.target.className.replace(" w3-flat-carrot"," w3-grey");
-            e.target.style.pointerEvents = "auto";
-          }, 250);
-          break;
-        case "Delete":
-          let previousFile = getPreviousFile(storageName);
-          clearFileData(storageName);
-          document.getElementById("mainForm").innerHTML = "";
-          if (previousFile) {
-            loadFileDiv(previousFile.fileName, previousFile.template);
-          } else {
-            document.getElementById("mainForm").innerHTML = mainFormPlaceholder("No file yet");
-          }
-
-          break;
-        default:
-          e.preventDefault;
-      }
-    }
-  });
-}
-
-function loadSpecificTemplate(storageName) {
-  storeData(
-    "userInputForce",
-    retrieveData(storageName.split("-")[0], storageName.split("-")[1])
-  );
-  loadTemplate(storageName.split("-")[1]);
-}
-
-function getPreviousFile(storageName) {
-
-  let orgFileName = storageName.split("-")[0];
-  let tF = JSON.parse(retrieveData("templateFiles"));
-  let i = 0;
-  let previousFile;
-
-  for (let obj of tF) {
-    if (obj.fileName == orgFileName) {
-      previousFile = tF[i-1];
-      break;
-    }
-    i++;
-  }
-
-  return (previousFile != undefined) ?  previousFile : false;
-}
-
-export { buildFile, loadFileDivCallBack };
diff --git a/js/9.5/form.js b/js/9.5/form.js
deleted file mode 100644
index 1bbc80e..0000000
--- a/js/9.5/form.js
+++ /dev/null
@@ -1,289 +0,0 @@
-
-import { storeData, createStorageObj } from "./storage.js";
-import parseInput from "./parseTemplate.js";
-import transformTemplateObject from "./buildForm.js";
-import { showSidebar, handleOnBlur } from "./evts.js";
-import parseFormOnSubmit, { parseTextMarkups } from "./parseForm.js";
-
-function buildForm(templateInput, loadOnly = false) {
-  var wordArray = [];
-
-  //display set Form button
-  document.getElementById("setFormButton").style.display = "block";
-
-  //check for presets in "-form.txt" file; indicated by !JSON_placeholder
-  if (templateInput.indexOf("!JSON_placeholder:") !== -1) {
-    let jsonPlaceholder = templateInput.split("!JSON_placeholder:")[1];
-    templateInput = templateInput.split("!JSON_placeholder:")[0];
-    storeData("templatePreset", jsonPlaceholder);
-  }
-  //start building wordArray by splitting input by line win/unix and define eol char for recreating templateInput
-  let eol;
-  if (templateInput.indexOf("\r\n") !== -1) {
-    eol = false;
-    var wordArrayByLine = templateInput.split("\r\n");
-  } else {
-    eol = true;
-    var wordArrayByLine = templateInput.split("\n");
-  }
-  //finish building wordArray by Looping through lines and spliting it into one array of words
-  //also create temporary templateInput to exclude comments
-  let templateInputArr = [];
-  for (let wordArrayByLineLine of wordArrayByLine) {
-    //ignore "#" comment lines
-    if (wordArrayByLineLine.substring(0, 1) == "#") {
-      continue;
-    }
-
-    //add words ob lines to wordArray
-    wordArray = wordArray.concat(wordArrayByLineLine.split(" "));
-    //add line to temp templatearray
-    templateInputArr.push(wordArrayByLineLine);
-  }
-
-  //create templateInput without comments
-  templateInput = templateInputArr.join(eol ? "\n" : "\r\n");
-
-  //parse text markups like !l !n in templateInput
-  templateInput = parseTextMarkups(templateInput);
-
-  //set objects array for parseInput Function
-  var objects = [];
-  //loop through words, parse it individually and add it to objects array
-
-
-  for (let i = 0; i < wordArray.length; i++) {
-    parseInput(wordArray, objects, i);
-    //console.log(wordArray[i]);
-  }
-
-  //set individual positionens of objects in string and add it to objects
-  setStringPos(objects, templateInput);
-
-  //save objects array and template file string for web.js in session storage
-  window.sessionStorage.setItem("templateObjects", JSON.stringify(objects));
-  window.sessionStorage.setItem("fullString", templateInput);
-
-  //sort objects array by words prio
-  objects = prioritizeArray(objects);
-
-  //remove non display objects and safe it to session storage
-  let objectsPurified = purifyObjects(objects);
-  window.sessionStorage.setItem(
-    "templateObjectsPurified",
-    JSON.stringify(objectsPurified)
-  );
-
-  //reset page and event listeners
-  let mainFormDiv = document.getElementById("mainForm");
-  let outputDiv = document.getElementById("output");
-  let submitContainerDiv = document.getElementById("submitContainer");
-  let sidebarDiv = document.getElementById("sidebar");
-  //sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
-
-  mainFormDiv.innerHTML = "";
-  mainFormDiv.replaceWith(mainFormDiv.cloneNode(true));
-  outputDiv.innerHTML = "";
-  outputDiv.replaceWith(outputDiv.cloneNode(true));
-  submitContainerDiv.innerHTML = "";
-  submitContainerDiv.replaceWith(submitContainerDiv.cloneNode(true));
-  sidebarDiv.innerHTML = "";
-
-  //finally build html code for Form and siddebar and add it to dom if needed
-  if (loadOnly) {return};
-  
-  transformTemplateObject(objectsPurified);
-  //add events
-  formEvts();
-}
-
-function prioritizeArray(objects) {
-  let prioArray = [];
-  let objects_sorted = [];
-
-  for (let valPreSorted of objects) {
-    prioArray.push(valPreSorted.prio);
-  }
-  prioArray.sort(function (a, b) {
-    return a - b;
-  });
-  //console.log(prioArray);
-  for (let valSorted of prioArray) {
-    for (let obj of objects) {
-      if (valSorted === obj.prio) {
-        objects_sorted.push(obj);
-        if (obj.prio !== 0) {
-          break;
-        }
-      }
-    }
-  }
-  return objects_sorted;
-}
-
-function purifyObjects(objects) {
-  let objectsPurified = [];
-  let objectsPrePurified = [];
-  for (let objPrePurified of objects) {
-    if (!objectsPrePurified.includes(objPrePurified.word)) {
-      objectsPurified.push(objPrePurified);
-    }
-    objectsPrePurified.push(objPrePurified.word);
-  }
-  return objectsPurified;
-}
-
-function setStringPos(objects, fullStringMaster) {
-  let stringCursor = 0;
-  let startPos = 0;
-  let endPos = 0;
-  let fullString = "";
-  for (let obj of objects) {
-    fullString = fullStringMaster.substring(stringCursor);
-    if (fullString.indexOf("%" + obj.word) !== -1) {
-      startPos = 0;
-      endPos = 0;
-      startPos = fullString.indexOf("%" + obj.word) + stringCursor;
-      let objPrioLength = 1;
-      if (obj.prio > 9) {
-        objPrioLength = 2;
-      }
-      if (obj.prio == 0) {
-        objPrioLength = 0;
-      }
-
-      switch (obj.type) {
-        case "simpleInput":
-          endPos = startPos + 2 + obj.word.length + objPrioLength;
-          break;
-        case "genderSpecific":
-          let gSC = 0;
-          if (typeof obj.m !== "undefined") {
-            gSC = gSC + obj.m.length + 3;
-          }
-          if (typeof obj.w !== "undefined") {
-            gSC = gSC + obj.w.length + 3;
-          }
-          if (typeof obj.d !== "undefined") {
-            gSC = gSC + obj.d.length + 3;
-          }
-          endPos = startPos + 2 + gSC + objPrioLength + obj.word.length + 1;
-          break;
-        case "list":
-          let gSC1 = 0;
-          for (
-            let objListItem = 0;
-            objListItem < obj.listCount + 1;
-            objListItem++
-          ) {
-            if (typeof obj[objListItem] !== "undefined") {
-              gSC1 = gSC1 + obj[objListItem].length + 3;
-            }
-          }
-          endPos = startPos + 2 + gSC1 + objPrioLength + obj.word.length + 1;
-          break;
-        case "conList":
-          let gSC2 = 0;
-          for (
-            let objListItem = 0;
-            objListItem < obj.listCount + 1;
-            objListItem++
-          ) {
-            if (typeof obj[objListItem] !== "undefined") {
-              gSC2 = gSC2 + obj[objListItem].length + obj["clType-"+obj[objListItem]].length + 4;
-              if (obj["clType-"+obj[objListItem]] == "cl-simpleInput") {
-                gSC2 = gSC2 - obj["clType-"+obj[objListItem]].length;
-              }
-            }
-          }
-          endPos = startPos + 2 + gSC2 + objPrioLength + obj.word.length + 1;
-          break;
-        default:
-          endPos =
-            startPos +
-            2 +
-            obj.word.length +
-            1 +
-            obj.type.length +
-            objPrioLength;
-          break;
-      }
-      obj.spos = startPos;
-      obj.epos = endPos;
-      stringCursor = endPos;
-    }
-  }
-}
-
-function formEvts() {
-  //add event for main copy button
-  document.getElementById("submitContainer").addEventListener("click", (e) => {
-    if (e.target && e.target.tagName === "INPUT") {
-      switch (e.target.value) {
-        case "Copy":
-          createStorageObj();
-          parseFormOnSubmit();
-          e.target.className = e.target.className.replace(" w3-grey", " w3-flat-carrot");
-          e.target.style.pointerEvents = "none";
-          const timeoutCopy = setTimeout(() => {
-            e.target.className = e.target.className.replace(" w3-flat-carrot"," w3-grey");
-            e.target.style.pointerEvents = "auto";
-          }, 250);
-          break;
-        case "Save":
-          createStorageObj();
-          e.target.className = e.target.className.replace(" w3-grey", " w3-flat-nephritis");
-          e.target.style.pointerEvents = "none";
-          const timeoutSave = setTimeout(() => {
-            e.target.className = e.target.className.replace(" w3-flat-nephritis"," w3-grey");
-            e.target.style.pointerEvents = "auto";
-          }, 250);
-          break;
-        default:
-          e.preventDefault;
-      }
-    }
-  });
-
-  //add sidebar events
-  document.getElementById("sidebar").addEventListener("click", (e) => {
-    if (e.target) {
-      if (e.target.id == "sb-submit") {
-        if (screen.width < 993) {
-          showSidebar();
-        }
-        parseFormOnSubmit();
-        focusOnField("output");
-      }
-      if (e.target.id == "sb-item") {
-        setTimeout(() => {
-          focusOnField(e.target.dataset.item);
-        }, 100);
-      }
-    }
-  });
-
-  //add handle on blur event listener to each form object
-  let mainForm = document.getElementById("mainFormObj");
-  for (let formElement of mainForm.children) {
-    let id = formElement.firstChild.lastChild.id;
-    document.getElementById(id).addEventListener("blur", (e) => {
-      e.preventDefault;
-      handleOnBlur(e.target);
-    });
-  }
-}
-
-function focusOnField(id) {
-  let targetElement = document.getElementById(id);
-  if (targetElement == null) return;
-  
-  document.activeElement.blur();
-  targetElement.focus();
-  setTimeout(function () {
-    let offset = targetElement.offsetTop - 100;
-    window.scrollTo(0, offset);
-  }, 100);
-}
-
-export default buildForm;
diff --git a/js/9.5/identify.js b/js/9.5/identify.js
deleted file mode 100644
index 6a40e5c..0000000
--- a/js/9.5/identify.js
+++ /dev/null
@@ -1,247 +0,0 @@
-const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debug = false } = {}) => {
-  const devicePixelRatio = +parseInt(window.devicePixelRatio);
-
-  const {
-    appName,
-    appCodeName,
-    appVersion,
-    cookieEnabled,
-    deviceMemory,
-    doNotTrack,
-    hardwareConcurrency,
-    language,
-    languages,
-    maxTouchPoints,
-    platform,
-    product,
-    productSub,
-    userAgent,
-    vendor,
-    vendorSub,
-  } = window.navigator;
-
-  const { width, height, colorDepth, pixelDepth } = window.screen;
-  const timezoneOffset = new Date().getTimezoneOffset();
-  const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-  const touchSupport = 'ontouchstart' in window;
-
-  const canvas = getCanvasID(debug);
-  const webgl = enableWebgl ? getWebglID(debug) : undefined; // undefined will remove this from the stringify down here
-  const webglInfo = enableWebgl ? getWebglInfo(debug) : undefined; // undefined will remove this from the stringify down here
-
-  const data = hardwareOnly
-    ? JSON.stringify({
-        canvas,
-        colorDepth,
-        deviceMemory,
-        devicePixelRatio,
-        hardwareConcurrency,
-        height,
-        maxTouchPoints,
-        pixelDepth,
-        platform,
-        touchSupport,
-        webgl,
-        webglInfo,
-        width,
-      })
-    : JSON.stringify({
-        appCodeName,
-        appName,
-        appVersion,
-        canvas,
-        colorDepth,
-        cookieEnabled,
-        deviceMemory,
-        devicePixelRatio,
-        doNotTrack,
-        hardwareConcurrency,
-        height,
-        language,
-        languages,
-        maxTouchPoints,
-        pixelDepth,
-        platform,
-        product,
-        productSub,
-        timezone,
-        timezoneOffset,
-        touchSupport,
-        userAgent,
-        vendor,
-        vendorSub,
-        webgl,
-        webglInfo,
-        width,
-      });
-
-  const datastring = JSON.stringify(data, null, 4);
-
-  if (debug) console.log('fingerprint data', datastring);
-
-  const result = murmurhash3_32_gc(datastring);
-  return result;
-};
-
-export const getCanvasID = (debug) => {
-  try {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    const text = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ`~1!2@3#4$5%6^7&8*9(0)-_=+[{]}|;:',<.>/?";
-    ctx.textBaseline = 'top';
-    ctx.font = "14px 'Arial'";
-    ctx.textBaseline = 'alphabetic';
-    ctx.fillStyle = '#f60';
-    ctx.fillRect(125, 1, 62, 20);
-    ctx.fillStyle = '#069';
-    ctx.fillText(text, 2, 15);
-    ctx.fillStyle = 'rgba(102, 204, 0, 0.7)';
-    ctx.fillText(text, 4, 17);
-
-    const result = canvas.toDataURL();
-
-    if (debug) {
-      document.body.appendChild(canvas);
-    } else {
-      ctx.clearRect(0, 0, canvas.width, canvas.height);
-    }
-
-    return murmurhash3_32_gc(result);
-  } catch {
-    return null;
-  }
-};
-
-export const getWebglID = (debug) => {
-  try {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('webgl');
-    canvas.width = 256;
-    canvas.height = 128;
-
-    const f =
-      'attribute vec2 attrVertex;varying vec2 varyinTexCoordinate;uniform vec2 uniformOffset;void main(){varyinTexCoordinate=attrVertex+uniformOffset;gl_Position=vec4(attrVertex,0,1);}';
-    const g = 'precision mediump float;varying vec2 varyinTexCoordinate;void main() {gl_FragColor=vec4(varyinTexCoordinate,0,1);}';
-    const h = ctx.createBuffer();
-
-    ctx.bindBuffer(ctx.ARRAY_BUFFER, h);
-
-    const i = new Float32Array([-0.2, -0.9, 0, 0.4, -0.26, 0, 0, 0.7321, 0]);
-
-    ctx.bufferData(ctx.ARRAY_BUFFER, i, ctx.STATIC_DRAW), (h.itemSize = 3), (h.numItems = 3);
-
-    const j = ctx.createProgram();
-    const k = ctx.createShader(ctx.VERTEX_SHADER);
-
-    ctx.shaderSource(k, f);
-    ctx.compileShader(k);
-
-    const l = ctx.createShader(ctx.FRAGMENT_SHADER);
-
-    ctx.shaderSource(l, g);
-    ctx.compileShader(l);
-    ctx.attachShader(j, k);
-    ctx.attachShader(j, l);
-    ctx.linkProgram(j);
-    ctx.useProgram(j);
-
-    j.vertexPosAttrib = ctx.getAttribLocation(j, 'attrVertex');
-    j.offsetUniform = ctx.getUniformLocation(j, 'uniformOffset');
-
-    ctx.enableVertexAttribArray(j.vertexPosArray);
-    ctx.vertexAttribPointer(j.vertexPosAttrib, h.itemSize, ctx.FLOAT, !1, 0, 0);
-    ctx.uniform2f(j.offsetUniform, 1, 1);
-    ctx.drawArrays(ctx.TRIANGLE_STRIP, 0, h.numItems);
-
-    const n = new Uint8Array(canvas.width * canvas.height * 4);
-    ctx.readPixels(0, 0, canvas.width, canvas.height, ctx.RGBA, ctx.UNSIGNED_BYTE, n);
-
-    const result = JSON.stringify(n).replace(/,?"[0-9]+":/g, '');
-
-    if (debug) {
-      document.body.appendChild(canvas);
-    } else {
-      ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT | ctx.STENCIL_BUFFER_BIT);
-    }
-
-    return murmurhash3_32_gc(result);
-  } catch {
-    return null;
-  }
-};
-
-export const getWebglInfo = () => {
-  try {
-    const ctx = document.createElement('canvas').getContext('webgl');
-
-    const result = {
-      VERSION: ctx.getParameter(ctx.VERSION),
-      SHADING_LANGUAGE_VERSION: ctx.getParameter(ctx.SHADING_LANGUAGE_VERSION),
-      VENDOR: ctx.getParameter(ctx.VENDOR),
-      SUPORTED_EXTENSIONS: ctx.getSupportedExtensions(),
-    };
-
-    return result;
-  } catch {
-    return null;
-  }
-};
-
-export const murmurhash3_32_gc = (key) => {
-  const remainder = key.length & 3; // key.length % 4
-  const bytes = key.length - remainder;
-  const c1 = 0xcc9e2d51;
-  const c2 = 0x1b873593;
-
-  let h1, h1b, k1;
-
-  for (let i = 0; i < bytes; i++) {
-    k1 = (key.charCodeAt(i) & 0xff) | ((key.charCodeAt(++i) & 0xff) << 8) | ((key.charCodeAt(++i) & 0xff) << 16) | ((key.charCodeAt(++i) & 0xff) << 24);
-    ++i;
-
-    k1 = ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
-    k1 = (k1 << 15) | (k1 >>> 17);
-    k1 = ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
-
-    h1 ^= k1;
-    h1 = (h1 << 13) | (h1 >>> 19);
-    h1b = ((h1 & 0xffff) * 5 + ((((h1 >>> 16) * 5) & 0xffff) << 16)) & 0xffffffff;
-    h1 = (h1b & 0xffff) + 0x6b64 + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16);
-  }
-
-  const i = bytes - 1;
-
-  k1 = 0;
-
-  switch (remainder) {
-    case 3: {
-      k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
-      break;
-    }
-    case 2: {
-      k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
-      break;
-    }
-    case 1: {
-      k1 ^= key.charCodeAt(i) & 0xff;
-      break;
-    }
-  }
-
-  k1 = ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
-  k1 = (k1 << 15) | (k1 >>> 17);
-  k1 = ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
-  h1 ^= k1;
-
-  h1 ^= key.length;
-
-  h1 ^= h1 >>> 16;
-  h1 = ((h1 & 0xffff) * 0x85ebca6b + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
-  h1 ^= h1 >>> 13;
-  h1 = ((h1 & 0xffff) * 0xc2b2ae35 + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16)) & 0xffffffff;
-  h1 ^= h1 >>> 16;
-
-  return h1 >>> 0;
-};
-
-export default getBrowserFingerprint;
diff --git a/js/9.5/init.js b/js/9.5/init.js
deleted file mode 100644
index f3fcbd7..0000000
--- a/js/9.5/init.js
+++ /dev/null
@@ -1,151 +0,0 @@
-import { hideMenus, showMenu, showSidebar, showTextBlocks, clickSetForm, clickImportFiles } from "./evts.js";
-import { buildFile } from "./files.js";
-import setPassword, { passwordHash } from "./scripts.js";
-import { getUsrId } from "./scripts.js";
-import parseFormOnSubmit from "./parseForm.js";
-import { createStorageObj } from "./storage.js";
-import XORCipher from "./xorc.js";
-import sha256 from "./sha256.min.js";
-import { loadNavBar, initTextBlocks } from "./web.js";
-
-
-window.activeState = {
-  userId: getUsrId(),
-  activePage: "landing",
-  loadedTemplate: "",
-  fileName: "",
-  lastElement: "",
-  serverFilesTs: "",
-  templates: [],
-  templateFieldTypes: [
-    "simpleInput",
-    "longText",
-    "hiddenField",
-    "current_time",
-    "current_date",
-    "markup",
-  ],
-  markups: [
-    "title",
-    "link",
-    "italic",
-    "green_highlighted",
-    "highlighted",
-  ]
-};
-
-
-function init() {
-
-  //check if user is logged in 
-  let verfiedStatus = window.sessionStorage.getItem(sha256("verified"));
-  if (verfiedStatus != null) {
-    //user logged in
-
-    //write verifiedStatus content into passwordHash for decode check later
-    passwordHash.set(XORCipher.decode(sha256("passwordHash"), verfiedStatus));
-    document.getElementById("login").style.display = "none";
-
-  } else {
-    document.getElementById("login").style.display = "block";
-  }
-
-  //load NavigationBar with templates according to server
-  loadNavBar();
-
-  //init Textblocks field with entries according to server
-  initTextBlocks();
-
-  //add event listeners to document and window
-  eventListeners();
-
-  //print current version to footer
-  printVersion();
-
-  //adjust title for mobile use
-  if (screen.width < 993) {
-    document.getElementById("siteTitle").innerHTML = "TG";
-  }
-
-
-  
-}
-
-function eventListeners() {
-
-  //add hideMenu to Body
-  document
-  .getElementsByClassName("w3-main")[0]
-  .addEventListener("click", hideMenus);
-
-//add set Password to loginForm
-document
-  .getElementById("submitPassword")
-  .addEventListener("click", setPassword);
-//add toggle Navigation Menu
-document
-  .getElementById("toggleNavigationMenu")
-  .addEventListener("click", showMenu);
-//add loadTemplateBtn event showMenu
-document
-  .getElementById("loadTemplateBtn")
-  .addEventListener("click", showMenu);  
-//add toggle sideBar Menu
-document
-  .getElementById("toggleSidebarMenu")
-  .addEventListener("click", showSidebar);
-//add toggle files Menu and sidebar button
-document
-  .getElementById("toggleFilesMenuSB")
-  .addEventListener("click", buildFile);
-document
-  .getElementById("toggleFilesMenu")
-  .addEventListener("click", buildFile);
-//add load template sidebar entry
-document
-  .getElementById("loadTemplateBtn")
-  .addEventListener("click", showMenu);  
-//add toggle textBLocks Menu
-document
-  .getElementById("toggleTestBlocksMenu")
-  .addEventListener("click", showTextBlocks);
-
-//add setFormBtn for use in form
-document
-  .getElementById("setFormBtn")
-  .addEventListener("click", (e) => clickSetForm(e));
-
-//add saveFiles to server listener on launch page
-document
-  .getElementById("importFilesSB")
-  .addEventListener("click", () => clickImportFiles());
-
-//add key listener for ctrl s in form mode
-window.addEventListener("keydown", (e) => {
-
-  if (e.ctrlKey && e.key == "s") { 
-    if (activeState.activePage == "form");
-    createStorageObj();
-    parseFormOnSubmit();
-    e.preventDefault(); 
-  }
-})
-}
-
-function printVersion() {
-  const scripts = document.getElementsByTagName("script");
-  const versionSpan = document.getElementById("currentVersion").lastChild;
-
-  for (var i=0;i<scripts.length;i++) {
-    if (scripts[i].src) {
-      let source = scripts[i].src;
-      // js/version/main.js
-      let pathVersion = source.split("/");
-      pathVersion = pathVersion[pathVersion.length-2];
-      //add it to document footer currentVersion
-      versionSpan.textContent = "version: " + pathVersion;
-    }
- }
-}
-
-export default init;
diff --git a/js/9.5/main.js b/js/9.5/main.js
deleted file mode 100644
index 5d94a99..0000000
--- a/js/9.5/main.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import init from "./init.js";
-
-
-document.addEventListener("DOMContentLoaded", () => init());
-
-
-
diff --git a/js/9.5/parseForm.js b/js/9.5/parseForm.js
deleted file mode 100644
index 08a6021..0000000
--- a/js/9.5/parseForm.js
+++ /dev/null
@@ -1,366 +0,0 @@
-import { storeData, clearData, retrieveData } from "./storage.js";
-
-function parseFormOnSubmit(returnJSON = false, parseOnly = false) {
-    //event.preventDefault;
-  
-    let dataArray = [];
-  
-    if (parseOnly) {
-      let lT = activeState.loadedTemplate;
-      dataArray = retrieveData("userInputForce", lT);
-      if (dataArray != "") {
-        try {
-          dataArray = JSON.parse(dataArray);
-        } catch (e) {
-          alert("Decryption failed; are you authenticated?");
-          window.location.reload();
-          return;
-        }
-      }
-      if (dataArray == null) {
-        let wrapper = document.createElement("div");
-        wrapper.innerHTML = mainFormPlaceholder();
-        let div = wrapper.firstChild;
-        return div;
-      }
-
-      if (dataArray.length <= 0) {
-        let wrapper = document.createElement("div");
-        wrapper.innerHTML = mainFormPlaceholder();
-        let div = wrapper.firstChild;
-        return div;
-      }
-
-    } else {
-      let x = document.getElementById("mainFormObj");
-      
-      if (x != null) {
-        for (let i = 0; i < x.length; i++) {
-          dataArray.push({
-            value: x.elements[i].value,
-            name: x.elements[i].name,
-          });
-        }
-      }
-
-      //set filename to active state according to userFileName field from loadTemplate
-      let userFileNameField = document.getElementById("userFileName");
-      let userFileName = userFileNameField.value;
-      let userFileNamePH = userFileNameField.getAttribute("placeholder");
-      if (userFileName.length != 0) {
-        activeState.fileName = userFileName;
-      } else if (userFileNamePH != null) {
-        activeState.fileName = userFileNamePH;
-      } 
-    }
-
-  
-    //get original objects from sessionstorage gen from loadTemplate
-    let objects = JSON.parse(window.sessionStorage.getItem("templateObjects"));
-
-    //get the complete unparsed template string from sessionstorage from loadTemplate
-    let fullString = window.sessionStorage.getItem("fullString");
-  
-    let b = "";
-  
-    if (objects == null) {
-      return;
-    }
-
-
-    //iterate through templateObjects and look for according formdata
-    for (let obj of objects) {
-      for (let data of dataArray) {
-        //convert conList Master name to default name as set flag for appending connected list fields cl-name
-        let conListFlag = false;
-        if (data.name.split("-")[0] == "clM") {
-          if (data.name.substring(4) === obj.word.replace(/ /g, "_") ) {
-            conListFlag = true;
-            data.name = data.name.substring(4);
-            if (data.value == "!none") {
-              obj.result = "";
-              continue;
-            }
-            if (data.value == "!selected") {
-              data.value = obj[0];
-              obj.result = "";
-            }
-          }
-        }
-        if (obj.word.replace(/ /g, "_") === data.name) {
-          let value = parseDataForResult(obj, data.value);
-          obj.result = value;
-
-        }
-        if (conListFlag) {
-          if (obj.type == "conList") {
-
-            //check for button if only one item exists and search conlist item
-            if (obj.listCount == 0) {
-              for (let d of dataArray) {
-                if (d.name.split(":!")[1] !== undefined) d.placeholder = "!"+d.name.split(":!")[1];
-                d.name = d.name.split(":!")[0];
-                if ("cl-"+obj[0].replace(/ /g, "_") == d.name && d.value != "") {
-                  //console.log(d, obj[0], data);
-                  if (data.value.replace(/ /g, "_")  == d.name.substring(3)) {
-                    if (d.hasOwnProperty("placeholder")) d.value = d.placeholder + "\n" + d.value;
-                    let value = parseDataForResult(obj, d.value);
-                    obj.result = obj.result + "\n" + value;
-                  }
-                }
-              }             
-            } else {
-              //loop through dataArray and look for coresponding conlist items
-              for (let i = 0; i <= obj.listCount; i++) {
-                for (let d of dataArray) {
-                  if (d.name.split(":!")[1] !== undefined) d.placeholder = "!"+d.name.split(":!")[1];
-                  d.name = d.name.split(":!")[0];
-                  if ("cl-"+obj[i].replace(/ /g, "_") == d.name && d.value != "") {
-                    if (data.value.replace(/ /g, "_")  == d.name.substring(3)) {
-                      if (d.hasOwnProperty("placeholder")) d.value = d.placeholder + "\n" + d.value;
-                      let value = parseDataForResult(obj, d.value);
-                      obj.result = obj.result + "\n" + value;
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  
-    //console.log(this, dataArray);
-
-    b = fullString.substring(0, objects[0].spos);
-    for (let i = 0; i < objects.length; i++) {
-      let j = i + 1;
-      if (objects[j] === undefined) {
-        b +=
-          objects[i].result +
-          fullString.substring(objects[i].epos, fullString.length);
-      } else {
-        b +=
-          objects[i].result +
-          fullString.substring(objects[i].epos, objects[j].spos);
-      }
-    }
-  
-    let bHtml = b.replace(/(?:\r\n|\r|\n)/g, "<br>");
-    bHtml = bHtml.replace(/!l /g, " •   ");
-    bHtml = bHtml.replace(/!ls /g, "     ○   ");
-    bHtml = bHtml.replace(/ /g, "&nbsp;");
-  
-    bHtml =
-      "<div style='font-family: Arial, Helvetica, sans-serif;'>" +
-      bHtml +
-      "</div>";
-  
-    let div = document.createElement("div");
-    div.classList.add("w3-code", "notranslate", "w3-border-white");
-    div.id = "fileDisplay";
-    div.innerHTML = bHtml;
-  
-    if (parseOnly) {
-      return div;
-    }
-  
-    let p = document.createElement("p");
-    p.innerHTML = "Copied to Clipboard:";
-    document.getElementById("output").innerHTML = "";
-    document.getElementById("output").appendChild(p);
-    document.getElementById("output").appendChild(div);
-  
-    storeData("userInput", JSON.stringify(dataArray));
-    clearData("userInput");
-  
-    if (returnJSON) {
-      return dataArray;
-    } else {
-      copyToClipBoard(bHtml);
-    }
-  }
-
-  function parseDataForResult(obj, value) {
-    //handle placeholders like title, link, italic
-    if (obj.hasOwnProperty("placeholder") && value !== "") {
-      //console.log(obj.placeholder);
-      //check for markups
-      if (activeState.markups.includes(obj.placeholder)) {
-        value = parseMarkupmarkups(value, obj.placeholder);
-      } else {
-        value = obj.placeholder + "\n" + value;
-      }
-    }
-    
-
-    //Plugin TextBlock Insertion according to file _textblocks.txt
-    value = parseTextBlocks(value);
-
-
-    //handle placeholders like !l or !n and set it to final interpreted string for object
-    value = parseTextMarkups(value);
-
-    return value;
-  }
-
-  export function parseTextMarkups(data) {
-    let dataArray = data.split("\n");
-    let listFlag = false;
-    let listSubFlag = false;
-    let boldFlag = false;
-    let listNumberFlag = false;
-    let listNumberFlagNum = 1;
-    for (let i = 0; i < dataArray.length; i++) {
-      if (dataArray[i] == "") continue;
-      switch (dataArray[i]) {
-        case "!l":
-          listFlag = true;
-          dataArray.splice(i, 1);
-          i = i - 1;
-          break;
-        case "!ls":
-          listSubFlag = true;
-          dataArray.splice(i, 1);
-          i = i - 1;
-          break;
-        case "!n":
-          listNumberFlag = true;
-          dataArray.splice(i, 1);
-          i = i - 1;
-          break;
-        case "!b":
-          boldFlag = true;
-          dataArray.splice(i, 1);
-          i = i - 1;
-          break;
-        case "!e":
-          listFlag = false;
-          listNumberFlag = false;
-          dataArray.splice(i, 1);
-          i = i - 1;
-          break;
-        case "!es":
-          listSubFlag = false;
-          dataArray.splice(i, 1);
-          i = i - 1;
-          break;
-        default:
-          if (boldFlag) {
-            dataArray[i] = "<b>" + dataArray[i] + "</b>";
-            boldFlag = false;
-            continue;
-          }
-          if (listNumberFlag) {
-            dataArray[i] = "  " + listNumberFlagNum + ".  " + dataArray[i];
-            listNumberFlagNum++;
-            continue;
-          }
-          if (listSubFlag) {
-            dataArray[i] = "     ○   " + dataArray[i];
-            continue;
-          }
-          if (listFlag) {
-            dataArray[i] = " •   " + dataArray[i];
-            continue;
-          }
-      }
-    }
-    return dataArray.join("\n");
-  }
-  
-  function parseMarkupmarkups(value, markup) {
-    switch (markup) {
-      case "title":
-        return "<b>" + value + "</b>";
-        break;
-      case "italic":
-        return "<i>" + value + "</i>";
-        break;
-    }
-  }
-  
-  function parseTextBlocks(data) {
-    let textBlocks = loadTextBlocks();
-    let textBlockIds = Object.keys(textBlocks);
-    for (let i = 0; i < textBlockIds.length; i++) {
-      let id = textBlockIds[i];
-      if (data.indexOf("!" + id) !== -1) {
-        //console.log("found: "+id);
-        let sPos = data.indexOf("!" + id);
-        let ePos = sPos + id.length + 1;
-        data =
-          data.substring(0, sPos) +
-          textBlocks[id] +
-          data.substring(ePos, data.length);
-      }
-    }
-    return data;
-  }
-
-
-function loadTextBlocks() {
-    let textBlocks = document.getElementById("textBlocks").innerText;
-    let textBlocksObject = {};
-    if (textBlocks.indexOf("\r\n") !== -1) {
-      var wordArrayByLine = textBlocks.split("\r\n");
-    } else {
-      var wordArrayByLine = textBlocks.split("\n");
-    }
-  
-    for (let i = 0; i < wordArrayByLine.length; i++) {
-      let textBlockId = wordArrayByLine[i].split(":")[0];
-      let textBlockText = wordArrayByLine[i].substring(
-        textBlockId.length + 2,
-        wordArrayByLine[i].length
-      );
-      if (textBlockId.length < 1) {
-        continue;
-      }
-      textBlocksObject[textBlockId.replace(/\s/g, "")] = textBlockText;
-    }
-    return textBlocksObject;
-  }
-
-  function copyToClipBoard(html) {
-    // Create an iframe (isolated container) for the HTML
-    var container = document.createElement("div");
-    container.innerHTML = html;
-  
-    // Hide element
-    container.style.position = "fixed";
-    container.style.pointerEvents = "none";
-    container.style.opacity = 0;
-  
-    // Detect all style sheets of the page
-    var activeSheets = Array.prototype.slice
-      .call(document.styleSheets)
-      .filter(function (sheet) {
-        return !sheet.disabled;
-      });
-  
-    // Mount the iframe to the DOM to make `contentWindow` available
-    document.body.appendChild(container);
-  
-    // Copy to clipboard
-    window.getSelection().removeAllRanges();
-  
-    var range = document.createRange();
-    range.selectNode(container);
-    window.getSelection().addRange(range);
-  
-    document.execCommand("copy");
-    for (var i = 0; i < activeSheets.length; i++) activeSheets[i].disabled = true;
-    document.execCommand("copy");
-    for (var i = 0; i < activeSheets.length; i++)
-      activeSheets[i].disabled = false;
-  
-    // Remove the iframe
-    document.body.removeChild(container);
-  }
-
-  function mainFormPlaceholder() {
-    return "<div class='w3-row-padding w3-padding-24 w3-container w3-flat-clouds'><div class='w3-code notranslate w3-border-white' style='font-family: Arial, Helvetica, sans-serif;'><p>Select a file</p><br><br><br><br><br><br><br><br><br><br><br></div></div>";
-  }
-
-  export default parseFormOnSubmit;
\ No newline at end of file
diff --git a/js/9.5/parseTemplate.js b/js/9.5/parseTemplate.js
deleted file mode 100644
index aff41f4..0000000
--- a/js/9.5/parseTemplate.js
+++ /dev/null
@@ -1,374 +0,0 @@
-function parseInput(wordArray, objects, i) {
-  let word = wordArray[i];
-
-  if (word.substring(0, 1) == "%") {
-    //check if regular use of % in text 20% an ignoreCase
-    if (word.substring(0, 2) !== "% ") {
-      //found simple input %word / excluding %m:
-      if (word.substring(2, 3) !== ":") {
-        //init Word Object
-        var wordObj = {};
-
-        let w = word.substring(1);
-        //for loop to escape spaces in simple input
-        for (let j = i + 1; j < wordArray.length; j++) {
-          w = w + " " + wordArray[j];
-          //invoke look for gender specific template
-          i = findGenderSpecificInput(wordArray, wordObj, j);
-          //invoke look for list template
-          i = findListInput(wordArray, wordObj, j);
-          //invoke connected fields
-          i = findConnectedListInput(wordArray, wordObj, j);
-          //find end of template string and format it for future handling¨
-          if (w.indexOf("%") !== -1) {
-            //found % sign
-            if (w.indexOf("%") !== w.length - 1) {
-              //% is not last char of string
-              word = "%" + w;
-            } else {
-              //% is last
-              //no prio has been set
-              word = w.slice(0, -1);
-            }
-            break;
-          }
-        }
-
-        if (word.indexOf("\n") !== -1) {
-          if (word.substring(word.indexOf("\n"), 2).indexOf("%") !== -1) {
-            //alert("attention newlineChar in: "+ word.substring(word.indexOf("\n"),2));
-          }
-        }
-        //parse priority
-        if (word.substring(1).indexOf("%") === -1) {
-          //object if no prio was set
-          wordObj.word = word;
-          wordObj.arrayPos = objects.length;
-          wordObj.prio = 0;
-        } else {
-          //handle edgecase if punctuation mark is directly after prio
-          let postMarker = word.substring(1).indexOf("%") + 2;
-          let postMarkerEnd = word.length;
-          let isPriority = true;
-          let i = 0;
-          //console.log(word + " * " + word.substring(postMarkerEnd-2, postMarkerEnd) + " - " + postMarker + ":" + postMarkerEnd + " - " + word.length);
-          while (
-            !isCharNumber(word.substring(postMarkerEnd - 1, postMarkerEnd))
-          ) {
-            postMarkerEnd = postMarkerEnd - 1;
-            //if no priority has been set; set flag
-            //console.log(word.substring(postMarkerEnd-1, postMarkerEnd));
-
-            if (postMarkerEnd < 1) {
-              isPriority = false;
-              break;
-            }
-
-            i++;
-          }
-
-          if (isPriority) {
-            //console.log(word + " prio: "+isPriority);
-            //object if prio has been defined
-            wordObj.word = word.substring(1, postMarker - 1);
-            wordObj.arrayPos = objects.length;
-            wordObj.prio = parseInt(
-              word.substring(postMarker, postMarkerEnd),
-              10
-            );
-            if (isNaN(wordObj.prio)) {
-              alert(
-                "error in template: %" +
-                  wordObj.word +
-                  "% there must always a space after the priority number"
-              );
-              wordObj.prio = 0;
-            }
-          } else {
-            //object if no prio has been defined
-            wordObj.word = word.substring(1, postMarker - 1);
-            wordObj.arrayPos = objects.length;
-            wordObj.prio = 0;
-          }
-        }
-        //check if genderSpecific or list has been found and if so reformat word
-        //console.log(wordObj);
-        switch (wordObj.type) {
-          case "genderSpecific":
-            if (word.substring(0, 1) === "%") {
-              wordObj.word = word.split("=")[0].substring(1);
-            } else {
-              wordObj.word = word.split("=")[0];
-            }
-            break;
-          case "list":
-            if (word.substring(0, 1) === "%") {
-              wordObj.word = word.split("=")[0].substring(1);
-            } else {
-              wordObj.word = word.split("=")[0];
-            }
-            break;
-          case "conList":
-            if (word.substring(0, 1) === "%") {
-              wordObj.word = word.split("=")[0].substring(1);
-            } else {
-              wordObj.word = word.split("=")[0];
-            }
-            //check if format has been given or markup
-            for (let i = 0; i <= wordObj.listCount; i++) {
-              let params = wordObj[i].split(":");
-              if (params[1] !== undefined) {
-                  wordObj[i] = params[0];
-                  wordObj["clType-"+wordObj[i]] = (params[2] !== undefined) ? params[1]+":"+params[2]: params[1];
-              } else {
-                wordObj["clType-"+wordObj[i]] = "cl-simpleInput";
-              }
-            }
-            break;
-          default:
-            wordObj.type = "simpleInput";
-            //check if customTemplate was used set type and format word
-            if (word.indexOf("=") !== -1) {
-              parseCustomTemplates(wordObj);
-            }
-            break;
-        }
-
-        objects.push(wordObj);
-      }
-    }
-  }
-}
-
-function findGenderSpecificInput(wordArray, wordObj, i) {
-  let word = wordArray[i];
-  if (word.indexOf("=m:") !== -1) {
-    wordObj.type = "genderSpecific";
-    let mw = word.substring(word.indexOf("=m:") + 3);
-    for (let j = i + 1; j < wordArray.length; j++) {
-      mw = mw + " " + wordArray[j];
-      i = j;
-      if (mw.indexOf(";") !== -1) {
-        wordObj.m = mw.slice(0, mw.indexOf(";"));
-        //adding length word + 3 = m: ;
-        i = parseGenderTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-
-  if (word.indexOf("=w:") !== -1) {
-    let ww = word.substring(word.indexOf("=w:") + 3);
-    for (let j = i + 1; j < wordArray.length; j++) {
-      ww = ww + " " + wordArray[j];
-      i = j;
-      if (ww.indexOf(";") !== -1) {
-        wordObj.w = ww.slice(0, ww.indexOf(";"));
-        i = parseGenderTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-
-  if (word.indexOf("=d:") !== -1) {
-    let dw = word.substring(word.indexOf("=d:") + 3);
-    for (let j = i + 1; j < wordArray.length; j++) {
-      dw = dw + " " + wordArray[j];
-      i = j;
-      if (dw.indexOf(";") !== -1) {
-        wordObj.d = dw.slice(0, dw.indexOf(";"));
-        i = parseGenderTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  return i;
-}
-
-function parseGenderTemplate(wordArray, wordObj, i) {
-  let word = wordArray[i];
-  if (word.indexOf(";m:") !== -1) {
-    let mw = word.substring(word.indexOf(";m:") + 3);
-    for (let j = i + 1; j < wordArray.length; j++) {
-      mw = mw + " " + wordArray[j];
-      i = j;
-      if (mw.indexOf(";") !== -1) {
-        wordObj.m = mw.slice(0, mw.indexOf(";"));
-        i = parseGenderTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  if (word.indexOf(";w:") !== -1) {
-    let ww = word.substring(word.indexOf(";w:") + 3);
-    for (let j = i + 1; j < wordArray.length; j++) {
-      ww = ww + " " + wordArray[j];
-      i = j;
-      if (ww.indexOf(";") !== -1) {
-        wordObj.w = ww.slice(0, ww.indexOf(";"));
-        i = parseGenderTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  if (word.indexOf(";d:") !== -1) {
-    let dw = word.substring(word.indexOf(";d:") + 3);
-    for (let j = i + 1; j < wordArray.length; j++) {
-      dw = dw + " " + wordArray[j];
-      i = j;
-      if (dw.indexOf(";") !== -1) {
-        wordObj.d = dw.slice(0, dw.indexOf(";"));
-        i = parseGenderTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  return i;
-}
-
-function findListInput(wordArray, wordObj, i) {
-  let word = wordArray[i];
-  if (word.indexOf("=l:") !== -1) {
-    wordObj.type = "list";
-    wordObj.listCount = 0;
-    let lw = word.substring(word.indexOf("=l:") + 3);
-    //escape if there is no space in listitem
-    if (lw.indexOf(";") !== -1) {
-      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-      //adding length word + 3 = m: ;
-      i = parseListTemplate(wordArray, wordObj, i);
-      return i;
-    }
-    for (let j = i + 1; j < wordArray.length; j++) {
-      lw = lw + " " + wordArray[j];
-      i = j;
-      if (lw.indexOf(";") !== -1) {
-        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-        //adding length word + 3 = m: ;
-        i = parseListTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  return i;
-}
-
-function parseListTemplate(wordArray, wordObj, i) {
-  let word = wordArray[i];
-  if (word.indexOf(";l:") !== -1) {
-    let lw = word.substring(word.indexOf(";l:") + 3);
-    //escape if there is no space in listitem
-    if (lw.indexOf(";") !== -1) {
-      wordObj.listCount++;
-      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-      //shorten wordArray and hand it to parseListTemplate: firstItem;l:secondItem;l: to ;l:secondItem;l:third Item
-      wordArray[i] = wordArray[i]
-        .substring(1)
-        .substring(wordArray[i].indexOf(";") + 1);
-      //advance wordArray i if third Item has a space in it and no ; is found to avoid endless loop
-      if (wordArray[i].substring(1).indexOf(";") === -1) {
-        i++;
-      }
-      //console.log(wordArray[i].substring(1));
-      i = parseListTemplate(wordArray, wordObj, i);
-      return i;
-    }
-    for (let j = i + 1; j < wordArray.length; j++) {
-      lw = lw + " " + wordArray[j];
-      i = j;
-      if (lw.indexOf(";") !== -1) {
-        wordObj.listCount++;
-        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-        i = parseListTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  return i;
-}
-
-function findConnectedListInput(wordArray, wordObj, i) {
-  let word = wordArray[i];
-  if (word.indexOf("=h:") !== -1) {
-    wordObj.type = "conList";
-    wordObj.listCount = 0;
-    let lw = word.substring(word.indexOf("=h:") + 3);
-    //escape if there is no space in listitem
-    if (lw.indexOf(";") !== -1) {
-      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-      //adding length word + 3 = m: ;
-      i = parseConnectedListTemplate(wordArray, wordObj, i);
-      return i;
-    }
-    for (let j = i + 1; j < wordArray.length; j++) {
-      lw = lw + " " + wordArray[j];
-      i = j;
-      if (lw.indexOf(";") !== -1) {
-        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-        //adding length word + 3 = m: ;
-        i = parseConnectedListTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  return i;
-}
-
-
-function parseConnectedListTemplate(wordArray, wordObj, i) {
-  let word = wordArray[i];
-  if (word.indexOf(";h:") !== -1) {
-    let lw = word.substring(word.indexOf(";h:") + 3);
-    //escape if there is no space in listitem
-    if (lw.indexOf(";") !== -1) {
-      wordObj.listCount++;
-      wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-      //shorten wordArray and hand it to parseListTemplate: firstItem;l:secondItem;l: to ;l:secondItem;l:third Item
-      wordArray[i] = wordArray[i]
-        .substring(1)
-        .substring(wordArray[i].indexOf(";") + 1);
-      //advance wordArray i if third Item has a space in it and no ; is found to avoid endless loop
-      if (wordArray[i].substring(1).indexOf(";") === -1) {
-        i++;
-      }
-      //console.log(wordArray[i].substring(1));
-      i = parseConnectedListTemplate(wordArray, wordObj, i);
-      return i;
-    }
-    for (let j = i + 1; j < wordArray.length; j++) {
-      lw = lw + " " + wordArray[j];
-      i = j;
-      if (lw.indexOf(";") !== -1) {
-        wordObj.listCount++;
-        wordObj[wordObj.listCount] = lw.slice(0, lw.indexOf(";"));
-        i = parseConnectedListTemplate(wordArray, wordObj, i);
-        break;
-      }
-    }
-  }
-  return i;
-}
-
-function parseCustomTemplates(wordObj) {
-  let word = wordObj.word;
-  for (let i = 0; i < activeState.templateFieldTypes.length; i++) {
-    if (word.indexOf("=" + activeState.templateFieldTypes[i]) !== -1) {
-      wordObj.word = word.split("=")[0];
-      wordObj.type = word.split("=")[1];
-
-      if (wordObj.type.indexOf(":") !== -1) {
-        let ltPlaceholder = wordObj.type.split(":")[1];
-        if (ltPlaceholder !== "undefined") {
-          wordObj.placeholder = ltPlaceholder;
-          //wordObj.type = wordObj.type.split(":")[0]; - dont do this
-        }
-      }
-    }
-  }
-}
-
-function isCharNumber(c) {
-  return c >= "0" && c <= "9";
-}
-
-export default parseInput;
diff --git a/js/9.5/scripts.js b/js/9.5/scripts.js
deleted file mode 100644
index c5f2e52..0000000
--- a/js/9.5/scripts.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import { retrieveData } from "./storage.js";
-import sha256 from "./sha256.min.js";
-import XORCipher from "./xorc.js";
-import getBrowserFingerprint from "./identify.js"
-
-export const passwordHash = {
-  name: "anae3Iegbai1ahLu",
-  fp: getBrowserFingerprint( { hardwareOnly: true } ),
-  toString: () => {
-    let data;
-    try {
-      data = window.sessionStorage.getItem(sha256(passwordHash.name));
-    } catch (e) {
-      return "none";
-    }
-    if (data === null) return "none";
-    return XORCipher.decode(passwordHash.name, data);
-  },
-  getId: () => {
-    return passwordHash.fp;
-  },
-  set: (pw) => {
-    window.sessionStorage.setItem(sha256(passwordHash.name), XORCipher.encode(passwordHash.name, pw));
-  }
-}
-
-//export const passwordHash = {
-//  toString: () => {
-//    let fp = getBrowserFingerprint( { hardwareOnly: true } );
-//    let data;
-//    try {
-//      data = window.sessionStorage.getItem(sha256(fp));
-//    } catch (e) {
-//      return "none";
-//    }
-//    if (data === null) return "none";
-//    return XORCipher.decode(fp, data);
-//  },
-//
-//  set: (pw) => {
-//    let fp = getBrowserFingerprint( { hardwareOnly: true } );
-//    window.sessionStorage.setItem(sha256(fp), XORCipher.encode(fp, pw));
-//  }
-//}
-
-
-
-function setPassword() {
-  let x = document.getElementById("loginForm");
-  let pw = x.elements[0].value;
-
-  if (pw != "" || pw !== "undefined") {
-    let pwOld = pw;
-    passwordHash.set(sha256(pw));
-    let templateFiles = retrieveData("templateFiles");
-    if (templateFiles != "") {
-      try {
-        JSON.parse(templateFiles);
-      } catch (e) {
-        document.getElementById("wrongPWAlert").style.display = "block";
-        const alertTimeout = setTimeout(() => {
-          document.getElementById("wrongPWAlert").style.display = "none";
-        }, 5000);
-        passwordHash.set(pwOld);
-        x.elements[0].value = "";
-        return;
-      }
-    }
-    //user logged in
-
-    document.getElementById("login").style.display = "none";
-    window.sessionStorage.setItem(sha256("verified"), XORCipher.encode(sha256("passwordHash"), passwordHash));
-  }
-}
-
-export function getUsrId() {
-  const fingerprint = getBrowserFingerprint( { hardwareOnly: true } );
-  return cyrb53(fingerprint + passwordHash);
-}
-
-const cyrb53 = (str, seed = 21) => {
-  let h1 = 0xdeadbeef ^ seed,
-    h2 = 0x41c6ce57 ^ seed;
-  for (let i = 0, ch; i < str.length; i++) {
-    ch = str.charCodeAt(i);
-    h1 = Math.imul(h1 ^ ch, 2654435761);
-    h2 = Math.imul(h2 ^ ch, 1597334677);
-  }
-  
-  h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);
-  h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);
-  
-  return 4294967296 * (2097151 & h2) + (h1 >>> 0);
-};
-
-export default setPassword;
diff --git a/js/9.5/sha256.min.js b/js/9.5/sha256.min.js
deleted file mode 100644
index cd18935..0000000
--- a/js/9.5/sha256.min.js
+++ /dev/null
@@ -1,3 +0,0 @@
-var sha256=function a(b){function c(a,b){return a>>>b|a<<32-b}for(var d,e,f=Math.pow,g=f(2,32),h="length",i="",j=[],k=8*b[h],l=a.h=a.h||[],m=a.k=a.k||[],n=m[h],o={},p=2;64>n;p++)if(!o[p]){for(d=0;313>d;d+=p)o[d]=p;l[n]=f(p,.5)*g|0,m[n++]=f(p,1/3)*g|0}for(b+="\x80";b[h]%64-56;)b+="\x00";for(d=0;d<b[h];d++){if(e=b.charCodeAt(d),e>>8)return;j[d>>2]|=e<<(3-d)%4*8}for(j[j[h]]=k/g|0,j[j[h]]=k,e=0;e<j[h];){var q=j.slice(e,e+=16),r=l;for(l=l.slice(0,8),d=0;64>d;d++){var s=q[d-15],t=q[d-2],u=l[0],v=l[4],w=l[7]+(c(v,6)^c(v,11)^c(v,25))+(v&l[5]^~v&l[6])+m[d]+(q[d]=16>d?q[d]:q[d-16]+(c(s,7)^c(s,18)^s>>>3)+q[d-7]+(c(t,17)^c(t,19)^t>>>10)|0),x=(c(u,2)^c(u,13)^c(u,22))+(u&l[1]^u&l[2]^l[1]&l[2]);l=[w+x|0].concat(l),l[4]=l[4]+w|0}for(d=0;8>d;d++)l[d]=l[d]+r[d]|0}for(d=0;8>d;d++)for(e=3;e+1;e--){var y=l[d]>>8*e&255;i+=(16>y?0:"")+y.toString(16)}return i};
-
-export default sha256;
\ No newline at end of file
diff --git a/js/9.5/storage.js b/js/9.5/storage.js
deleted file mode 100644
index 66beb40..0000000
--- a/js/9.5/storage.js
+++ /dev/null
@@ -1,223 +0,0 @@
-import XORCipher from "./xorc.js";
-import sha256 from "./sha256.min.js";
-import { getUsrId, passwordHash } from "./scripts.js";
-
-
-function createStorageObj() {
-  let x = document.getElementById("mainFormObj");
-  let dataArray = [];
-  if (x == null) {
-    return;
-  }
-  for (let i = 0; i < x.length; i++) {
-    dataArray.push({
-      value: x.elements[i].value,
-      name: x.elements[i].name,
-    });
-  }
-
-  //console.log(this, dataArray);
-
-  let userFileNameField = document.getElementById("userFileName");
-  let userFileName = userFileNameField.value;
-  let userFileNamePH = userFileNameField.getAttribute("placeholder");
-  if (userFileName.length != 0) {
-    activeState.fileName = userFileName;
-    //clear old data as file switches to new filename
-    if (userFileNamePH.length != 0) {
-      clearData(userFileNamePH);
-      popFromTemplateFiles(userFileNamePH);
-    }
-  } else if (userFileNamePH.length != 0) {
-    activeState.fileName = userFileNamePH;
-  } 
-
-  storeData("userInput", JSON.stringify(dataArray));
-  
-}
-
-function storeData(name, data) {
-  //setCookie(name, btoa(data), 7);
-  if (name == "userInput") {
-    name = getFileName();
-  }
-  if (name == "userInputForce") {
-    name = "userInput";
-  }
-  let lT = activeState.loadedTemplate;
-  let key = sha256(name + "-" + lT);
-  if (name == "templateFiles") {
-    key = sha256(name + "-");
-  }
-  window.localStorage.setItem(key, obfuscate(data));
-}
-
-function retrieveData(type, template = "none") {
-  if (type == "userInput") {
-    let tF = JSON.parse(retrieveData("templateFiles"));
-    if (tF == null) {
-      return "";
-    } else {
-      type = tF[tF.length - 1].fileName;
-    }
-  }
-  if (type == "userInputForce") {
-    type = "userInput";
-  }
-  let cdata;
-  if (template == "none") {
-    let lT = activeState.loadedTemplate;
-    let key = sha256(type + "-" + lT);
-    if (type == "templateFiles") {
-      key = sha256(type + "-");
-    }
-    cdata = window.localStorage.getItem(key);
-  } else {
-    let key = sha256(type + "-" + template);
-    cdata = window.localStorage.getItem(key);
-  }
-  if (cdata != null) {
-    return obfuscate(cdata, false);
-  } else {
-    return "[]";
-  }
-}
-
-function clearData(type, template = "none") {
-  let lT;
-  let key;
-  if (template == "none") {
-    lT = activeState.loadedTemplate;
-    key = sha256(type + "-" + lT);
-    if (type == "templateFiles") {
-      key = sha256(type + "-");
-    }
-  } else {
-    lT = template;
-    key = sha256(type + "-" + template);
-  }
-  window.localStorage.removeItem(key);
-}
-
-function getFileName() {
-  let currentFileName = activeState.fileName;
-  if (currentFileName == "none" || currentFileName == "") {
-    let date = new Date();
-    let current_hour = date.getHours();
-    current_hour = current_hour <= 9 ? "0" + current_hour : current_hour;
-    let current_minute = date.getMinutes();
-    current_minute =
-      current_minute <= 9 ? "0" + current_minute : current_minute;
-    let current_month = date.getMonth() + 1;
-    current_month = current_month <= 9 ? "0" + current_month : current_month;
-    let current_year = date.getDate();
-    current_year = current_year <= 9 ? "0" + current_year : current_year;
-
-    let current_time = current_hour + ":" + current_minute;
-    let current_date = current_year + "." + current_month;
-    currentFileName = current_time + "_" + current_date;
-    //console.log(currentFileName);
-  }
-
-  let lT = activeState.loadedTemplate;
-  let tF = retrieveData("templateFiles");
-  if (tF != "") {
-    try {
-      tF = JSON.parse(tF);
-    } catch (e) {
-      alert("Decryption failed; are you authenticated?");
-      window.location.reload();
-      return;
-    }
-  }
-  if (tF != null) {
-    for (let tFi of tF) {
-      if (tFi.fileName == currentFileName) {return currentFileName};
-    }
-    tF.push({ fileName: currentFileName, template: lT });
-  } else {
-    tF = [{ fileName: currentFileName, template: lT }];
-  }
-  storeData("templateFiles", JSON.stringify(tF));
-  activeState.fileName = currentFileName;
-  return currentFileName;
-}
-
-function obfuscate(data, mode = true) {
-	if (mode) {
-	  return XORCipher.encode(sha256(passwordHash), data);
-	} else {
-	  return XORCipher.decode(sha256(passwordHash), data);
-	}
-}
-
-function popFromTemplateFiles(fileName) {
-  let tF = JSON.parse(retrieveData("templateFiles"));
-  let newArray = [];
-  for (let obj of tF) {
-    if (obj.fileName != fileName) {
-      newArray.push(obj);
-    }
-  }
-  storeData("templateFiles", JSON.stringify(newArray));
-}
-
-function createBookShelf() {
-  let tF = JSON.parse(retrieveData("templateFiles"));
-  let bookShelf = {};
-  let date = new Date();
-  let current_hour = date.getHours();
-  current_hour = current_hour <= 9 ? "0" + current_hour : current_hour;
-  let current_minute = date.getMinutes();
-  current_minute =
-    current_minute <= 9 ? "0" + current_minute : current_minute;
-  let current_month = date.getMonth() + 1;
-  current_month = current_month <= 9 ? "0" + current_month : current_month;
-  let current_year = date.getDate();
-  current_year = current_year <= 9 ? "0" + current_year : current_year;
-
-  let current_time = current_hour + ":" + current_minute;
-  let current_date = current_year + "." + current_month;
-  let saveFileName = current_time + "_" + current_date;
-
-  if (tF != null) {
-    bookShelf[0] = {name: "hash", data: getUsrId(), ts: saveFileName};
-    let i = 1;
-    for (let tFi of tF) {
-      let data = retrieveData(tFi.fileName, tFi.template);
-      bookShelf[i] = {};
-      bookShelf[i].name = tFi.fileName + "-" + tFi.template;
-      bookShelf[i].data = obfuscate(data);
-      i++;
-    }
-  }
-  return bookShelf;
-}
-
-function importBookShelf() {
-
-  localStorage.clear()
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      if (this.responseText == "none") {
-        console.log("no files saved on server");
-      } else {
-        let respText = decodeURIComponent(this.responseText);
-        let mainArray = JSON.parse(respText);
-        let templateFilesArray = [];
-        for (let file of mainArray) {
-          if (file.name == "hash") continue;
-          window.localStorage.setItem(sha256(file.name), file.data);
-          templateFilesArray.push({ fileName: file.name.split("-")[0], template: file.name.split("-")[1] });
-        }
-        window.localStorage.setItem(sha256("templateFiles-"), obfuscate(JSON.stringify(templateFilesArray)));
-      }
-    }
-  };
-  xhttp.open("GET", "php/?getStoredFiles="+getUsrId(), true);
-  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
-  xhttp.send();
-}
-
-export { createStorageObj, storeData, retrieveData, clearData, getFileName, createBookShelf, importBookShelf};
diff --git a/js/9.5/web.js b/js/9.5/web.js
deleted file mode 100644
index 846abf2..0000000
--- a/js/9.5/web.js
+++ /dev/null
@@ -1,281 +0,0 @@
-import buildForm from "./form.js";
-import { loadFileDivCallBack } from "./files.js";
-import { retrieveData, clearData, getFileName, importBookShelf } from "./storage.js";
-import { insertTextBlocks } from "./evts.js";
-import { createTemplate, createTemplateCallBack} from "./createTemplate.js";
-import { getUsrId } from "./scripts.js";
-
-function loadTemplate(template, newFlag = false, loadOnly = false) {
-  document.getElementById("siteTitle").innerHTML = template.replace(/_/g, " ");
-  activeState.loadedTemplate = template;
-
-  if (newFlag) {
-    activeState.fileName = "none";
-  } else {
-    activeState.fileName = getFileName();
-  }
-
-  document.getElementById("navMob").className = document
-    .getElementById("navMob")
-    .className.replace(" w3-show", "");
-  if (screen.width < 993) {
-    let sidebar = document.getElementById("sidebar");
-    sidebar.style.display = "none";
-    document.getElementById("siteTitle").innerHTML = "TG";
-  }
-  var xhttp = new XMLHttpRequest(); 
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      let respText = decodeURIComponent(this.responseText);
-      if (loadOnly == "createTemplate") {
-        createTemplateCallBack(template, respText.split("!JSON_placeholder:")[0]);         
-        return;
-      }
-      buildForm(respText, loadOnly);
-      if (loadOnly) {
-        loadFileDivCallBack();
-        return;
-      }
-
-      //retrieve previos userData / or preset data if newFile is called
-      let cdata;
-      if (newFlag) {
-        cdata = retrieveData("templatePreset", template);
-      } else {
-        cdata = retrieveData("userInputForce");
-      }
-      if (cdata != "") {
-        retrieveForm(JSON.parse(cdata));
-      }
-
-      //select first object and focus on it
-      let obj = JSON.parse(
-        window.sessionStorage.getItem("templateObjectsPurified")
-      );
-      let firstElement = document.getElementById(obj[0].word.replace(/ /g, "_"));
-      if (firstElement != null) firstElement.focus();
-      
-    }
-  };
-  xhttp.open("GET", "php/?template=" + template, true);
-  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
-  xhttp.send();
-}
-
-function loadNewTemplate(template) {
-  //set current page value in activeState object
-  activeState.activePage = "template";
-
-  let sidebarDiv = document.getElementById("sidebar");
-  sidebarDiv.replaceWith(sidebarDiv.cloneNode(true));
-
-  clearData("userInput", template);
-  loadTemplate(template, true);
-}
-
-function loadNavBar() {
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      let res = JSON.parse(this.responseText);
-      let divMob = document.getElementById("navMob");
-      for (let x in res) {
-        let aMob = document.createElement("a");
-
-        aMob.setAttribute("href", "#");
-        aMob.setAttribute("data-template", res[x][1]);
-        aMob.classList.add("w3-bar-item", "w3-button", "w3-padding-large");
-        aMob.innerHTML = res[x][0];
-
-        divMob.appendChild(aMob);
-
-        activeState.templates.push(res[x][1]);
-      }
-      let createEntry = document.createElement("a");
-      createEntry.setAttribute("href", "#");
-      createEntry.setAttribute("data-template", "createNew");
-      createEntry.classList.add("w3-bar-item", "w3-button", "w3-padding-large");
-      createEntry.innerHTML = "Manage templates";
-
-      divMob.appendChild(createEntry);
-      divMob.addEventListener("click", (e) => {
-        if (e.target && e.target.matches("a.w3-bar-item")) {
-          let template = e.target.dataset.template;
-          if (template == "createNew") {
-            createTemplate();
-            return;
-          }
-          loadNewTemplate(template);
-        }
-      });
-    }
-  };
-  xhttp.open("GET", "php/?templates", true);
-  xhttp.send();
-}
-function initTextBlocks() {
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      let res = JSON.parse(this.responseText);
-      const textBlocksHolder = document.getElementById("textBlocks");
-      const divReg = document.getElementById("navTb");
-      for (let x in res) {
-        if (res[x][1].length < 1) continue;
-
-        let aReg = document.createElement("a");
-        aReg.setAttribute("href", "#");
-        aReg.classList.add("w3-bar-item", "w3-hide-small", "w3-padding-small");
-        let textBlockText = res[x][1];
-        if (res[x][1].length > 80) {
-          textBlockText = res[x][1].substr(0, 80) + "...";
-        }
-        aReg.innerHTML = "<b>" + res[x][0] + ":</b> " + textBlockText;
-        divReg.appendChild(aReg);
-
-        const text = document.createTextNode(
-          res[x][0] + ": " + res[x][1] + "\n"
-        );
-        textBlocksHolder.appendChild(text);
-      }
-      divReg.addEventListener("click", (e) => {
-        if (e.target && e.target.matches("a.w3-bar-item")) {
-          insertTextBlocks(e.target);
-        }
-      });
-    }
-  };
-  xhttp.open("GET", "php/?textBlocks", true);
-  xhttp.send();
-}
-
-function setTemplatePreset(template, formData) {
-  //console.log(template +" : "+ formData);
-  var xhttp = new XMLHttpRequest();
-  xhttp.open("POST", "php/?setForm");
-  xhttp.setRequestHeader("Accept", "application/json");
-  xhttp.setRequestHeader("Content-Type", "application/json");
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      //console.log(this.responseText);
-    }
-  };
-  let data = {
-    template: template,
-    data: formData,
-  };
-
-  xhttp.send(JSON.stringify(data));
-}
-
-function setNewTemplate(fileName, data) {
-  let obj = {
-    fileName: fileName,
-    data: data,
-  };
-  //console.log(template +" : "+ formData);
-  var xhttp = new XMLHttpRequest();
-  xhttp.open("POST", "php/?setTemplate");
-  xhttp.setRequestHeader("Accept", "application/json");
-  xhttp.setRequestHeader("Content-Type", "application/json");
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      //console.log(this.responseText);
-    }
-  };
-
-  xhttp.send(JSON.stringify(obj));
-}
-
-function storeFilesToServer(data) {
-  //console.log(template +" : "+ formData);
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      if (this.responseText == "success") {
-        console.log("files saved");
-      }
-    }
-  };
-  xhttp.open("POST", "php/?storeFiles", true);
-  xhttp.setRequestHeader("Accept", "application/json");
-  xhttp.setRequestHeader("Content-Type", "application/json");
-  xhttp.send(JSON.stringify(data));
-}
-
-function checkForStoredDataOnServer() {
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      if (this.responseText == "none") {
-      } else {
-        activeState.serverFilesTs = this.responseText;
-        let btn = document.getElementById("importModalBtn");
-        btn.style.display = "";
-      }
-    }
-  };
-  xhttp.open("GET", "php/?storedFiles="+getUsrId(), true);
-  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
-  xhttp.send();
-}
-
-function delStoredDataOnServer() {
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function () {
-    if (this.readyState == 4 && this.status == 200) {
-      if (this.responseText == "none") {
-        let btn = document.getElementById("importModalBtn");
-        btn.style.display = "none";
-      } 
-    }
-  };
-  xhttp.open("GET", "php/?storedFiles="+getUsrId()+"&del", true);
-  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
-  xhttp.send();
-}
-
-
-function retrieveForm(arr) {
-  for (let i = 0; i < arr.length; i++) {
-    let e = document.getElementById(arr[i].name);
-    if (e === null) {
-      e = document.getElementById(arr[i].name.split("cl-")[1]);
-      if (e === null) continue;
-    }
-
-    if (e.name.substr(0, 4) == "clM-") continue;
-
-    switch (e.nodeName) {
-      case "TEXTAREA":
-        e.innerHTML = arr[i].value;
-        break;
-      case "INPUT":
-        e.value = arr[i].value;
-        break;
-      case "SELECT":
-        for (let j = 0; j < e.options.length; j++) {
-          if (e.options[j].value == arr[i].value) {
-            // Item is found. Set its property and exit
-            e.options[j].selected = true;
-            break;
-          }
-        }
-        break;
-      default:
-        e.innerHTML = arr[i].value;
-        break;
-    }
-  }
-}
-export {
-  loadTemplate,
-  loadNavBar,
-  initTextBlocks,
-  loadNewTemplate,
-  setTemplatePreset,
-  setNewTemplate,
-  storeFilesToServer,
-  checkForStoredDataOnServer,
-  delStoredDataOnServer
-};
diff --git a/js/9.5/xorc.js b/js/9.5/xorc.js
deleted file mode 100644
index 2bdff45..0000000
--- a/js/9.5/xorc.js
+++ /dev/null
@@ -1,187 +0,0 @@
-
-var XORCipher = {
-  encode: function (key, data, seed) {
-    data = xor_encrypt(key, data, seed);
-    return b64_encode(data);
-  },
-  decode: function (key, data) {
-    data = b64_decode(data);
-    return xor_decrypt(key, data);
-  },
-  seed: function (n) {
-    return randString(n);
-  },
-};
-
-function stringToUtf8ByteArray(str) {
-  var out = [],
-    p = 0;
-  for (var i = 0; i < str.length; i++) {
-    var c = str.charCodeAt(i);
-    if (c < 128) {
-      out[p++] = c;
-    } else if (c < 2048) {
-      out[p++] = (c >> 6) | 192;
-      out[p++] = (c & 63) | 128;
-    } else if (
-      (c & 0xfc00) == 0xd800 &&
-      i + 1 < str.length &&
-      (str.charCodeAt(i + 1) & 0xfc00) == 0xdc00
-    ) {
-      // Surrogate Pair
-      c = 0x10000 + ((c & 0x03ff) << 10) + (str.charCodeAt(++i) & 0x03ff);
-      out[p++] = (c >> 18) | 240;
-      out[p++] = ((c >> 12) & 63) | 128;
-      out[p++] = ((c >> 6) & 63) | 128;
-      out[p++] = (c & 63) | 128;
-    } else {
-      out[p++] = (c >> 12) | 224;
-      out[p++] = ((c >> 6) & 63) | 128;
-      out[p++] = (c & 63) | 128;
-    }
-  }
-  return out;
-}
-
-function utf8ByteArrayToString(bytes) {
-  // array of bytes
-  var out = [],
-    pos = 0,
-    c = 0;
-  while (pos < bytes.length) {
-    var c1 = bytes[pos++];
-    if (c1 < 128) {
-      out[c++] = String.fromCharCode(c1);
-    } else if (c1 > 191 && c1 < 224) {
-      var c2 = bytes[pos++];
-      out[c++] = String.fromCharCode(((c1 & 31) << 6) | (c2 & 63));
-    } else if (c1 > 239 && c1 < 365) {
-      // Surrogate Pair
-      var c2 = bytes[pos++];
-      var c3 = bytes[pos++];
-      var c4 = bytes[pos++];
-      var u =
-        (((c1 & 7) << 18) | ((c2 & 63) << 12) | ((c3 & 63) << 6) | (c4 & 63)) -
-        0x10000;
-      out[c++] = String.fromCharCode(0xd800 + (u >> 10));
-      out[c++] = String.fromCharCode(0xdc00 + (u & 1023));
-    } else {
-      var c2 = bytes[pos++];
-      var c3 = bytes[pos++];
-      out[c++] = String.fromCharCode(
-        ((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)
-      );
-    }
-  }
-  return out.join("");
-}
-
-var b64_table =
-  "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
-
-function b64_encode(data) {
-  var o1,
-    o2,
-    o3,
-    h1,
-    h2,
-    h3,
-    h4,
-    bits,
-    r,
-    i = 0,
-    enc = "";
-  if (!data) {
-    return data;
-  }
-  do {
-    o1 = data[i++];
-    o2 = data[i++];
-    o3 = data[i++];
-    bits = (o1 << 16) | (o2 << 8) | o3;
-    h1 = (bits >> 18) & 0x3f;
-    h2 = (bits >> 12) & 0x3f;
-    h3 = (bits >> 6) & 0x3f;
-    h4 = bits & 0x3f;
-    enc +=
-      b64_table.charAt(h1) +
-      b64_table.charAt(h2) +
-      b64_table.charAt(h3) +
-      b64_table.charAt(h4);
-  } while (i < data.length);
-  r = data.length % 3;
-  return (r ? enc.slice(0, r - 3) : enc) + "===".slice(r || 3);
-}
-
-function b64_decode(data) {
-  var o1,
-    o2,
-    o3,
-    h1,
-    h2,
-    h3,
-    h4,
-    bits,
-    i = 0,
-    result = [];
-  if (!data) {
-    return data;
-  }
-  data += "";
-  do {
-    h1 = b64_table.indexOf(data.charAt(i++));
-    h2 = b64_table.indexOf(data.charAt(i++));
-    h3 = b64_table.indexOf(data.charAt(i++));
-    h4 = b64_table.indexOf(data.charAt(i++));
-    bits = (h1 << 18) | (h2 << 12) | (h3 << 6) | h4;
-    o1 = (bits >> 16) & 0xff;
-    o2 = (bits >> 8) & 0xff;
-    o3 = bits & 0xff;
-    result.push(o1);
-    if (h3 !== 64) {
-      result.push(o2);
-      if (h4 !== 64) {
-        result.push(o3);
-      }
-    }
-  } while (i < data.length);
-  return result;
-}
-
-function rand(min, max) {
-  return Math.floor(Math.random() * (max - min + 1)) + min;
-}
-
-function randString(n) {
-  var r = "";
-  for (var i = 0; i < n; i++) r += String.fromCharCode(rand(1, 65535));
-
-  return r;
-}
-
-function xor_encrypt(key, data, seed) {
-  if (typeof seed == "undefined") seed = randString(32);
-
-  var d = stringToUtf8ByteArray(seed + String.fromCharCode(0) + data),
-    k = stringToUtf8ByteArray(key),
-    r = [];
-
-  for (var i = 0; i < d.length; i++)
-    r[i] = r[i - 1] ^ d[i] ^ k[Math.floor(i % k.length)];
-
-  return r;
-}
-
-function xor_decrypt(key, data) {
-  var d = data,
-    k = stringToUtf8ByteArray(key),
-    r = [];
-
-  for (var i = 0; i < d.length; i++)
-    r[i] = d[i - 1] ^ d[i] ^ k[Math.floor(i % k.length)];
-
-  r.splice(0, r.indexOf(0) + 1);
-  return utf8ByteArrayToString(r);
-}
-
-  export default XORCipher;
\ No newline at end of file

From eac9c04c4f91240974f3c404ee4506ecac27334e Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Thu, 21 Sep 2023 14:21:36 +0200
Subject: [PATCH 6/6] configTemplates fixed issue of reoccuring textBlocks
 entry

---
 index.html                        | 2 +-
 js/{9.6 => 9.7}/buildForm.js      | 0
 js/{9.6 => 9.7}/createTemplate.js | 4 +++-
 js/{9.6 => 9.7}/evts.js           | 0
 js/{9.6 => 9.7}/files.js          | 0
 js/{9.6 => 9.7}/form.js           | 0
 js/{9.6 => 9.7}/identify.js       | 0
 js/{9.6 => 9.7}/init.js           | 0
 js/{9.6 => 9.7}/main.js           | 0
 js/{9.6 => 9.7}/parseForm.js      | 0
 js/{9.6 => 9.7}/parseTemplate.js  | 0
 js/{9.6 => 9.7}/scripts.js        | 0
 js/{9.6 => 9.7}/sha256.min.js     | 0
 js/{9.6 => 9.7}/storage.js        | 0
 js/{9.6 => 9.7}/web.js            | 0
 js/{9.6 => 9.7}/xorc.js           | 0
 16 files changed, 4 insertions(+), 2 deletions(-)
 rename js/{9.6 => 9.7}/buildForm.js (100%)
 rename js/{9.6 => 9.7}/createTemplate.js (95%)
 rename js/{9.6 => 9.7}/evts.js (100%)
 rename js/{9.6 => 9.7}/files.js (100%)
 rename js/{9.6 => 9.7}/form.js (100%)
 rename js/{9.6 => 9.7}/identify.js (100%)
 rename js/{9.6 => 9.7}/init.js (100%)
 rename js/{9.6 => 9.7}/main.js (100%)
 rename js/{9.6 => 9.7}/parseForm.js (100%)
 rename js/{9.6 => 9.7}/parseTemplate.js (100%)
 rename js/{9.6 => 9.7}/scripts.js (100%)
 rename js/{9.6 => 9.7}/sha256.min.js (100%)
 rename js/{9.6 => 9.7}/storage.js (100%)
 rename js/{9.6 => 9.7}/web.js (100%)
 rename js/{9.6 => 9.7}/xorc.js (100%)

diff --git a/index.html b/index.html
index 86c841d..c61f5c7 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
   <link rel="stylesheet" href="css/font-awesome/css/all.min.css" />
   <link rel="stylesheet" href="css/styles.css" />
 
-  <script type="module" src="js/9.6/main.js"></script>
+  <script type="module" src="js/9.7/main.js"></script>
 
 
   <body>
diff --git a/js/9.6/buildForm.js b/js/9.7/buildForm.js
similarity index 100%
rename from js/9.6/buildForm.js
rename to js/9.7/buildForm.js
diff --git a/js/9.6/createTemplate.js b/js/9.7/createTemplate.js
similarity index 95%
rename from js/9.6/createTemplate.js
rename to js/9.7/createTemplate.js
index 4e4e7d6..1b1e05b 100644
--- a/js/9.6/createTemplate.js
+++ b/js/9.7/createTemplate.js
@@ -69,7 +69,9 @@ function createTemplate(template = false) {
   function loadTemplateSidebar(templates) {
     let sidebarList = document.createElement("ul");
     sidebarList.classList.add("w3-ul");
-    templates.push('_textBlocks');
+    if (!templates.includes('_textBlocks')) {
+      templates.push('_textBlocks');
+    }
 
 
     for (let template of templates) {
diff --git a/js/9.6/evts.js b/js/9.7/evts.js
similarity index 100%
rename from js/9.6/evts.js
rename to js/9.7/evts.js
diff --git a/js/9.6/files.js b/js/9.7/files.js
similarity index 100%
rename from js/9.6/files.js
rename to js/9.7/files.js
diff --git a/js/9.6/form.js b/js/9.7/form.js
similarity index 100%
rename from js/9.6/form.js
rename to js/9.7/form.js
diff --git a/js/9.6/identify.js b/js/9.7/identify.js
similarity index 100%
rename from js/9.6/identify.js
rename to js/9.7/identify.js
diff --git a/js/9.6/init.js b/js/9.7/init.js
similarity index 100%
rename from js/9.6/init.js
rename to js/9.7/init.js
diff --git a/js/9.6/main.js b/js/9.7/main.js
similarity index 100%
rename from js/9.6/main.js
rename to js/9.7/main.js
diff --git a/js/9.6/parseForm.js b/js/9.7/parseForm.js
similarity index 100%
rename from js/9.6/parseForm.js
rename to js/9.7/parseForm.js
diff --git a/js/9.6/parseTemplate.js b/js/9.7/parseTemplate.js
similarity index 100%
rename from js/9.6/parseTemplate.js
rename to js/9.7/parseTemplate.js
diff --git a/js/9.6/scripts.js b/js/9.7/scripts.js
similarity index 100%
rename from js/9.6/scripts.js
rename to js/9.7/scripts.js
diff --git a/js/9.6/sha256.min.js b/js/9.7/sha256.min.js
similarity index 100%
rename from js/9.6/sha256.min.js
rename to js/9.7/sha256.min.js
diff --git a/js/9.6/storage.js b/js/9.7/storage.js
similarity index 100%
rename from js/9.6/storage.js
rename to js/9.7/storage.js
diff --git a/js/9.6/web.js b/js/9.7/web.js
similarity index 100%
rename from js/9.6/web.js
rename to js/9.7/web.js
diff --git a/js/9.6/xorc.js b/js/9.7/xorc.js
similarity index 100%
rename from js/9.6/xorc.js
rename to js/9.7/xorc.js