diff --git a/frontend.js b/frontend.js
new file mode 100644
index 0000000..c3c97e5
--- /dev/null
+++ b/frontend.js
@@ -0,0 +1,268 @@
+//Created by Samuel Lord (NodeMixaholic/Sparksammy)
+//Licensed under MIT with <3
+
+//Just like readTextFile("path/to/file.txt"); except based off of the WWW and needs a full URL. Also: requires JQuery
+var litext;
+var itext = "";
+function returner(valueToReturn) {
+  return valueToReturn;
+}
+
+function readInternetText(url) {
+  var request = new XMLHttpRequest();
+  request.onreadystatechange = function() {
+    src = request.responseText;
+    itext += src;
+    setTimeout("return itext", 13);
+  }
+
+  request.open("GET", url, true);
+
+  request.send();
+}
+
+
+var urlParams = new URLSearchParams(window.location.search); // Added, just in case someone wants to do something to the urlparams
+
+
+//Example: readTextFile("path/to/file.txt");
+function readTextFile(file) {
+    file = file.toString();
+    var file2read = new File([""], file);
+    var reader = new FileReader();
+    var lastReadOutput = reader.readAsText(file2read, "UTF-8");
+    return lastReadOutput;
+  }
+var varifyOutput = "";
+function varify(value) {
+  varifyOutput = value;
+}
+
+//Example: readDataFile("path/to/file.txt");
+function readDataFile(file) {
+    file = file.toString();
+    var file2read = new File([""], file);
+    var reader = new FileReader();
+    var lastReadOutput = reader.readAsDataURL(file2read);
+    return lastReadOutput;
+}
+
+function writeToBody(html) {
+    document.append(html.toString())
+}
+
+function overwriteBody(html) {
+    document.body.innerHTML = html.toString()
+}
+
+function randomPOS(elementID) {
+  var top=Math.floor(Math.random() * Math.floor(90));             
+  var left=Math.floor(Math.random() * Math.floor(90));                    
+  document.getElementById(elementID.toString).style.top=top+"%";                   
+  document.getElementById(elementID.toString).style.left=left+"%"
+}
+
+function pos(elementID,x,y) {
+  var top=y;             
+  var left=x;                    
+  document.getElementById(elementID.toString).style.top=top+"%";                   
+  document.getElementById(elementID.toString).style.left=left+"%"
+}
+
+// Selects a random value in a array
+// Example: randomSelectArray(Array); (Change the array!)
+function randomSelectArray(avar){ 
+  var isarray = Array.isArray(avar)
+  if (isarray == true) {
+    var rnfa = Math.floor(Math.random()*avar.length);
+    var rrfa = avar[rnfa]
+    return rrfa;
+  } else if (isarray == false){
+    console.log(`Error, ${avar} is not a Array...`);
+  }
+}
+
+
+function sleep(ms) {
+  setTimeout(function () {}, ms)
+}
+
+async function asyncSleep(ms) {
+  await new Promise(r => setTimeout(r, ms));
+}
+
+// Remade by Sparksammy
+// Example: isFunction(el)
+function isFunction(item) {
+  if (typeof item === 'function') {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+function applyCSS(elemID, prop, value) {
+    let e = document.getElementById(elemID)
+    e.style[prop] = value
+}
+
+function createParagraph(elementID) {
+    let e = document.createElement("p")
+    e.setAttribute("id", elementID)
+    document.body.appendChild(e)
+}
+
+function createHeader(num, elementID) {
+    let e = document.createElement(`h${num}`)
+    e.setAttribute("id", elementID)
+    document.body.appendChild(e)
+}
+
+function createElement(tagName, elementID) {
+    let e = document.createElement(tagName)
+    e.setAttribute("id", elementID)
+    document.body.appendChild(e)
+}
+
+function alignSelf(elemID, alignDirection) {
+    let e = document.getElementById(elemID)
+    e.style.alignSelf = alignDirection
+}
+
+function alignContent(elemID, alignDirection) {
+    let e = document.getElementById(elemID)
+    e.style.alignContent = alignDirection
+}
+
+function alignAll(elemID, alignDirection) {
+    alignSelf(elemID, alignDirection)
+    alignContent(elemID, alignDirection)
+}
+
+function writeTimeAndDate(elemID, hourFormat) {
+    let e = document.getElementById(elemID)
+    let d = new Date()
+    let locale = "en-GB"
+    if (hourFormat == 24) {
+        locale = locale //leave it the same.
+    } else {
+        locale = "en-US"
+    } 
+    let tdStr = d.toLocaleString(locale)
+    e.innerText = tdStr 
+}
+
+function writeText(elemID, str) {
+    let e = document.getElementById(elemID)
+    e.innerText = String(str) 
+}
+
+function writeHTML(elemID, str) {
+    let e = document.getElementById(elemID)
+    e.innerHTML = String(str) 
+}
+
+function clearPage() {
+    document.body.innerHTML = ""
+}
+
+function createList(listID, jsArray) {
+    let listParent = document.createElement("ul")
+    listParent.setAttribute("id", listID)
+    document.body.appendChild(listParent)
+    jsArray.forEach(item => {
+        listParent.innerHTML = listParent.innerHTML + `<li>${item}</li>`
+    })
+}
+
+function addToList(listID, jsArray) {
+    let listParent = document.getElementById(listID)
+    jsArray.forEach(item => {
+        listParent.innerHTML = listParent.innerHTML + `<li>${item}</li>`
+    })
+}
+
+
+// Gets the value of a attribute
+// Example: getAttribute(document.getElementById("link"), "href");
+function getAttribute(el, att) {
+  var result = el.getAttribute(att);
+  return result;
+}
+
+// Show/Hide Elements
+// Example: hideShow(el)
+function hideShow(el) {
+  if (el.style.display == 'none') {
+    el.style.display = '';
+  } else{
+    el.style.display = 'none';
+  }
+}
+
+// Example: fadeOut(el, 1000)
+function fadeOut(el, ms) {
+  elem = getElementById(el)
+  ms = parseInt(ms);
+  for (i = 0; i < (ms + 1); i++) {
+    elem.style.opacity = elem.style.opacity - (i / 100);
+    sleep(1)
+  }
+}
+
+// Example: fadeIn(el, 1000);
+function fadeIn(el, ms) {
+  elem = getElementById(el)
+  elem.style.opacity = 0;
+  ms = parseInt(ms);
+  for (i = 0; i < (ms + 1); i++) {
+    elem.style.opacity = elem.style.opacity + (i / 100);
+    sleep(1)
+  }
+}
+function spin(el, ms){
+  elem = getElementById(el)
+  for (i = 0; i < (ms / 360); i++) {
+    elem.style.transform = 'rotate(' + i + 'deg)';
+  }
+}
+
+
+//Eval alternative
+//Example: exec("alert('Hello, world!')")
+function exec(jsCode) {
+  js = jsCode.toString()
+  setTimeout( js, 1);
+}
+
+function requir3(jsFile) {
+  var req = readInternetText();
+  exec(readInternetText);
+}
+
+// Example: getFileSize(path/to/file)
+function getFileSize(file) {
+  file = file.toString();
+  var file = new File([""], file);
+  return file.getFileSize;
+}
+
+function lastModified(file) {
+  file = file.toString();
+  var file = new File([""], file);
+  return file.lastModified;
+}
+
+// Example: playAudio("https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3", 0.4)
+function playAudio(audio, speed) {
+  var ma = new Audio(audio);
+  ma.playbackRate = speed;
+  ma.play()
+}
+
+// Example: redir(url);
+function redir(url) {
+  window.location.href = url.toString();
+}
+
+