diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..d1b0f66
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,16 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "java",
+            "name": "Debug (Launch) with Arguments Prompt",
+            "request": "launch",
+            "mainClass": "celtech.roboxremote.Root",
+            "args": "server root.yml",
+            "vmArgs": "-DlibertySystems.configFile=RoboxRoot.configFile.xml"
+        }        
+    ]
+}
\ No newline at end of file
diff --git a/RoboxRoot.bat b/RoboxRoot.bat
index 21660c3..d413491 100755
--- a/RoboxRoot.bat
+++ b/RoboxRoot.bat
@@ -1 +1 @@
-java\bin\java -Djava.net.preferIPv4Stack=true -DlibertySystems.configFile=RoboxRoot.configFile.xml -jar RoboxRemoteServer.jar server printerControl.yml
+java -DlibertySystems.configFile=RoboxRoot.configFile.xml -jar target/Root.jar server root.yml
diff --git a/RoboxRoot.sh b/RoboxRoot.sh
index 475f440..944e7bf 100755
--- a/RoboxRoot.sh
+++ b/RoboxRoot.sh
@@ -1 +1 @@
-java/bin/java -Djava.net.preferIPv4Stack=true -DlibertySystems.configFile=RoboxRoot.configFile.xml -jar RoboxRemoteServer.jar server printerControl.yml
+java/bin/java -DlibertySystems.configFile=RoboxRoot.configFile.xml -jar target/Root.jar server root.yml
diff --git a/nologname.log.1 b/nologname.log.1
index e69de29..5f1d08b 100644
--- a/nologname.log.1
+++ b/nologname.log.1
@@ -0,0 +1,14 @@
+2023-01-01 13:09:32,654 [main] INFO - StenographerFactory initialised with logfile=nologname.log loglevel= logmode=LOCAL
+>>>> ERROR loading system config (using -DlibertySystems.configFile) org.apache.commons.configuration.ConfigurationException: Cannot locate configuration source null
+2023-01-01 13:09:32,983 [main] ERROR celtech.roboxbase.configuration.BaseConfiguration.loadConfigurationInstance(BaseConfiguration.java:293) - Couldn't load configuration - the application cannot derive the install directory
+Exception in thread "main" 
+java.lang.NullPointerException
+	at java.base/java.io.File.<init>(File.java:278)
+	at celtech.roboxbase.configuration.BaseConfiguration.getCommonApplicationDirectory(BaseConfiguration.java:398)
+	at celtech.roboxbase.configuration.BaseConfiguration.getApplicationPrinterDirectory(BaseConfiguration.java:419)
+	at celtech.roboxbase.configuration.datafileaccessors.PrinterContainer.<init>(PrinterContainer.java:36)
+	at celtech.roboxbase.configuration.datafileaccessors.PrinterContainer.getCompletePrinterList(PrinterContainer.java:97)
+	at celtech.roboxbase.configuration.BaseConfiguration.initialise(BaseConfiguration.java:176)
+	at celtech.roboxremote.Root.initialize(Root.java:65)
+	at io.dropwizard.Application.run(Application.java:88)
+	at celtech.roboxremote.Root.main(Root.java:48)
diff --git a/src/main/resources/assets/about.html b/src/main/resources/assets/about.html
index 9089bb5..9c35672 100644
--- a/src/main/resources/assets/about.html
+++ b/src/main/resources/assets/about.html
@@ -50,6 +50,7 @@
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/access-pin.html b/src/main/resources/assets/access-pin.html
index a44d39e..ce362ff 100644
--- a/src/main/resources/assets/access-pin.html
+++ b/src/main/resources/assets/access-pin.html
@@ -62,6 +62,7 @@ <h1 class="localised page-title" data-i18n="access-pin-title">Access PIN</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/assets/css/RoboxRoot.css b/src/main/resources/assets/assets/css/RoboxRoot.css
index 197fc1b..a1a14fc 100644
--- a/src/main/resources/assets/assets/css/RoboxRoot.css
+++ b/src/main/resources/assets/assets/css/RoboxRoot.css
@@ -1707,3 +1707,7 @@ img.rbx-colour-button {
 .machine-logo {
 }
 
+.camera-select-label{
+  color: #009ee3;
+}
+
diff --git a/src/main/resources/assets/assets/img/Icon-Camera.svg b/src/main/resources/assets/assets/img/Icon-Camera.svg
new file mode 100644
index 0000000..4dffce4
--- /dev/null
+++ b/src/main/resources/assets/assets/img/Icon-Camera.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Icon-Camera</title>
+<g>
+	<g>
+		<path class="cls-1" d="M256,0C143.36,0,51.2,92.16,51.2,204.8S143.36,409.6,256,409.6s204.8-92.16,204.8-204.8S368.64,0,256,0z M256,307.2
+			c-56.32,0-102.4-46.08-102.4-102.4S199.68,102.4,256,102.4s102.4,46.08,102.4,102.4S312.32,307.2,256,307.2z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="cls-1" d="M256,153.6c-5.12,0-10.24,0-12.8,2.56C256,179.2,227.84,204.8,207.36,192c-2.56,2.56-2.56,7.68-2.56,12.8
+			c0,28.16,23.04,51.2,51.2,51.2s51.2-23.04,51.2-51.2C307.2,176.64,284.16,153.6,256,153.6z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="cls-1" d="M394.24,422.4c-40.96,25.6-87.04,38.4-135.68,38.4c-51.2,0-97.28-12.8-135.68-38.4l-43.52,71.68
+			c-5.12,7.68,0,17.92,10.24,17.92h332.8c10.24,0,15.36-10.24,15.36-17.92L394.24,422.4z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/main/resources/assets/assets/js/camera.js b/src/main/resources/assets/assets/js/camera.js
new file mode 100644
index 0000000..2ecc7db
--- /dev/null
+++ b/src/main/resources/assets/assets/js/camera.js
@@ -0,0 +1,59 @@
+var cameraprofilejson;
+var cameras;
+function cameraInit()
+{
+    $('#left-button').on('click', goToPreviousPage);
+    $("#selectcamera").on('change', changeCamera);
+    GetCameraProfile();
+}
+
+function GetCameraProfile(){
+    promiseGetCommandToRoot('discovery/listCameras', null)
+        .then(function(result) 
+              {
+                if(result.cameras.length){
+                    cameras = result.cameras;
+
+                    if(cameras.length > 1){
+                        var select = $("#selectcamera");
+                        $("#camera-select-panel").removeClass("hidden");
+                        cameras.forEach(element => {
+                            var opt = document.createElement('option');
+                            opt.value = element.cameraNumber;
+                            opt.innerHTML = `${element.cameraNumber} : ${element.cameraName}`;
+                            select[0].appendChild(opt);
+                        });
+                    }
+                    loadCamera(cameras[0].cameraNumber);
+                }
+                else{
+                    $("#no-cameras").removeClass("hidden");
+                }
+              });   
+}
+
+function loadCamera(cameranumber){
+    var camera = cameras.find(camera => camera.cameraNumber === Number(cameranumber));;
+    cameraprofilejson = {"profile":{},"camera":{"udevName":camera.udevName,"cameraName":camera.cameraName,"cameraNumber":camera.cameraNumber,"serverIP":""}}
+    loadFrame();     
+}
+
+function loadFrame(){
+    if(cameraprofilejson){
+        promisePostCommandToRoot(`cameraControl/${cameraprofilejson.camera.cameraNumber}/snapshot`, cameraprofilejson, true)
+        .then(function(result) 
+              {
+                var reader = new FileReader();
+                reader.onload = function() {                         
+                    var b64 = reader.result
+                    document.getElementById("camerapreview").src = b64
+                    loadFrame();
+                }
+                reader.readAsDataURL(result)
+              });    
+    }
+}
+
+function changeCamera(){
+    loadCamera($("#selectcamera").find(":selected").val());
+}
diff --git a/src/main/resources/assets/assets/js/jquery.binary.js b/src/main/resources/assets/assets/js/jquery.binary.js
new file mode 100644
index 0000000..728b995
--- /dev/null
+++ b/src/main/resources/assets/assets/js/jquery.binary.js
@@ -0,0 +1,42 @@
+// use this transport for "binary" data type
+$.ajaxTransport("+binary", function(options, originalOptions, jqXHR){
+    // check for conditions and support for blob / arraybuffer response type
+    if (window.FormData && ((options.dataType && (options.dataType == 'binary')) || (options.data && ((window.ArrayBuffer && options.data instanceof ArrayBuffer) || (window.Blob && options.data instanceof Blob)))))
+    {
+        return {
+            // create new XMLHttpRequest
+            send: function(headers, callback){
+		// setup all variables
+                var xhr = new XMLHttpRequest(),
+		url = options.url,
+		type = options.type,
+		async = options.async || true,
+		// blob or arraybuffer. Default is blob
+		dataType = options.responseType || "blob",
+		data = options.data || null,
+		username = options.username || null,
+		password = options.password || null;
+					
+                xhr.addEventListener('load', function(){
+			var data = {};
+			data[options.dataType] = xhr.response;
+			// make callback and send data
+			callback(xhr.status, xhr.statusText, data, xhr.getAllResponseHeaders());
+                });
+ 
+                xhr.open(type, url, async, username, password);
+				
+		// setup custom headers
+		for (var i in headers ) {
+			xhr.setRequestHeader(i, headers[i] );
+		}
+				
+                xhr.responseType = dataType;
+                xhr.send(data);
+            },
+            abort: function(){
+                jqXHR.abort();
+            }
+        };
+    }
+});
diff --git a/src/main/resources/assets/assets/js/page-init.js b/src/main/resources/assets/assets/js/page-init.js
index 1f3f773..3f77fb4 100644
--- a/src/main/resources/assets/assets/js/page-init.js
+++ b/src/main/resources/assets/assets/js/page-init.js
@@ -1,5 +1,6 @@
 var pageInitMap = {'about':aboutInit,
                    'access-pin':accessPINInit,
+                   'camera':cameraInit,
                    'console':consoleInit,
                    'head-eeprom':headEEPromInit,
                    'home':homeInit,
diff --git a/src/main/resources/assets/assets/js/promise-funcs.js b/src/main/resources/assets/assets/js/promise-funcs.js
index 0dc9a31..c91a0f0 100644
--- a/src/main/resources/assets/assets/js/promise-funcs.js
+++ b/src/main/resources/assets/assets/js/promise-funcs.js
@@ -1,4 +1,4 @@
-function promiseCommandToRoot(requestType, service, dataToSend)
+function promiseCommandToRoot(requestType, service, dataToSend, isBinary)
 {
 	return new Promise(function(resolve, reject)
 	{
@@ -13,6 +13,8 @@ function promiseCommandToRoot(requestType, service, dataToSend)
                     },
                 contentType: 'application/json', // send as JSON
                 type: requestType,
+                dataType: isBinary ? "binary" : "",
+                processData: !isBinary,
                 success:function (data, textStatus, jqXHR)
                     {
                         resolve(data);
@@ -47,7 +49,7 @@ function promiseGetCommandToRoot(service, dataToSend)
     return promiseCommandToRoot('GET', service, dataToSend);
 }
 
-function promisePostCommandToRoot(service, dataToSend)
+function promisePostCommandToRoot(service, dataToSend, isBinary)
 {
-    return promiseCommandToRoot('POST', service, dataToSend);
+    return promiseCommandToRoot('POST', service, dataToSend, isBinary);
 }
diff --git a/src/main/resources/assets/camera.html b/src/main/resources/assets/camera.html
new file mode 100644
index 0000000..6e1ba0c
--- /dev/null
+++ b/src/main/resources/assets/camera.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Robox :: Camera</title>
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
+    <link rel="stylesheet" href="assets/css/OldCss.css">
+    <link rel="stylesheet" href="assets/css/RoboxRoot.css">
+    <link rel="stylesheet" href="assets/css/RootFonts.css">
+</head>
+
+<body id="camera" class="canvas-grey no-touch-action">
+    <div class="container page">
+        <div class="row">
+            <div>
+                <h1 class="localised page-title" data-i18n="camera-title">Camera Preview</h1>
+            </div>
+        </div>
+        <div class="row">
+            <div id="no-cameras" class="hidden canvas-blue">
+                No cameras found
+            </div>
+            <div>
+                <div id="camera-select-panel" class="hidden"><label for="selectcamera" class="localised camera-select-label rbx-text-small" data-i18n="camera-select-label">Select Camera</label> <select id="selectcamera"></select></div>
+                <img id="camerapreview" class="img-responsive" />
+            </div>
+        </div>
+    </div>
+
+    <div class="container footer">
+        <div class="btn-group btn-group-justified" role="group"><a class="btn btn-default menu-bottom-button" role="button" id="left-button" href="#"> <img class="menu-bottom-button-icon" src="assets/img/Icon_Menu_Back.svg"></a><a class="btn btn-default menu-bottom-button" role="button" id="middle-button" href="home.html"> <img id="home-button" style="height:6.5vh;" src="assets/img/Icon-Home.svg"></a>
+            <a
+                class="btn btn-default menu-bottom-button invisible" role="button" id="right-button" href="#"> <img class="menu-bottom-button-icon" src="assets/img/Icon_Menu_Next.svg"></a>
+        </div>
+    </div>
+    <script src="assets/js/jquery.min.js"></script>
+    <script src="assets/js/jquery.binary.js"></script>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/i18next.min.js"></script>
+    <script src="assets/js/i18nextBrowserLanguageDetector.min.js"></script>
+    <script src="assets/js/i18nextXHRBackend.min.js"></script>
+    <script src="assets/js/jquery-i18next.min.js"></script>
+    <script src="assets/js/core-vars.js"></script>
+    <script src="assets/js/jquery.base64.js"></script>
+    <script src="assets/js/core-funcs.js"></script>
+    <script src="assets/js/promise-funcs.js"></script>
+    <script src="assets/js/access-pin.js"></script>
+    <script src="assets/js/error-handling.js"></script>
+    <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
+    <script src="assets/js/console.js"></script>
+    <script src="assets/js/control.js"></script>
+    <script src="assets/js/head-eeprom.js"></script>
+    <script src="assets/js/job-progress.js"></script>
+    <script src="assets/js/home.js"></script>
+    <script src="assets/js/login.js"></script>
+    <script src="assets/js/menu-horz.js"></script>
+    <script src="assets/js/pin-reset.js"></script>
+    <script src="assets/js/print-adjust.js"></script>
+    <script src="assets/js/printer-colour.js"></script>
+    <script src="assets/js/printer-name.js"></script>
+    <script src="assets/js/server-name.js"></script>
+    <script src="assets/js/printer-select.js"></script>
+    <script src="assets/js/purge-intro.js"></script>
+    <script src="assets/js/purge.js"></script>
+    <script src="assets/js/reprint.js"></script>
+    <script src="assets/js/wireless-settings.js"></script>
+    <script src="assets/js/usb-print.js"></script>
+    <script src="assets/js/page-init.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/assets/console.html b/src/main/resources/assets/console.html
index d5755b6..436f88e 100644
--- a/src/main/resources/assets/console.html
+++ b/src/main/resources/assets/console.html
@@ -65,6 +65,7 @@
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/control.html b/src/main/resources/assets/control.html
index 524d1dc..2f7a07e 100644
--- a/src/main/resources/assets/control.html
+++ b/src/main/resources/assets/control.html
@@ -92,6 +92,7 @@ <h2 class="text-center" style="margin-left: 2.25vh">Heat</h2>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>    
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/error.html b/src/main/resources/assets/error.html
index 2046446..334778c 100644
--- a/src/main/resources/assets/error.html
+++ b/src/main/resources/assets/error.html
@@ -56,6 +56,7 @@
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/head-eeprom.html b/src/main/resources/assets/head-eeprom.html
index fd044a9..b3dfad8 100644
--- a/src/main/resources/assets/head-eeprom.html
+++ b/src/main/resources/assets/head-eeprom.html
@@ -57,7 +57,7 @@ <h1 id="title-text" class="localised page-title" data-i18n="head-eeprom-title">H
             <div style="margin-left: 0.75vh; font-weight: 300;">
                 <div class="row">
                     <div>
-                        <p id="head-serial-number" class="no-margins" style="font-family:">&nbsp;</p>
+                        <p id="head-serial-number" class="no-margins">&nbsp;</p>
                     </div>
                 </div>
                 <div class="row">
@@ -190,6 +190,7 @@ <h1 id="title-text" class="localised page-title" data-i18n="head-eeprom-title">H
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/home.html b/src/main/resources/assets/home.html
index 9ca9a43..907833b 100644
--- a/src/main/resources/assets/home.html
+++ b/src/main/resources/assets/home.html
@@ -160,6 +160,7 @@ <h1 class="text-center no-margins rbx-text-large" id="ambient-temp"><strong>°C<
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/index.html b/src/main/resources/assets/index.html
index d907b3f..5a8dc5e 100644
--- a/src/main/resources/assets/index.html
+++ b/src/main/resources/assets/index.html
@@ -46,6 +46,7 @@
     <script src="assets/js/reprint.js"></script>
     <script src="assets/js/wireless-settings.js"></script>
     <script src="assets/js/usb-print.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/page-init.js"></script>
 </body>
 
diff --git a/src/main/resources/assets/job-progress.html b/src/main/resources/assets/job-progress.html
index 12bbd7b..573c415 100644
--- a/src/main/resources/assets/job-progress.html
+++ b/src/main/resources/assets/job-progress.html
@@ -72,6 +72,7 @@ <h1 id="title-text">&nbsp;</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/locales/en/translation.json b/src/main/resources/assets/locales/en/translation.json
index 8019fd7..80a798d 100644
--- a/src/main/resources/assets/locales/en/translation.json
+++ b/src/main/resources/assets/locales/en/translation.json
@@ -9,6 +9,8 @@
 	"axis-testing":"Test Axis/Speed",
 	"b":"B",
 	"bed-temp":"Bed",
+	"camera-title": "Camera Preview",
+	"camera-select-label": "Select Camera",	
 	"clean-nozzle-right":"Clean Right Nozzle",
 	"clean-nozzle-left":"Clean Left Nozzle",
 	"clean-nozzle-description":"Please wait while the nozzle is cleaned.",
diff --git a/src/main/resources/assets/locales/fr/translation.json b/src/main/resources/assets/locales/fr/translation.json
index 7ff8c15..5cc0742 100644
--- a/src/main/resources/assets/locales/fr/translation.json
+++ b/src/main/resources/assets/locales/fr/translation.json
@@ -9,6 +9,7 @@
 	"axis-testing":"FRTest Axis/Speed",
 	"b":"FRB",
 	"bed-temp":"FRBed",
+	"camera-title": "FRCamera Preview",
 	"clean-nozzle-right":"FRClean Right Nozzle",
 	"clean-nozzle-left":"FRClean Left Nozzle",
 	"clean-nozzle-description":"FRPlease wait while the nozzle is cleaned.",
diff --git a/src/main/resources/assets/login.html b/src/main/resources/assets/login.html
index 6799cbc..7d90cfa 100644
--- a/src/main/resources/assets/login.html
+++ b/src/main/resources/assets/login.html
@@ -60,6 +60,7 @@ <h1 class="localised page-title" data-i18n="login-title">Login</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/menu-grid.html b/src/main/resources/assets/menu-grid.html
index 6f709d3..9a2fc21 100644
--- a/src/main/resources/assets/menu-grid.html
+++ b/src/main/resources/assets/menu-grid.html
@@ -30,7 +30,7 @@
         </div>
     </div>
     <div class="container footer">
-        <div class="btn-group btn-group-justified" role="group"><a class="btn btn-default menu-bottom-button rbx-invisible" role="button" id="left-button" href="#"> </a><a class="btn btn-default menu-bottom-button" role="button" id="middle-button" href="home.html"> <img style="height:6.5vh;" src="assets/img/Icon-Home.svg"></a>
+        <div class="btn-group btn-group-justified" role="group"><a class="btn btn-default menu-bottom-button" role="button" id="left-button" href="camera.html?from=main"> <img style="height:6.5vh;margin-top:6px" src="assets/img/Icon-Camera.svg"></a><a class="btn btn-default menu-bottom-button" role="button" id="middle-button" href="home.html"> <img style="height:6.5vh;" src="assets/img/Icon-Home.svg"></a>
             <a
                 class="btn btn-default menu-bottom-button" role="button" id="right-button" href="menu-horz.html?id=settings&amp;from=main"> <img class="menu-bottom-button-icon" src="assets/img/Icon-Settings.svg"></a>
         </div>
@@ -48,6 +48,7 @@
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/menu-horz.html b/src/main/resources/assets/menu-horz.html
index 8504210..28c0b99 100644
--- a/src/main/resources/assets/menu-horz.html
+++ b/src/main/resources/assets/menu-horz.html
@@ -60,6 +60,7 @@ <h1 id="menu-title" style="padding:0vh 0vh 1vh 0vh">Title</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/print-adjust.html b/src/main/resources/assets/print-adjust.html
index 14ae0aa..176548a 100644
--- a/src/main/resources/assets/print-adjust.html
+++ b/src/main/resources/assets/print-adjust.html
@@ -167,6 +167,7 @@
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/printer-colour.html b/src/main/resources/assets/printer-colour.html
index 688974b..868e036 100644
--- a/src/main/resources/assets/printer-colour.html
+++ b/src/main/resources/assets/printer-colour.html
@@ -84,6 +84,7 @@ <h1 class="localised page-title" data-i18n="printer-colour-title">Printer Colour
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/printer-name.html b/src/main/resources/assets/printer-name.html
index 1643327..d0a7ba1 100644
--- a/src/main/resources/assets/printer-name.html
+++ b/src/main/resources/assets/printer-name.html
@@ -49,6 +49,7 @@ <h1 class="localised page-title" data-i18n="printer-name-title">Printer Name</h1
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/printer-select.html b/src/main/resources/assets/printer-select.html
index 8b019b0..eb492b7 100644
--- a/src/main/resources/assets/printer-select.html
+++ b/src/main/resources/assets/printer-select.html
@@ -113,6 +113,7 @@ <h1 class="localised" style="width: 58.25vh;padding-top: 2vh;" data-i18n="no-mac
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/purge-intro.html b/src/main/resources/assets/purge-intro.html
index 2441e7e..9253f93 100644
--- a/src/main/resources/assets/purge-intro.html
+++ b/src/main/resources/assets/purge-intro.html
@@ -56,6 +56,7 @@ <h1 class="localised page-title" data-i18n="purge-title">Purge</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/purge.html b/src/main/resources/assets/purge.html
index a7bb3b4..5b984ec 100644
--- a/src/main/resources/assets/purge.html
+++ b/src/main/resources/assets/purge.html
@@ -122,6 +122,7 @@ <h1 class="localised page-title" data-i18n="purge-title">Purge</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/reprint.html b/src/main/resources/assets/reprint.html
index 9d377e9..04241bb 100644
--- a/src/main/resources/assets/reprint.html
+++ b/src/main/resources/assets/reprint.html
@@ -110,6 +110,7 @@ <h1 class="localised" style="width: 58.25vh;padding-top: 2vh;" data-i18n="no-rep
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/reset-pin.html b/src/main/resources/assets/reset-pin.html
index 495f2be..50c0b5d 100644
--- a/src/main/resources/assets/reset-pin.html
+++ b/src/main/resources/assets/reset-pin.html
@@ -61,6 +61,7 @@ <h1 class="localised page-title" data-i18n="reset-pin-title">Reset PIN</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/server-name.html b/src/main/resources/assets/server-name.html
index 7c56378..010a764 100644
--- a/src/main/resources/assets/server-name.html
+++ b/src/main/resources/assets/server-name.html
@@ -49,6 +49,7 @@ <h1 class="localised page-title" data-i18n="printer-name-title">Server Name</h1>
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/splash.html b/src/main/resources/assets/splash.html
index 266893c..3d216ac 100644
--- a/src/main/resources/assets/splash.html
+++ b/src/main/resources/assets/splash.html
@@ -42,6 +42,7 @@ <h1 style="font-size: 2vh; text-align: center; color: #fff; font-weight: 300; pa
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/usb-print.html b/src/main/resources/assets/usb-print.html
index 7d39995..05c55d1 100644
--- a/src/main/resources/assets/usb-print.html
+++ b/src/main/resources/assets/usb-print.html
@@ -110,6 +110,7 @@ <h1 class="localised" style="width: 58.25vh;padding-top: 2vh;" data-i18n="no-usb
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>
diff --git a/src/main/resources/assets/wireless-settings.html b/src/main/resources/assets/wireless-settings.html
index 8ffe01f..d186cca 100644
--- a/src/main/resources/assets/wireless-settings.html
+++ b/src/main/resources/assets/wireless-settings.html
@@ -54,6 +54,7 @@ <h1 class="localised page-title" data-i18n="wireless-settings-title">Wireless Se
     <script src="assets/js/access-pin.js"></script>
     <script src="assets/js/error-handling.js"></script>
     <script src="assets/js/about.js"></script>
+    <script src="assets/js/camera.js"></script>
     <script src="assets/js/console.js"></script>
     <script src="assets/js/control.js"></script>
     <script src="assets/js/head-eeprom.js"></script>