diff --git a/app/www/index.html b/app/www/index.html
index 7155b47..0636f72 100644
--- a/app/www/index.html
+++ b/app/www/index.html
@@ -255,169 +255,7 @@
 		<img id="mscriptIcon" onclick="mscriptPage();" class="icon" src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDUyMi40NjggNTIyLjQ2OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTIyLjQ2OCA1MjIuNDY5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTMyNS43NjIsNzAuNTEzbC0xNy43MDYtNC44NTRjLTIuMjc5LTAuNzYtNC41MjQtMC41MjEtNi43MDcsMC43MTVjLTIuMTksMS4yMzctMy42NjksMy4wOTQtNC40MjksNS41NjhMMTkwLjQyNiw0NDAuNTMgICAgYy0wLjc2LDIuNDc1LTAuNTIyLDQuODA5LDAuNzE1LDYuOTk1YzEuMjM3LDIuMTksMy4wOSwzLjY2NSw1LjU2OCw0LjQyNWwxNy43MDEsNC44NTZjMi4yODQsMC43NjYsNC41MjEsMC41MjYsNi43MS0wLjcxMiAgICBjMi4xOS0xLjI0MywzLjY2Ni0zLjA5NCw0LjQyNS01LjU2NEwzMzIuMDQyLDgxLjkzNmMwLjc1OS0yLjQ3NCwwLjUyMy00LjgwOC0wLjcxNi02Ljk5OSAgICBDMzMwLjA4OCw3Mi43NDcsMzI4LjIzNyw3MS4yNzIsMzI1Ljc2Miw3MC41MTN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE2Ni4xNjcsMTQyLjQ2NWMwLTIuNDc0LTAuOTUzLTQuNjY1LTIuODU2LTYuNTY3bC0xNC4yNzctMTQuMjc2Yy0xLjkwMy0xLjkwMy00LjA5My0yLjg1Ny02LjU2Ny0yLjg1NyAgICBzLTQuNjY1LDAuOTU1LTYuNTY3LDIuODU3TDIuODU2LDI1NC42NjZDMC45NSwyNTYuNTY5LDAsMjU4Ljc1OSwwLDI2MS4yMzNjMCwyLjQ3NCwwLjk1Myw0LjY2NCwyLjg1Niw2LjU2NmwxMzMuMDQzLDEzMy4wNDQgICAgYzEuOTAyLDEuOTA2LDQuMDg5LDIuODU0LDYuNTY3LDIuODU0czQuNjY1LTAuOTUxLDYuNTY3LTIuODU0bDE0LjI3Ny0xNC4yNjhjMS45MDMtMS45MDIsMi44NTYtNC4wOTMsMi44NTYtNi41NyAgICBjMC0yLjQ3MS0wLjk1My00LjY2MS0yLjg1Ni02LjU2M0w1MS4xMDcsMjYxLjIzM2wxMTIuMjA0LTExMi4yMDFDMTY1LjIxNywxNDcuMTMsMTY2LjE2NywxNDQuOTM5LDE2Ni4xNjcsMTQyLjQ2NXoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNTE5LjYxNCwyNTQuNjYzTDM4Ni41NjcsMTIxLjYxOWMtMS45MDItMS45MDItNC4wOTMtMi44NTctNi41NjMtMi44NTdjLTIuNDc4LDAtNC42NjEsMC45NTUtNi41NywyLjg1N2wtMTQuMjcxLDE0LjI3NSAgICBjLTEuOTAyLDEuOTAzLTIuODUxLDQuMDktMi44NTEsNi41NjdzMC45NDgsNC42NjUsMi44NTEsNi41NjdsMTEyLjIwNiwxMTIuMjA0TDM1OS4xNjMsMzczLjQ0MiAgICBjLTEuOTAyLDEuOTAyLTIuODUxLDQuMDkzLTIuODUxLDYuNTYzYzAsMi40NzgsMC45NDgsNC42NjgsMi44NTEsNi41N2wxNC4yNzEsMTQuMjY4YzEuOTA5LDEuOTA2LDQuMDkzLDIuODU0LDYuNTcsMi44NTQgICAgYzIuNDcxLDAsNC42NjEtMC45NTEsNi41NjMtMi44NTRMNTE5LjYxNCwyNjcuOGMxLjkwMy0xLjkwMiwyLjg1NC00LjA5NiwyLjg1NC02LjU3ICAgIEM1MjIuNDY4LDI1OC43NTUsNTIxLjUxNywyNTYuNTY1LDUxOS42MTQsMjU0LjY2M3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K" />
 	</div>
 </footer>
