diff --git a/__resource.lua b/__resource.lua
new file mode 100644
index 00000000..29f472c9
--- /dev/null
+++ b/__resource.lua
@@ -0,0 +1,23 @@
+resource_manifest_version '44febabe-d386-4d18-afbe-5e627f4af937'
+
+description 'ESX Menu Dialog'
+
+client_scripts {
+	'client/main.lua'
+}
+
+ui_page {
+	'html/ui.html'
+}
+
+files {
+	'html/ui.html',
+	'html/css/app.css',
+	'html/js/mustache.min.js',
+	'html/js/app.js',
+	'html/fonts/pdown.ttf',
+	'html/fonts/bankgothic.ttf',
+	'html/img/cursor.png',
+	'html/img/keys/enter.png',
+	'html/img/keys/return.png',
+}
\ No newline at end of file
diff --git a/client/main.lua b/client/main.lua
new file mode 100644
index 00000000..6b4e3e7f
--- /dev/null
+++ b/client/main.lua
@@ -0,0 +1,134 @@
+ESX = nil
+
+Citizen.CreateThread(function()
+
+	while ESX == nil do
+		TriggerEvent('esx:getSharedObject', function(obj) ESX = obj end)
+		Citizen.Wait(0)
+	end
+
+	local Keys = {
+		["ESC"] = 322, ["F1"] = 288, ["F2"] = 289, ["F3"] = 170, ["F5"] = 166, ["F6"] = 167, ["F7"] = 168, ["F8"] = 169, ["F9"] = 56, ["F10"] = 57, 
+		["~"] = 243, ["1"] = 157, ["2"] = 158, ["3"] = 160, ["4"] = 164, ["5"] = 165, ["6"] = 159, ["7"] = 161, ["8"] = 162, ["9"] = 163, ["-"] = 84, ["="] = 83, ["BACKSPACE"] = 177, 
+		["TAB"] = 37, ["Q"] = 44, ["W"] = 32, ["E"] = 38, ["R"] = 45, ["T"] = 245, ["Y"] = 246, ["U"] = 303, ["P"] = 199, ["["] = 39, ["]"] = 40, ["ENTER"] = 18,
+		["CAPS"] = 137, ["A"] = 34, ["S"] = 8, ["D"] = 9, ["F"] = 23, ["G"] = 47, ["H"] = 74, ["K"] = 311, ["L"] = 182,
+		["LEFTSHIFT"] = 21, ["Z"] = 20, ["X"] = 73, ["C"] = 26, ["V"] = 0, ["B"] = 29, ["N"] = 249, ["M"] = 244, [","] = 82, ["."] = 81,
+		["LEFTCTRL"] = 36, ["LEFTALT"] = 19, ["SPACE"] = 22, ["RIGHTCTRL"] = 70, 
+		["HOME"] = 213, ["PAGEUP"] = 10, ["PAGEDOWN"] = 11, ["DELETE"] = 178,
+		["LEFT"] = 174, ["RIGHT"] = 175, ["TOP"] = 27, ["DOWN"] = 173,
+		["NENTER"] = 201, ["N4"] = 108, ["N5"] = 60, ["N6"] = 107, ["N+"] = 96, ["N-"] = 97, ["N7"] = 117, ["N8"] = 61, ["N9"] = 118
+	}
+
+	local GUI         = {}
+	GUI.Time          = 0
+	local MenuType    = 'dialog'
+	local OpenedMenus = {}
+
+	local openMenu = function(namespace, name, data)
+
+		OpenedMenus[namespace .. '_' .. name] = true
+
+		SendNUIMessage({
+			action    = 'openMenu',
+			namespace = namespace,
+			name      = name,
+			data      = data,
+		})
+
+		ESX.SetTimeout(200, function()
+			SetNuiFocus(true, true)
+		end)
+
+	end
+
+	local closeMenu = function(namespace, name)
+
+		OpenedMenus[namespace .. '_' .. name] = nil
+		local OpenedMenuCount                 = 0
+
+		SendNUIMessage({
+			action    = 'closeMenu',
+			namespace = namespace,
+			name      = name,
+			data      = data,
+		})
+
+		for k,v in pairs(OpenedMenus) do
+			if v == true then
+				OpenedMenuCount = OpenedMenuCount + 1
+			end
+		end
+
+		if OpenedMenuCount == 0 then
+			SetNuiFocus(false)
+		end
+
+	end
+
+	ESX.UI.Menu.RegisterType(MenuType, openMenu, closeMenu)
+
+	RegisterNUICallback('menu_submit', function(data, cb)
+		
+		local menu = ESX.UI.Menu.GetOpened(MenuType, data._namespace, data._name)
+		
+		if menu.submit ~= nil then
+			menu.submit(data, menu)
+		end
+
+		cb('OK')
+	end)
+
+	RegisterNUICallback('menu_cancel', function(data, cb)
+		
+		local menu = ESX.UI.Menu.GetOpened(MenuType, data._namespace, data._name)
+		
+		if menu.cancel ~= nil then
+			menu.cancel(data, menu)
+		end
+
+		cb('OK')
+	end)
+
+	RegisterNUICallback('menu_change', function(data, cb)
+		
+		local menu = ESX.UI.Menu.GetOpened(MenuType, data._namespace, data._name)
+		
+		if menu.change ~= nil then
+			menu.change(data, menu)
+		end
+		
+		cb('OK')
+	end)
+
+	Citizen.CreateThread(function()
+		while true do
+
+	  	Wait(0)
+
+	  	local OpenedMenuCount = 0
+
+	  	for k,v in pairs(OpenedMenus) do
+	  		if v == true then
+	  			OpenedMenuCount = OpenedMenuCount + 1
+	  		end
+	  	end
+
+	  	if OpenedMenuCount > 0 then
+
+	      DisableControlAction(0, 1,   true) -- LookLeftRight
+	      DisableControlAction(0, 2,   true) -- LookUpDown
+	      DisableControlAction(0, 142, true) -- MeleeAttackAlternate
+	      DisableControlAction(0, 106, true) -- VehicleMouseControlOverride
+
+	      DisableControlAction(0, 12, true) -- WeaponWheelUpDown
+	      DisableControlAction(0, 14, true) -- WeaponWheelNext
+	      DisableControlAction(0, 15, true) -- WeaponWheelPrev
+	      DisableControlAction(0, 16, true) -- SelectNextWeapon
+	      DisableControlAction(0, 17, true) -- SelectPrevWeapon
+
+	  	end
+
+	  end
+	end)
+
+end)
\ No newline at end of file
diff --git a/config.lua b/config.lua
new file mode 100644
index 00000000..81e8ddf6
--- /dev/null
+++ b/config.lua
@@ -0,0 +1,74 @@
+Config = {}
+
+Config.accounts                 = {'bank',   'black_money'}
+Config.accountLabels            = {'Banque', 'Argent Sale'}
+Config.PaycheckInterval         = 7 * 60000
+Config.ShowDotAbovePlayer       = false
+Config.RemoveInventoryItemDelay = 5 * 60000
+
+Config.Weapons = {
+
+	{name = 'WEAPON_UNARMED'},
+	{name = 'WEAPON_ANIMAL'},
+	{name = 'WEAPON_COUGAR'},
+	{name = 'WEAPON_KNIFE'},
+	{name = 'WEAPON_NIGHTSTICK'},
+	{name = 'WEAPON_HAMMER'},
+	{name = 'WEAPON_BAT'},
+	{name = 'WEAPON_GOLFCLUB'},
+	{name = 'WEAPON_CROWBAR'},
+	{name = 'WEAPON_PISTOL'},
+	{name = 'WEAPON_COMBATPISTOL'},
+	{name = 'WEAPON_APPISTOL'},
+	{name = 'WEAPON_PISTOL50'},
+	{name = 'WEAPON_MICROSMG'},
+	{name = 'WEAPON_SMG'},
+	{name = 'WEAPON_ASSAULTSMG'},
+	{name = 'WEAPON_ASSAULTRIFLE'},
+	{name = 'WEAPON_CARBINERIFLE'},
+	{name = 'WEAPON_ADVANCEDRIFLE'},
+	{name = 'WEAPON_MG'},
+	{name = 'WEAPON_COMBATMG'},
+	{name = 'WEAPON_PUMPSHOTGUN'},
+	{name = 'WEAPON_SAWNOFFSHOTGUN'},
+	{name = 'WEAPON_ASSAULTSHOTGUN'},
+	{name = 'WEAPON_BULLPUPSHOTGUN'},
+	{name = 'WEAPON_STUNGUN'},
+	{name = 'WEAPON_SNIPERRIFLE'},
+	{name = 'WEAPON_HEAVYSNIPER'},
+	{name = 'WEAPON_REMOTESNIPER'},
+	{name = 'WEAPON_GRENADELAUNCHER'},
+	{name = 'WEAPON_GRENADELAUNCHER_SMOKE'},
+	{name = 'WEAPON_RPG'},
+	{name = 'WEAPON_PASSENGER_ROCKET'},
+	{name = 'WEAPON_AIRSTRIKE_ROCKET'},
+	{name = 'WEAPON_STINGER'},
+	{name = 'WEAPON_MINIGUN'},
+	{name = 'WEAPON_GRENADE'},
+	{name = 'WEAPON_STICKYBOMB'},
+	{name = 'WEAPON_SMOKEGRENADE'},
+	{name = 'WEAPON_BZGAS'},
+	{name = 'WEAPON_MOLOTOV'},
+	{name = 'WEAPON_FIREEXTINGUISHER'},
+	{name = 'WEAPON_PETROLCAN'},
+	{name = 'WEAPON_DIGISCANNER'},
+	{name = 'WEAPON_BRIEFCASE'},
+	{name = 'WEAPON_BRIEFCASE_02'},
+	{name = 'WEAPON_BALL'},
+	{name = 'WEAPON_FLARE'},
+	{name = 'WEAPON_VEHICLE_ROCKET'},
+	{name = 'WEAPON_BARBED_WIRE'},
+	{name = 'WEAPON_DROWNING'},
+	{name = 'WEAPON_DROWNING_IN_VEHICLE'},
+	{name = 'WEAPON_BLEEDING'},
+	{name = 'WEAPON_ELECTRIC_FENCE'},
+	{name = 'WEAPON_EXPLOSION'},
+	{name = 'WEAPON_FALL'},
+	{name = 'WEAPON_EXHAUSTION'},
+	{name = 'WEAPON_HIT_BY_WATER_CANNON'},
+	{name = 'WEAPON_RAMMED_BY_CAR'},
+	{name = 'WEAPON_RUN_OVER_BY_CAR'},
+	{name = 'WEAPON_HELI_CRASH'},
+	{name = 'WEAPON_FIRE'}
+
+}
\ No newline at end of file
diff --git a/html/css/app.css b/html/css/app.css
new file mode 100644
index 00000000..55577105
--- /dev/null
+++ b/html/css/app.css
@@ -0,0 +1,87 @@
+@font-face {
+  font-family: bankgothic;
+  src: url('../fonts/bankgothic.ttf');
+}
+
+@font-face {
+  font-family: pcdown;
+  src: url('../fonts/pdown.ttf');
+}
+
+#cursor {
+  position: absolute;
+  z-index: 999999999;
+  display:  none;
+}
+
+#controls {
+  font-family   : pcdown;
+  font-size     : 3em;
+  color         : #FFF;
+  position      : absolute;
+  bottom        : 40;
+  right         : 40;
+  
+  text-shadow:
+    -1px -1px 0 #000,
+     1px -1px 0 #000,
+    -1px  1px 0 #000,
+     1px  1px 0 #000
+  ;
+}
+
+.controls {
+  display: none;
+}
+
+.dialog {
+
+  font-family     : bankgothic;  
+  background-color: #fff;
+  color           : #fff;
+  box-shadow      : 0px 0px 50px 0px #000;
+  position        : absolute;
+  overflow        : hidden;
+  top             : 50%;
+  left            : 50%;
+  width           : 600px;
+  height          : 104px;
+  transform       : translate(-50%, -50%);
+}
+
+.dialog.big {
+  height: 200px;
+}
+
+.dialog .head {
+  background-color: #506be6;
+  text-align      : center;
+  height          : 40px;
+}
+
+.dialog .head span:before {
+  content: "";
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle;
+}
+
+.dialog input[type="text"] {
+  width : 100%;
+  height: 32px;
+}
+
+.dialog textarea {
+  width : 100%;
+  height: 128px;
+}
+
+.dialog button[name="submit"] {
+  width : 75%;
+  height: 32px;
+}
+
+.dialog button[name="cancel"] {
+  width : 25%;
+  height: 32px;
+}
\ No newline at end of file
diff --git a/html/fonts/bankgothic.ttf b/html/fonts/bankgothic.ttf
new file mode 100644
index 00000000..f3d8049b
Binary files /dev/null and b/html/fonts/bankgothic.ttf differ
diff --git a/html/fonts/pdown.ttf b/html/fonts/pdown.ttf
new file mode 100644
index 00000000..69c76cf3
Binary files /dev/null and b/html/fonts/pdown.ttf differ
diff --git a/html/img/accounts/bank.png b/html/img/accounts/bank.png
new file mode 100644
index 00000000..eb36dc8e
Binary files /dev/null and b/html/img/accounts/bank.png differ
diff --git a/html/img/accounts/black_money.png b/html/img/accounts/black_money.png
new file mode 100644
index 00000000..a42f6aa5
Binary files /dev/null and b/html/img/accounts/black_money.png differ
diff --git a/html/img/cursor.png b/html/img/cursor.png
new file mode 100644
index 00000000..6ada58a4
Binary files /dev/null and b/html/img/cursor.png differ
diff --git a/html/img/keys/enter.png b/html/img/keys/enter.png
new file mode 100644
index 00000000..3eb9a1f6
Binary files /dev/null and b/html/img/keys/enter.png differ
diff --git a/html/img/keys/return.png b/html/img/keys/return.png
new file mode 100644
index 00000000..a3ca125a
Binary files /dev/null and b/html/img/keys/return.png differ
diff --git a/html/js/app.js b/html/js/app.js
new file mode 100644
index 00000000..0de33dbc
--- /dev/null
+++ b/html/js/app.js
@@ -0,0 +1,167 @@
+(function(){
+
+	let MenuTpl =
+		'<div id="menu_{{_namespace}}_{{_name}}" class="dialog {{#isBig}}big{{/isBig}}">' +
+			'<div class="head"><span>{{title}}</span></div>' +
+				'{{#isDefault}}<input type="text" name="value"/>{{/isDefault}}' +
+				'{{#isBig}}<textarea name="value"/>{{/isBig}}' +
+				'<button type="button" name="submit">Envoyer</button>' +
+				'<button type="button" name="cancel">Annuler</button>'
+			'</div>' +
+		'</div>'
+	;
+
+	window.ESX_MENU       = {};
+	ESX_MENU.ResourceName = 'esx_menu_dialog';
+	ESX_MENU.opened       = {};
+	ESX_MENU.focus        = [];
+	ESX_MENU.pos          = {};
+
+	ESX_MENU.open = function(namespace, name, data){
+
+		if(typeof ESX_MENU.opened[namespace] == 'undefined')
+			ESX_MENU.opened[namespace] = {};
+
+		if(typeof ESX_MENU.opened[namespace][name] != 'undefined')
+			ESX_MENU.close(namespace, name);
+
+		if(typeof ESX_MENU.pos[namespace] == 'undefined')
+			ESX_MENU.pos[namespace] = {};
+
+		if(typeof data.type == 'undefined')
+			data.type = 'default';
+
+		if(typeof data.align == 'undefined')
+			data.align = 'top-left';
+
+		data._index     = ESX_MENU.focus.length;
+		data._namespace = namespace;
+		data._name      = name;
+
+		ESX_MENU.opened[namespace][name] = data;
+		ESX_MENU.pos   [namespace][name] = 0;
+
+		ESX_MENU.focus.push({
+			namespace: namespace,
+			name     : name
+		});
+		
+		ESX_MENU.render();
+	}
+
+	ESX_MENU.close = function(namespace, name){
+		
+		delete ESX_MENU.opened[namespace][name];
+
+		for(let i=0; i<ESX_MENU.focus.length; i++){
+			if(ESX_MENU.focus[i].namespace == namespace && ESX_MENU.focus[i].name == name){
+				ESX_MENU.focus.splice(i, 1);
+				break;
+			}
+		}
+
+		ESX_MENU.render();
+	}
+
+	ESX_MENU.render = function(){
+
+		let menuContainer = $('#menus')[0];
+		
+		$(menuContainer).find('button[name="submit"]').unbind('click');
+		$(menuContainer).find('button[name="cancel"]').unbind('click');
+		$(menuContainer).find('[name="value"]')       .unbind('input propertychange');
+
+		menuContainer.innerHTML = '';
+
+		$(menuContainer).hide();
+
+		for(let namespace in ESX_MENU.opened){
+			for(let name in ESX_MENU.opened[namespace]){
+
+				let menuData = ESX_MENU.opened[namespace][name];
+				let view     = JSON.parse(JSON.stringify(menuData));
+
+				switch(menuData.type){
+
+					case 'default' : {
+						view.isDefault = true;
+						break;
+					}
+
+					case 'big' : {
+						view.isBig = true;
+						break;
+					}
+
+					default : break;
+
+				}
+
+				let menu = $(Mustache.render(MenuTpl, view))[0];
+
+				$(menu).css('z-index', 1000 + view._index);
+
+				$(menu).find('button[name="submit"]').click(function() {
+					ESX_MENU.submit(this.namespace, this.name, this.data);
+				}.bind({namespace: namespace, name: name, data: menuData}));
+
+				$(menu).find('button[name="cancel"]').click(function() {
+					ESX_MENU.cancel(this.namespace, this.name, this.data);
+				}.bind({namespace: namespace, name: name, data: menuData}));
+
+				$(menu).find('[name="value"]').bind('input propertychange', function(){
+					this.data.value = $(menu).find('[name="value"]').val();
+					ESX_MENU.change(this.namespace, this.name, this.data);
+				}.bind({namespace: namespace, name: name, data: menuData}));
+
+				if(typeof menuData.value != 'undefined')
+					$(menu).find('[name="value"]').val(menuData.value);
+
+				menuContainer.appendChild(menu);
+			}
+		}
+
+		$(menuContainer).show();
+	}
+
+	ESX_MENU.submit = function(namespace, name, data){
+		$.post('http://' + ESX_MENU.ResourceName + '/menu_submit', JSON.stringify(data));
+	}
+
+	ESX_MENU.cancel = function(namespace, name, data){
+		$.post('http://' + ESX_MENU.ResourceName + '/menu_cancel', JSON.stringify(data));
+	}
+
+	ESX_MENU.change = function(namespace, name, data){
+		$.post('http://' + ESX_MENU.ResourceName + '/menu_change', JSON.stringify(data));
+	}
+
+	ESX_MENU.getFocused = function(){
+		return ESX_MENU.focus[ESX_MENU.focus.length - 1];
+	}
+
+	window.onData = (data) => {
+
+		switch(data.action){
+
+			case 'openMenu' : {
+				ESX_MENU.open(data.namespace, data.name, data.data);
+				break;
+			}
+
+			case 'closeMenu' : {
+				ESX_MENU.close(data.namespace, data.name);
+				break;
+			}
+
+		}
+
+	}
+
+	window.onload = function(e){
+		window.addEventListener('message', (event) => {
+			onData(event.data)
+		});
+	}
+
+})()
\ No newline at end of file
diff --git a/html/js/mustache.min.js b/html/js/mustache.min.js
new file mode 100644
index 00000000..520cfcb9
--- /dev/null
+++ b/html/js/mustache.min.js
@@ -0,0 +1 @@
+(function defineMustache(global,factory){if(typeof exports==="object"&&exports&&typeof exports.nodeName!=="string"){factory(exports)}else if(typeof define==="function"&&define.amd){define(["exports"],factory)}else{global.Mustache={};factory(global.Mustache)}})(this,function mustacheFactory(mustache){var objectToString=Object.prototype.toString;var isArray=Array.isArray||function isArrayPolyfill(object){return objectToString.call(object)==="[object Array]"};function isFunction(object){return typeof object==="function"}function typeStr(obj){return isArray(obj)?"array":typeof obj}function escapeRegExp(string){return string.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function hasProperty(obj,propName){return obj!=null&&typeof obj==="object"&&propName in obj}var regExpTest=RegExp.prototype.test;function testRegExp(re,string){return regExpTest.call(re,string)}var nonSpaceRe=/\S/;function isWhitespace(string){return!testRegExp(nonSpaceRe,string)}var entityMap={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};function escapeHtml(string){return String(string).replace(/[&<>"'`=\/]/g,function fromEntityMap(s){return entityMap[s]})}var whiteRe=/\s*/;var spaceRe=/\s+/;var equalsRe=/\s*=/;var curlyRe=/\s*\}/;var tagRe=/#|\^|\/|>|\{|&|=|!/;function parseTemplate(template,tags){if(!template)return[];var sections=[];var tokens=[];var spaces=[];var hasTag=false;var nonSpace=false;function stripSpace(){if(hasTag&&!nonSpace){while(spaces.length)delete tokens[spaces.pop()]}else{spaces=[]}hasTag=false;nonSpace=false}var openingTagRe,closingTagRe,closingCurlyRe;function compileTags(tagsToCompile){if(typeof tagsToCompile==="string")tagsToCompile=tagsToCompile.split(spaceRe,2);if(!isArray(tagsToCompile)||tagsToCompile.length!==2)throw new Error("Invalid tags: "+tagsToCompile);openingTagRe=new RegExp(escapeRegExp(tagsToCompile[0])+"\\s*");closingTagRe=new RegExp("\\s*"+escapeRegExp(tagsToCompile[1]));closingCurlyRe=new RegExp("\\s*"+escapeRegExp("}"+tagsToCompile[1]))}compileTags(tags||mustache.tags);var scanner=new Scanner(template);var start,type,value,chr,token,openSection;while(!scanner.eos()){start=scanner.pos;value=scanner.scanUntil(openingTagRe);if(value){for(var i=0,valueLength=value.length;i<valueLength;++i){chr=value.charAt(i);if(isWhitespace(chr)){spaces.push(tokens.length)}else{nonSpace=true}tokens.push(["text",chr,start,start+1]);start+=1;if(chr==="\n")stripSpace()}}if(!scanner.scan(openingTagRe))break;hasTag=true;type=scanner.scan(tagRe)||"name";scanner.scan(whiteRe);if(type==="="){value=scanner.scanUntil(equalsRe);scanner.scan(equalsRe);scanner.scanUntil(closingTagRe)}else if(type==="{"){value=scanner.scanUntil(closingCurlyRe);scanner.scan(curlyRe);scanner.scanUntil(closingTagRe);type="&"}else{value=scanner.scanUntil(closingTagRe)}if(!scanner.scan(closingTagRe))throw new Error("Unclosed tag at "+scanner.pos);token=[type,value,start,scanner.pos];tokens.push(token);if(type==="#"||type==="^"){sections.push(token)}else if(type==="/"){openSection=sections.pop();if(!openSection)throw new Error('Unopened section "'+value+'" at '+start);if(openSection[1]!==value)throw new Error('Unclosed section "'+openSection[1]+'" at '+start)}else if(type==="name"||type==="{"||type==="&"){nonSpace=true}else if(type==="="){compileTags(value)}}openSection=sections.pop();if(openSection)throw new Error('Unclosed section "'+openSection[1]+'" at '+scanner.pos);return nestTokens(squashTokens(tokens))}function squashTokens(tokens){var squashedTokens=[];var token,lastToken;for(var i=0,numTokens=tokens.length;i<numTokens;++i){token=tokens[i];if(token){if(token[0]==="text"&&lastToken&&lastToken[0]==="text"){lastToken[1]+=token[1];lastToken[3]=token[3]}else{squashedTokens.push(token);lastToken=token}}}return squashedTokens}function nestTokens(tokens){var nestedTokens=[];var collector=nestedTokens;var sections=[];var token,section;for(var i=0,numTokens=tokens.length;i<numTokens;++i){token=tokens[i];switch(token[0]){case"#":case"^":collector.push(token);sections.push(token);collector=token[4]=[];break;case"/":section=sections.pop();section[5]=token[2];collector=sections.length>0?sections[sections.length-1][4]:nestedTokens;break;default:collector.push(token)}}return nestedTokens}function Scanner(string){this.string=string;this.tail=string;this.pos=0}Scanner.prototype.eos=function eos(){return this.tail===""};Scanner.prototype.scan=function scan(re){var match=this.tail.match(re);if(!match||match.index!==0)return"";var string=match[0];this.tail=this.tail.substring(string.length);this.pos+=string.length;return string};Scanner.prototype.scanUntil=function scanUntil(re){var index=this.tail.search(re),match;switch(index){case-1:match=this.tail;this.tail="";break;case 0:match="";break;default:match=this.tail.substring(0,index);this.tail=this.tail.substring(index)}this.pos+=match.length;return match};function Context(view,parentContext){this.view=view;this.cache={".":this.view};this.parent=parentContext}Context.prototype.push=function push(view){return new Context(view,this)};Context.prototype.lookup=function lookup(name){var cache=this.cache;var value;if(cache.hasOwnProperty(name)){value=cache[name]}else{var context=this,names,index,lookupHit=false;while(context){if(name.indexOf(".")>0){value=context.view;names=name.split(".");index=0;while(value!=null&&index<names.length){if(index===names.length-1)lookupHit=hasProperty(value,names[index]);value=value[names[index++]]}}else{value=context.view[name];lookupHit=hasProperty(context.view,name)}if(lookupHit)break;context=context.parent}cache[name]=value}if(isFunction(value))value=value.call(this.view);return value};function Writer(){this.cache={}}Writer.prototype.clearCache=function clearCache(){this.cache={}};Writer.prototype.parse=function parse(template,tags){var cache=this.cache;var tokens=cache[template];if(tokens==null)tokens=cache[template]=parseTemplate(template,tags);return tokens};Writer.prototype.render=function render(template,view,partials){var tokens=this.parse(template);var context=view instanceof Context?view:new Context(view);return this.renderTokens(tokens,context,partials,template)};Writer.prototype.renderTokens=function renderTokens(tokens,context,partials,originalTemplate){var buffer="";var token,symbol,value;for(var i=0,numTokens=tokens.length;i<numTokens;++i){value=undefined;token=tokens[i];symbol=token[0];if(symbol==="#")value=this.renderSection(token,context,partials,originalTemplate);else if(symbol==="^")value=this.renderInverted(token,context,partials,originalTemplate);else if(symbol===">")value=this.renderPartial(token,context,partials,originalTemplate);else if(symbol==="&")value=this.unescapedValue(token,context);else if(symbol==="name")value=this.escapedValue(token,context);else if(symbol==="text")value=this.rawValue(token);if(value!==undefined)buffer+=value}return buffer};Writer.prototype.renderSection=function renderSection(token,context,partials,originalTemplate){var self=this;var buffer="";var value=context.lookup(token[1]);function subRender(template){return self.render(template,context,partials)}if(!value)return;if(isArray(value)){for(var j=0,valueLength=value.length;j<valueLength;++j){buffer+=this.renderTokens(token[4],context.push(value[j]),partials,originalTemplate)}}else if(typeof value==="object"||typeof value==="string"||typeof value==="number"){buffer+=this.renderTokens(token[4],context.push(value),partials,originalTemplate)}else if(isFunction(value)){if(typeof originalTemplate!=="string")throw new Error("Cannot use higher-order sections without the original template");value=value.call(context.view,originalTemplate.slice(token[3],token[5]),subRender);if(value!=null)buffer+=value}else{buffer+=this.renderTokens(token[4],context,partials,originalTemplate)}return buffer};Writer.prototype.renderInverted=function renderInverted(token,context,partials,originalTemplate){var value=context.lookup(token[1]);if(!value||isArray(value)&&value.length===0)return this.renderTokens(token[4],context,partials,originalTemplate)};Writer.prototype.renderPartial=function renderPartial(token,context,partials){if(!partials)return;var value=isFunction(partials)?partials(token[1]):partials[token[1]];if(value!=null)return this.renderTokens(this.parse(value),context,partials,value)};Writer.prototype.unescapedValue=function unescapedValue(token,context){var value=context.lookup(token[1]);if(value!=null)return value};Writer.prototype.escapedValue=function escapedValue(token,context){var value=context.lookup(token[1]);if(value!=null)return mustache.escape(value)};Writer.prototype.rawValue=function rawValue(token){return token[1]};mustache.name="mustache.js";mustache.version="2.3.0";mustache.tags=["{{","}}"];var defaultWriter=new Writer;mustache.clearCache=function clearCache(){return defaultWriter.clearCache()};mustache.parse=function parse(template,tags){return defaultWriter.parse(template,tags)};mustache.render=function render(template,view,partials){if(typeof template!=="string"){throw new TypeError('Invalid template! Template should be a "string" '+'but "'+typeStr(template)+'" was given as the first '+"argument for mustache#render(template, view, partials)")}return defaultWriter.render(template,view,partials)};mustache.to_html=function to_html(template,view,partials,send){var result=mustache.render(template,view,partials);if(isFunction(send)){send(result)}else{return result}};mustache.escape=escapeHtml;mustache.Scanner=Scanner;mustache.Context=Context;mustache.Writer=Writer;return mustache});
diff --git a/html/ui.html b/html/ui.html
new file mode 100644
index 00000000..ba116a40
--- /dev/null
+++ b/html/ui.html
@@ -0,0 +1,15 @@
+<html>
+	<head>
+		<link rel="stylesheet" href="css/app.css" />
+	</head>
+	<body>
+
+		<div id="menus"></div>
+
+		<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
+		<script src="nui://game/ui/jquery.js" type="text/javascript"></script>
+		<script src="js/mustache.min.js"></script>
+		<script src="js/app.js"></script>
+
+	</body>
+</html>
\ No newline at end of file