diff --git a/README.md b/README.md
index 61dadc6..fc198b7 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,27 @@
-# c3r38r17ools
+# c3tools
 Collection of personal sets of functions to speed up web development.
 
 ## TO DO
-- Finish TO DO list
 - Debug new changes introduced.
-- Add version number
-- Get a CDN.
+- Change SqS's cantidad parameter.
+- Add version number.
 - Minified version.
-- Add JSDocs
-- Document functions here.
+- ~~Get a CDN.~~ Publish to NPM.
+- Translate SqS completely.
+- Try to get rid of `// TODO`s.
+- Document functions here (with **examples**).
+- The "Soon!" stuff.
+
+## Soon!
+`download` function.
+<br>
+Modal messages with premises.
+<br>
+Easy way to add functions to the 'DOMContentLoaded' event.
+<br>
+Module version.
+<br>
+Reacting to DOM changes.
+
+---
+Any suggestion or feedback is welcome.
\ No newline at end of file
diff --git a/c3r38r17ools.js b/c3r38r17ools.js
deleted file mode 100644
index b62bdda..0000000
--- a/c3r38r17ools.js
+++ /dev/null
@@ -1,240 +0,0 @@
-//Utilities
-
-const W=window,D=document
-	,ALL=true,ONLY_ONE=false
-	,OTHER=-1,NUMBER=0,STRING=1,ARRAY=2,OBJECT=3,BOOLEAN=4,NULL=5;
-var B;
-
-addEventListener('DOMContentLoaded',()=>{
-	B=D.body;
-});
-
-function is(variable,type){
-	if(variable==null && type==NULL)
-		return true;
-	let types={
-		[NUMBER]:['number',Number]
-		,[STRING]:['string',String]
-		,[BOOLEAN]:['boolean',Boolean]
-	}
-	switch(type){
-		case 0:
-		case 1:
-		case 4:
-			return types[type][0]==typeof variable || variable instanceof types[type][1];
-		case 2:
-			return Array.isArray(variable);
-		case 3:
-			return 'object'==typeof variable && !Array.isArray(variable);
-	}
-	return type==OTHER;
-}
-
-function whatIs(variable){
-	switch(typeof variable){
-	case 'number':
-		return NUMBER;
-	case 'string':
-		return STRING;
-	case 'object':
-		switch(true){
-		case Array.isArray(variable):
-			return ARRAY;
-		case variable instanceof String:
-			return STRING;
-		case variable instanceof Number:
-			return NUMBER;
-		case variable==null:
-			return NULL;
-		default:
-			return OBJECT;
-		}
-	default:
-		return OTHER;
-	}
-}
-
-const gEt=id=>D.getElementById(id);
-
-function SqS(selector,{cantidad=ONLY_ONE,ancestroComun=D}={}){
-	if(selector instanceof Node)//??? Node vs Element
-		return selector;
-	if(is(selector,STRING)){
-		let resultados, restoDeSelector=selector.slice(1);
-		if(/[ :\[\.#,+~]/.test(restoDeSelector))
-			if(!cantidad||cantidad===1)
-				return ancestroComun.querySelector(selector)
-			else if(cantidad===true)
-				return ancestroComun.querySelectorAll(selector);
-			else resultados=ancestroComun.querySelectorAll(selector);
-		else switch(selector[0]){
-		case '#':
-			return D.getElementById(restoDeSelector);
-		case '.':
-			resultados=ancestroComun.getElementsByClassName(restoDeSelector);
-			break;
-		case '[':
-			let nameMatch=/^\[name="([^"]*)"\]$/.exec(selector);
-			if(nameMatch)
-				resultados=D.getElementsByName(nameMatch[1]);
-			break;
-		case ':':
-			break;
-		default:
-			resultados=ancestroComun.getElementsByTagName(selector);
-		}
-		if(!cantidad||cantidad===1)
-			return resultados?resultados[0]:D.querySelector(selector);
-		else if(cantidad===true)
-			return resultados?resultados:D.querySelectorAll(selector);
-		else{
-			if(!resultados)
-				resultados=D.querySelectorAll(selector);
-			if(cantidad>=resultados.length)
-				return resultados;
-			let respuesta=[];
-			for(let i=0;i<cantidad;i++)
-				respuesta.push(resultados[i]);
-			return respuesta;
-		}
-	}else return false;
-}
-
-//TODO deprecate in 2023, 2 years after Array.prototype.at was implemented in major browsers
-function last(array){
-	if(!is(array,ARRAY))
-		throw new Error('Tried to get last of something not an array.');
-	return array[array.length-1];
-}
-
-//Nodes
-
-function createNode(element,options,onlyChild){
-	// let {props,children,finalFun,}=options;
-	if(!element)
-		return;
-	
-	let finalFun;
-	
-	if(is(element,ARRAY))
-		[element,options,onlyChild]=element;
-	if(is(element,STRING))
-		if(element=element.trim())
-			element=D.createElement(element.toUpperCase());
-		else return;
-	
-	if(options && (options.nodeType || !is(options,OBJECT))){
-		onlyChild=options;
-		options=null;
-	}
-	
-	let value;
-	if(options)
-		for(let key in options){
-			value=options[key];
-			
-			switch(key){
-			case 'class':
-				element.classList.add(value);
-				break;
-			case 'classList':
-				for(let item of value)
-					element.classList.add(item);
-				break;
-			case 'finalFun':
-				finalFun=value;
-				break;
-			case 'children':
-				addNode(element,...value);
-				break;
-			default:
-				if(key.substring(0,2)=='on' && is(value,STRING))
-					if(value.match('[^a-zA-Z0-9_]'))
-						element[key]=new Function(value);
-					else element[key]=W[value];
-				else if(key.substring(0,2)!='on' && element[key]==undefined)//this is null too right?  probar algun dia, hacer test set 	//TODO do please
-					element.setAttribute(key,value);
-				else if(is(value,OBJECT)) //style, dataset
-					Object.assign(element[key],value);
-				else element[key]=value;
-				break;
-			}
-			// if(key=='innerHTML')
-			// 	processJSinHTML(value);
-		}
-	if(onlyChild)
-		element.appendChild(onlyChild.nodeType?onlyChild:createNode(onlyChild));
-	if(finalFun)
-		(typeof finalFun=='string'?new Function(finalFun):finalFun).call(element);
-	return element;
-}
-
-//TODO add some checking for parent, see if returning something else is better
-function addNode(parent,...children){
-	let results=[];
-	for(let child of children)
-		if(child)
-			results.push(parent.appendChild(child.nodeType?child:createNode(child)));
-	return results.length>1?results:results[0];
-}
-
-//fetching
-
-function sendJSON(url,JSONdata,otherOptions=null){
-	let defaultOptions={
-		credentials:'include'
-		,method:'POST'
-		,headers:{'Content-Type':'application/json'}
-		,body:JSON.stringify(JSONdata)
-	};
-	return fetch(url,otherOptions?Object.assign(defaultOptions,otherOptions):defaultOptions);
-}
-
-function* JSONAsURLEncodedStringIterator(obj,prefix=null){
-	let pairs=Array.isArray(obj)?
-		obj.map(el=>['',el])
-		:Object.entries(obj);
-	for (let [k,v] of pairs){
-		k = prefix ? prefix + "[" + k + "]" : k;
-		if(v != null && typeof v == "object")
-			yield* JSONAsURLEncodedStringIterator(v, k);
-		else yield [k,v];
-	}
-}
-
-function JSONAsFormData(obj){
-	if(!(is(obj,ARRAY) || is(obj,OBJECT)))
-		return;
-	
-	let fd=new FormData;
-	for(let key in obj){
-		let value=obj[key];
-		if(value != null && !(value instanceof File) && typeof value == "object"){ // objects and arrays
-			for(let pair of JSONAsURLEncodedStringIterator(value,key))
-				fd.append(...pair);
-		}else fd.append(key,value);
-	}
-	return fd;
-}
-
-function sendPOST(url,data,{returnType=null,otherOptions=null}={}){
-	if(!(data instanceof FormData))
-		data=JSONAsFormData(data);
-	
-	let options={
-		credentials:'include'
-		,method:'POST'
-		,body:data
-	};
-	if(otherOptions)
-		Object.assign(options,otherOptions);
-	
-	let f=fetch(url,options);
-	return returnType?
-		f.then(r=>r[returnType]())
-		:f;
-}
-
-function fetchConCredentials(url,options,...rest){
-	return fetch(url,Object.assign({credentials:'include'},options),...rest);
-}
\ No newline at end of file
diff --git a/c3tools.js b/c3tools.js
new file mode 100644
index 0000000..aa63497
--- /dev/null
+++ b/c3tools.js
@@ -0,0 +1,354 @@
+//Utilities
+
+const W=window,D=document
+	,ALL=true,ONLY_ONE=false;
+/** @const {HTMLBodyElement} */
+var B;
+/**
+ * Enum for types of variables.
+ * @readonly
+ * @enum {number}
+ */
+var Types={
+	OTHER:-1
+	,NUMBER:0
+	,STRING:1
+	,ARRAY:2
+	,OBJECT:3
+	,BOOLEAN:4
+	,NULL:5
+};
+
+addEventListener('DOMContentLoaded',()=>{
+	B=D.body;
+});
+
+/**
+ * Checks if the variable is of certain type
+ * @param {*} variable - Variable to check type.
+ * @param {Types} type - Type to check.
+ * @returns {boolean} If variable is of said type.
+ */
+function is(variable,type){
+	if(variable==null && type==Types.NULL)
+		return true;
+	let types={
+		[Types.NUMBER]:['number',Number]
+		,[Types.STRING]:['string',String]
+		,[Types.BOOLEAN]:['boolean',Boolean]
+	}
+	switch(type){
+		case 0:
+		case 1:
+		case 4:
+			return types[type][0]==typeof variable || variable instanceof types[type][1];
+		case 2:
+			return Array.isArray(variable);
+		case 3:
+			return 'object'==typeof variable && !Array.isArray(variable);
+	}
+	return type==Types.OTHER;
+}
+
+/**
+ * Checks and returns the type of the variable.
+ * @param {*} variable - Variable to check type
+ * @returns {Types} Type of the variable.
+ */
+function whatIs(variable){
+	switch(typeof variable){
+	case 'number':
+		return Types.NUMBER;
+	case 'string':
+		return Types.STRING;
+	case 'object':
+		switch(true){
+		case Array.isArray(variable):
+			return Types.ARRAY;
+		case variable instanceof String:
+			return Types.STRING;
+		case variable instanceof Number:
+			return Types.NUMBER;
+		case variable==null:
+			return Types.NULL;
+		default:
+			return Types.OBJECT;
+		}
+	default:
+		return Types.OTHER;
+	}
+}
+
+/**
+ * Wrapper for getElementById.
+ * @param {string} id - id to search for.
+ * @returns {?HTMLElement} Matching element or null if none exists.
+ */
+const gEt=id=>D.getElementById(id);
+
+/**
+ * Wrapper for querySelector, querySelectorAll, and any other DOM query methods.
+ * @param {string} selector - CSS selector to look for.
+ * @param {object} [obj]={} - Wrapper
+ * @param {(number|boolean)} [obj.cantidad]=ONLY_ONE - Ammount of Nodes to return, defaults to false (ONLY_ONE).
+ * @param {HTMLElement} [obj.ancestroComun]=D - DOM element on which the query will be done.
+ * @returns {(HTMLElement|NodeList|boolean)} The element or false if cantidad was 1 or false, a NodeList if cantidad was more than 1 or true.
+ */
+// TODO translate
+// TODO cambiar cantidad por n
+function SqS(selector,{cantidad=ONLY_ONE,ancestroComun=D}={}){
+	if(selector instanceof Node)//??? Node vs HTMLElement
+		return selector;
+	if(is(selector,Types.STRING)){
+		let resultados, restoDeSelector=selector.slice(1);
+		if(/[ :\[\.#,+~]/.test(restoDeSelector))
+			if(!cantidad||cantidad===1)
+				return ancestroComun.querySelector(selector)
+			else if(cantidad===true)
+				return ancestroComun.querySelectorAll(selector);
+			else resultados=ancestroComun.querySelectorAll(selector);
+		else switch(selector[0]){
+		case '#':
+			// TODO reconsider
+			let resultado = D.getElementById(restoDeSelector);
+			return resultado.closest(selector)
+				?resultado
+				:false;
+		case '.':
+			resultados=ancestroComun.getElementsByClassName(restoDeSelector);
+			break;
+		case '[':
+			let nameMatch=/^\[name="([^"]*)"\]$/.exec(selector);
+			if(nameMatch)
+				resultados=D.getElementsByName(nameMatch[1]);
+			break;
+		case ':':
+			break;
+		default:
+			resultados=ancestroComun.getElementsByTagName(selector);
+		}
+		if(!cantidad||cantidad===1)
+			return resultados?resultados[0]:D.querySelector(selector);
+		else if(cantidad===true)
+			return resultados?resultados:D.querySelectorAll(selector);
+		else{
+			if(!resultados)
+				resultados=D.querySelectorAll(selector);
+			if(cantidad>=resultados.length)
+				return resultados;
+			let respuesta=[];
+			for(let i=0;i<cantidad;i++)
+				respuesta.push(resultados[i]);
+			return respuesta;
+		}
+	}else return false;
+}
+
+/**
+ * Returns the last element of the array. Will soon be deprecated by Array.prototype.at
+ * @param {Array} array - The array to use.
+ * @throws Error if array is not an Array.
+ * @returns {*} The last element of the array.
+ */
+//TODO deprecate in 2023, 2 years after Array.prototype.at was implemented in major browsers
+function last(array){
+	if(!is(array,Types.ARRAY))
+		throw new Error('Tried to get last of something not an array.');
+	return array[array.length-1];
+}
+
+//Nodes
+
+/**
+ * An object with the properties that will be applied to the element. It has some special properties that will be handled differently, the rest will just be set through direct property access or the setAttribute method.
+ * @typedef CustomElementRepresentationProperties
+ * @type {object}
+ * @property {string} [class] - A CSS class.
+ * @property {string[]} [classList] - A list of CSS classes.
+ * @property {Function} [finalFun] - A function that will be called when the element is created with it as the context.
+ * @property {CustomElementRepresentation[]} [children] - A list of elements representations that will be created and appended.
+ * @property {(Function|string)} [onevent] - A function or a string representing the name of a global function or a function body that will be added as a property (element.onevent=function).
+ * @property {object} [dataset] - An object representing the data- attributes of the element as accessed through JavaScript.
+ * @property {object} [style] - An object representing the inline CSS style of the element as accessed through JavaScript.
+ */
+
+/**
+ * @typedef {(string|HTMLElement|[(string|HTMLElement),CustomElementRepresentationProperties])} CustomElementRepresentation Either a string (the name of the element) or an array with the name of the element and an object containing the properties the element will have.
+ */
+
+/**
+ * Creates Elements from a representation.
+ * This function is not supposed to be used alone, but with nested elements inside addElement parameters.
+ * @param {(CustomElementRepresentation|[CustomElementRepresentationProperties,(CustomElementRepresentation|object),HTMLElement])} element - A representation of the starting element, can be the name or an existing element. Can also be an array of the 3 parameters, for nesting.
+ * @param {(CustomElementRepresentation|object)} [options] - Represents the properties to be added to the element. Can also be used to pass an only child, for nesting. Some special values: children; an array of children representations (Existing Elements, arrays of parameters for createElement, even a string of the node name.). class; a single class name as a string. Not incompatible with classList. classList; an array of classes names. finalFun; a function that will be called at the end and has the resulting element as the context. on{event}; can be passed a function (not an arrow one) or a string of the body of the function or the name of the function (looked for in Window).
+ * @param {HTMLElement} [onlyChild] - If only 1 child will be added, then this parameter is for you. This comes handy in nesting.
+ * @returns {HTMLElement} The resulting element.
+ */
+function createElement(element,options,onlyChild){
+	// let {props,children,finalFun,}=options;
+	if(!element)
+		return;
+	
+	let finalFun;
+	
+	if(is(element,Types.ARRAY))
+		[element,options,onlyChild]=element;
+	if(is(element,Types.STRING))
+		if(element=element.trim())
+			element=D.createElement(element.toUpperCase());
+		else return;
+	
+	if(options && (options.nodeType || !is(options,Types.OBJECT))){
+		onlyChild=options;
+		options=null;
+	}
+	
+	let value;
+	if(options)
+		for(let key in options){
+			value=options[key];
+			
+			switch(key){
+			case 'class':
+				element.classList.add(value);
+				break;
+			case 'classList':
+				for(let item of value)
+					element.classList.add(item);
+				break;
+			case 'finalFun':
+				finalFun=value;
+				break;
+			case 'children':
+				addElement(element,...value);
+				break;
+			default:
+				if(key.substring(0,2)=='on' && is(value,Types.STRING))
+					if(value.match('[^a-zA-Z0-9_]'))
+						element[key]=new Function(value);
+					else element[key]=W[value];
+				else if(key.substring(0,2)!='on' && element[key]==undefined)//this is null too right?  probar algun dia, hacer test set 	//TODO do please
+					element.setAttribute(key,value);
+				else if(is(value,Types.OBJECT)) //style, dataset
+					Object.assign(element[key],value);
+				else element[key]=value;
+				break;
+			}
+			// if(key=='innerHTML')
+			// 	processJSinHTML(value);
+		}
+	if(onlyChild)
+		element.appendChild(onlyChild.nodeType?onlyChild:createElement(onlyChild));
+	if(finalFun)
+		(typeof finalFun=='string'?new Function(finalFun):finalFun).call(element);
+	return element;
+}
+
+/**
+ * Adds the elements resulting from the children to the specified parent element.
+ * @param {HTMLElement} parent - The element where all children will be appended.
+ * @param  {...CustomElementRepresentation} children - The structures of the children that will be created and appended.
+ * @returns {(HTMLElement|HTMLElement[])} The only child added if there's one or an array of all the children added.
+ */
+function addElement(parent,...children){
+	//TODO add some checking for parent, see if returning something else is better
+	let results=[];
+	for(let child of children)
+		if(child)
+			results.push(parent.appendChild(child.nodeType?child:createElement(child)));
+	return results.length>1?results:results[0];
+}
+
+//fetching
+
+/**
+ * Sends JSON as POST request.
+ * @param {string} url - The target URL.
+ * @param {object} JSONdata - The request payload.
+ * @param {object} otherOptions - Options for the fetch operation.
+ * @returns {Promise} The resulting Promise from the fetch operation.
+ */
+function sendJSON(url,JSONdata,otherOptions=null){
+	let defaultOptions={
+		credentials:'include'
+		,method:'POST'
+		,headers:{'Content-Type':'application/json'}
+		,body:JSON.stringify(JSONdata)
+	};
+	return fetch(url,otherOptions?Object.assign(defaultOptions,otherOptions):defaultOptions);
+}
+
+/**
+ * A recursive iterator that turns a JSON object into URL string key-value pairs.
+ * @param {object} obj - The object to parse.
+ * @param {string} prefix - The path to this object.
+ * @yields {[string, string]} Key-value pair.
+ */
+function* JSONAsURLEncodedStringIterator(obj,prefix=null){
+	let pairs=Array.isArray(obj)?
+		obj.map(el=>['',el])
+		:Object.entries(obj);
+	for (let [k,v] of pairs){
+		k = prefix ? prefix + "[" + k + "]" : k;
+		if(v != null && typeof v == "object")
+			yield* JSONAsURLEncodedStringIterator(v, k);
+		else yield [k,v];
+	}
+}
+
+/**
+ * Turns a regular object into a FormData object.
+ * @param {(Array|object)} obj - Original object.
+ * @returns {FormData} The data as a FormData.
+ */
+function JSONAsFormData(obj){
+	if(!(is(obj,Types.ARRAY) || is(obj,Types.OBJECT)))
+		return;
+	
+	let fd=new FormData;
+	for(let key in obj){
+		let value=obj[key];
+		if(value != null && !(value instanceof File) && typeof value == "object"){ // objects and arrays
+			for(let pair of JSONAsURLEncodedStringIterator(value,key))
+				fd.append(...pair);
+		}else fd.append(key,value);
+	}
+	return fd;
+}
+
+/**
+ * Sends JSON as FormData. This differs from sendJSON in that this can send files.
+ * @param {string} url - The URL where to send the data
+ * @param {(object|FormData)} data - The data to be sent.
+ * @param {string} [returnType=null] - If provided, the Promise returned will not be the one returned by the fetch call, but the function of this name on the response. Example values: "json", "text"
+ * @param {object} [otherOptions=null] - Other fetch options that should be applied.
+ * @return {Promise} The Promise of the fetch request or its response.
+ */
+function sendPOST(url,data,{returnType=null,otherOptions=null}={}){
+	if(!(data instanceof FormData))
+		data=JSONAsFormData(data);
+	
+	let options={
+		credentials:'include'
+		,method:'POST'
+		,body:data
+	};
+	if(otherOptions)
+		Object.assign(options,otherOptions);
+	
+	let f=fetch(url,options);
+	return returnType?
+		f.then(r=>r[returnType]())
+		:f;
+}
+
+/**
+ * Just like a regular fetch but with credentials:'include'.
+ * @param {string} url - URL to fetch.
+ * @param {object} options - Options to pass to the fetch function.
+ * @param  {...*} rest - More parameters to pass to the fetch function.
+ * @returns {Promise} The promise returned from the fetch call.
+ */
+function fetchConCredentials(url,options,...rest){
+	return fetch(url,Object.assign({credentials:'include'},options),...rest);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..89a4440
--- /dev/null
+++ b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<script src="c3r38r17ools.js"></script>
+	<title>Document</title>
+</head>
+<body>
+	<script>
+		let a=createNode('DIV',{
+			children:[
+				['H2',{innerText:'Fito Paez'}]
+				,['P',{innerText:'Él fue un gran cantautor'}]
+			]
+			,class:'cantante'
+			,dataset:{
+				value:2
+			}
+		})
+		console.log(a);
+		addEventListener('DOMContentLoaded',()=> B.appendChild(a))
+	</script>
+</body>
+</html>
\ No newline at end of file