-<script>
-	'use strict';
-	const BOLEX = {
-		angle : 133,
-		prism : 0.8,
-		expected : 630
-	};
-	const STATE = {
-		dir : true,
-		exposure : 630, //always ms
-		delay : 0,
-		scale : 'ms',
-		delayScale : 'ms',
-		counter : 0
-	}
-	//functions
-	let frame;
-	let getState;
-	let setDir;
-	let setExposure;
-	let setDelay;
-	let setCounter;
-	//ms
-	var shutter = function (exposure) {
-		let fraction = BOLEX.expected / 1000;
-		let speed;
-		let corrected;
-		let str;
-		if (exposure > BOLEX.expected) {
-			//if exposure is explicitly set
-			fraction = exposure / 1000;
-			speed = fraction;
-		} else {
-			speed = fraction * (BOLEX.angle / 360);
-		}
-		corrected = speed * BOLEX.prism;
-		if (corrected < 1.0) {
-			//less than a second
-			str = '1/' + Math.round(Math.pow(corrected, -1)) + ' sec';
-		}  else if (corrected >= 1.0 && corrected < 60) {
-			//greater than a second, less than a minute
-			str = '' + (Math.round(corrected * 10) / 10) + ' sec'
-		} else if (corrected >= 60 && corrected < 60 * 60) {
-			//greater than a minute, less than an hour
-			str = '' + (Math.round(corrected / 6) / 10) + ' min';
-		} else if (corrected >= 60 * 60 && corrected < 60 * 60 * 24) {
-			//greater than an hour, less than a day
-			str = '' + (Math.round(corrected / (6 * 60)) / 10) + ' hr';
-		} else if (corrected >= 60 * 60 * 24) {
-			//greater than a day
-			str = '' + (Math.round(corrected / (6 * 60 * 24)) / 10) + ' day';
-		}
-		return { speed : speed, str : str }
-	};
-
-	var scaleAuto = function (ms) {
-		if (ms < 1000) {
-			return 'ms'
-		} else if (ms >= 1000 && ms < 1000 * 60) {
-			return 'sec'
-		} else if (ms >= 1000 * 60 && ms < 1000 * 60 * 60) {
-			return 'min'
-		} else if (ms >= 1000 * 60 * 60) {
-			return 'hour'
-		}
-	};
-
-	var scaleTime = function (raw, scale) {
-		if (scale === 'ms') {
-			return raw
-		} else if (scale === 'sec') {
-			return raw * 1000;
-		} else if (scale === 'min') {
-			return raw * (1000 * 60);
-		} else if (scale === 'hour') {
-			return raw * (1000 * 60 * 60);
-		}
-	};
-
-	var setExposureScale = function () {
-		const scale = document.getElementById('scale').value;
-		const elem = document.getElementById('exposure');
-		if (scale === 'ms') {
-			elem.value = STATE.exposure;
-		} else if (scale === 'sec') {
-			elem.value = STATE.exposure / 1000;
-		} else if (scale === 'min') {
-			elem.value = STATE.exposure / (1000 * 60);
-		} else if (scale === 'hour') {
-			elem.value = STATE.exposure / (1000 * 60 * 60);
-		}
-		STATE.scale = scale;
-	};
-
-	var setDelayScale = function () {
-		const scale = document.getElementById('scale').value;
-		const elem = document.getElementById('delay');
-		if (scale === 'ms') {
-			elem.value = STATE.delay;
-		} else if (scale === 'sec') {
-			elem.value = STATE.delay / 1000;
-		} else if (scale === 'min') {
-			elem.value = STATE.delay / (1000 * 60);
-		} else if (scale === 'hour') {
-			elem.value = STATE.delay / (1000 * 60 * 60);
-		}
-		STATE.delayScale = scale;
-	};
-
-	var setDirLabel = function (dir) {
-		const bwdLabel = document.getElementById('bwdLabel');
-		const fwdLabel = document.getElementById('fwdLabel');
-		if (dir) {
-			bwdLabel.classList.remove('selected')
-			fwdLabel.classList.add('selected')
-		} else {
-			fwdLabel.classList.remove('selected')
-			bwdLabel.classList.add('selected')
-		}
-	};
-	var incCounter = function (val) {
-		const elem = document.getElementById('counter');
-		const current = elem.value;
-		elem.value = (parseInt(current) + val);
-		STATE.counter += val;
-	};
-	var forceCounter = function (val) {
-		document.getElementById('counter').value = val;
-	}
-	var unsetPages = function () {
-		const pages = document.getElementsByClassName('page');
-		const icons = document.getElementsByClassName('icon');
-		for (let icon of icons) {
-			if (icon.classList.contains('selected')) icon.classList.remove('selected');
-		}
-		for (let page of pages){
-			if (page.classList.contains('selected')) page.classList.remove('selected');
-		}
-	};
-	var appPage = function () {
-		unsetPages();
-		document.getElementById('app').classList.add('selected');
-		document.getElementById('appIcon').classList.add('selected');
-	};
-	var settingsPage = function () {
-		unsetPages();
-		document.getElementById('settings').classList.add('selected');
-		document.getElementById('settingsIcon').classList.add('selected');
-	};
-	var sequencerPage = function () {
-		unsetPages();
-		document.getElementById('sequencer').classList.add('selected');
-		document.getElementById('sequencerIcon').classList.add('selected');
-	};
-	var mscriptPage = function () {
-		unsetPages();
-		document.getElementById('mscript').classList.add('selected');
-		document.getElementById('mscriptIcon').classList.add('selected');
-	};
-	var isNumeric = function (n) {
-  		return !isNaN(parseFloat(n)) && isFinite(n);
-	}
-</script>
+<script src="static/js/intval.core.js"></script>
 <script>
 	'use strict'
 	const web = {};
diff --git a/app/www/static/js/intval.core.js b/app/www/static/js/intval.core.js
new file mode 100644
index 0000000..7c1b561
--- /dev/null
+++ b/app/www/static/js/intval.core.js
@@ -0,0 +1,161 @@
+'use strict';
+const BOLEX = {
+	angle : 133,
+	prism : 0.8,
+	expected : 630
+};
+const STATE = {
+	dir : true,
+	exposure : 630, //always ms
+	delay : 0,
+	scale : 'ms',
+	delayScale : 'ms',
+	counter : 0
+}
+//functions
+let frame;
+let getState;
+let setDir;
+let setExposure;
+let setDelay;
+let setCounter;
+//ms
+var shutter = function (exposure) {
+	let fraction = BOLEX.expected / 1000;
+	let speed;
+	let corrected;
+	let str;
+	if (exposure > BOLEX.expected) {
+		//if exposure is explicitly set
+		fraction = exposure / 1000;
+		speed = fraction;
+	} else {
+		speed = fraction * (BOLEX.angle / 360);
+	}
+	corrected = speed * BOLEX.prism;
+	if (corrected < 1.0) {
+		//less than a second
+		str = '1/' + Math.round(Math.pow(corrected, -1)) + ' sec';
+	}  else if (corrected >= 1.0 && corrected < 60) {
+		//greater than a second, less than a minute
+		str = '' + (Math.round(corrected * 10) / 10) + ' sec'
+	} else if (corrected >= 60 && corrected < 60 * 60) {
+		//greater than a minute, less than an hour
+		str = '' + (Math.round(corrected / 6) / 10) + ' min';
+	} else if (corrected >= 60 * 60 && corrected < 60 * 60 * 24) {
+		//greater than an hour, less than a day
+		str = '' + (Math.round(corrected / (6 * 60)) / 10) + ' hr';
+	} else if (corrected >= 60 * 60 * 24) {
+		//greater than a day
+		str = '' + (Math.round(corrected / (6 * 60 * 24)) / 10) + ' day';
+	}
+	return { speed : speed, str : str }
+};
+
+var scaleAuto = function (ms) {
+	if (ms < 1000) {
+		return 'ms'
+	} else if (ms >= 1000 && ms < 1000 * 60) {
+		return 'sec'
+	} else if (ms >= 1000 * 60 && ms < 1000 * 60 * 60) {
+		return 'min'
+	} else if (ms >= 1000 * 60 * 60) {
+		return 'hour'
+	}
+};
+
+var scaleTime = function (raw, scale) {
+	if (scale === 'ms') {
+		return raw
+	} else if (scale === 'sec') {
+		return raw * 1000;
+	} else if (scale === 'min') {
+		return raw * (1000 * 60);
+	} else if (scale === 'hour') {
+		return raw * (1000 * 60 * 60);
+	}
+};
+
+var setExposureScale = function () {
+	const scale = document.getElementById('scale').value;
+	const elem = document.getElementById('exposure');
+	if (scale === 'ms') {
+		elem.value = STATE.exposure;
+	} else if (scale === 'sec') {
+		elem.value = STATE.exposure / 1000;
+	} else if (scale === 'min') {
+		elem.value = STATE.exposure / (1000 * 60);
+	} else if (scale === 'hour') {
+		elem.value = STATE.exposure / (1000 * 60 * 60);
+	}
+	STATE.scale = scale;
+};
+
+var setDelayScale = function () {
+	const scale = document.getElementById('scale').value;
+	const elem = document.getElementById('delay');
+	if (scale === 'ms') {
+		elem.value = STATE.delay;
+	} else if (scale === 'sec') {
+		elem.value = STATE.delay / 1000;
+	} else if (scale === 'min') {
+		elem.value = STATE.delay / (1000 * 60);
+	} else if (scale === 'hour') {
+		elem.value = STATE.delay / (1000 * 60 * 60);
+	}
+	STATE.delayScale = scale;
+};
+
+var setDirLabel = function (dir) {
+	const bwdLabel = document.getElementById('bwdLabel');
+	const fwdLabel = document.getElementById('fwdLabel');
+	if (dir) {
+		bwdLabel.classList.remove('selected')
+		fwdLabel.classList.add('selected')
+	} else {
+		fwdLabel.classList.remove('selected')
+		bwdLabel.classList.add('selected')
+	}
+};
+var incCounter = function (val) {
+	const elem = document.getElementById('counter');
+	const current = elem.value;
+	elem.value = (parseInt(current) + val);
+	STATE.counter += val;
+};
+var forceCounter = function (val) {
+	document.getElementById('counter').value = val;
+}
+var unsetPages = function () {
+	const pages = document.getElementsByClassName('page');
+	const icons = document.getElementsByClassName('icon');
+	for (let icon of icons) {
+		if (icon.classList.contains('selected')) icon.classList.remove('selected');
+	}
+	for (let page of pages){;
+		if (page.classList.contains('selected')) page.classList.remove('selected');
+	}
+};
+var appPage = function () {
+	unsetPages();
+	document.getElementById('app').classList.add('selected');
+	document.getElementById('appIcon').classList.add('selected');
+};
+var settingsPage = function () {
+	unsetPages();
+	document.getElementById('settings').classList.add('selected');
+	document.getElementById('settingsIcon').classList.add('selected');
+};
+var sequencerPage = function () {
+	unsetPages();
+	document.getElementById('sequencer').classList.add('selected');
+	document.getElementById('sequencerIcon').classList.add('selected');
+};
+var mscriptPage = function () {
+	unsetPages();
+	document.getElementById('mscript').classList.add('selected');
+	document.getElementById('mscriptIcon').classList.add('selected');
+};
+var isNumeric = function (n) {
+		return !isNaN(parseFloat(n)) && isFinite(n);
+};
\ No newline at end of file
diff --git a/nginx.conf b/nginx.conf
index 7430f50..f196ef3 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -23,6 +23,6 @@ server {
         #gzip_comp_level  5;
         #gzip_types text/plain text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript application/json;
 		#use project location	
-		alias /home/pi/intval3/static/;
+		alias /home/pi/intval3/www/static/;
 	}
 }