diff --git a/ref-test/app/admin/static/js/script.js b/ref-test/app/admin/static/js/script.js
index 1fd1391..3b45528 100644
--- a/ref-test/app/admin/static/js/script.js
+++ b/ref-test/app/admin/static/js/script.js
@@ -1,25 +1,25 @@
 // Menu Highlight Scripts
-const menuItems = document.getElementsByClassName('nav-link');
+const menuItems = document.getElementsByClassName('nav-link')
 for(let i = 0; i < menuItems.length; i++) {
     if(menuItems[i].pathname == window.location.pathname) {
-        menuItems[i].classList.add('active');
+        menuItems[i].classList.add('active')
     }
 }
-const dropdownItems = document.getElementsByClassName('dropdown-item');
+const dropdownItems = document.getElementsByClassName('dropdown-item')
 for(let i = 0; i< dropdownItems.length; i++) {
     if(dropdownItems[i].pathname == window.location.pathname) {
-        dropdownItems[i].classList.add('active');
-        $( "#" + dropdownItems[i].id ).closest( '.dropdown' ).find('.dropdown-toggle').addClass('active');
+        dropdownItems[i].classList.add('active')
+        $( "#" + dropdownItems[i].id ).closest( '.dropdown' ).find('.dropdown-toggle').addClass('active')
     }
 }
 
 // General Post Method Form Processing Script
 $('form.form-post').submit(function(event) {
     
-    var $form = $(this);
-    var data = $form.serialize();
-    var url = $(this).prop('action');
-    var rel_success = $(this).data('rel-success');
+    var $form = $(this)
+    var data = $form.serialize()
+    var url = $(this).prop('action')
+    var rel_success = $(this).data('rel-success')
 
     $.ajax({
         url: url,
@@ -28,25 +28,25 @@ $('form.form-post').submit(function(event) {
         dataType: 'json',
         success: function(response) {
             if (response.redirect_to) {
-                window.location.href = response.redirect_to;
+                window.location.href = response.redirect_to
             }
             else {
-                window.location.href = rel_success;
+                window.location.href = rel_success
             }
         },
         error: function(response) {
-            error_response(response);
+            error_response(response)
         }
-    });
+    })
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 // Form Upload Questions - Special case, needs to handle files.
 $('form[name=form-upload-questions]').submit(function(event) {
     
-    var $form = $(this);
-    var data = new FormData($form[0]);
+    var $form = $(this)
+    var data = new FormData($form[0])
     var file = $('input[name=data_file]')[0].files[0]
     data.append('file', file)
 
@@ -57,21 +57,21 @@ $('form[name=form-upload-questions]').submit(function(event) {
         processData: false,
         contentType: false,
         success: function(response) {
-            window.location.reload();
+            window.location.reload()
         },
         error: function(response) {
-            error_response(response);
+            error_response(response)
         }
-    });
+    })
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 // Edit and Delete Test Button Handlers
 $('.test-action').click(function(event) {
     
-    let id = $(this).data('id');
-    let action = $(this).data('action');
+    let id = $(this).data('id')
+    let action = $(this).data('action')
 
     if (action == 'delete' || action == 'start' || action == 'end') {
         $.ajax({
@@ -80,25 +80,25 @@ $('.test-action').click(function(event) {
             data: JSON.stringify({'id': id, 'action': action}),
             contentType: 'application/json',
             success: function(response) {
-                window.location.href = '/admin/tests/';
+                window.location.href = '/admin/tests/'
             },
             error: function(response){
-                error_response(response);
+                error_response(response)
             },
-        });
+        })
     } else if (action == 'edit') {
         window.location.href = `/admin/test/${id}/`
     }
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 // Edit Dataset Button Handlers
 $('.edit-question-dataset').click(function(event) {
     
-    var id = $(this).data('id');
-    var action = $(this).data('action');
-    var disabled = $(this).hasClass('disabled');
+    var id = $(this).data('id')
+    var action = $(this).data('action')
+    var disabled = $(this).hasClass('disabled')
 
     if ( !disabled ) {
         if (action == 'delete') {
@@ -111,25 +111,27 @@ $('.edit-question-dataset').click(function(event) {
                 }),
                 contentType: 'application/json',
                 success: function(response) {
-                    window.location.reload();
+                    window.location.reload()
                 },
                 error: function(response){
-                    error_response(response);
+                    error_response(response)
                 },
-            });
+            })
         } else if (action == 'edit') {
             window.location.href = `/admin/editor/${id}/`
+        } else if (action == 'view') {
+            window.location.href = `/admin/view/${id}`
         } else if (action == 'download') {
             window.location.href = `/admin/settings/questions/download/${id}/`
         }
-    };
-    event.preventDefault();
-});
+    }
+    event.preventDefault()
+})
 
 function error_response(response) {
 
-    const $alert = $("#alert-box");
-    $alert.html('');
+    const $alert = $("#alert-box")
+    $alert.html('')
 
     if (typeof response.responseJSON.error === 'string' || response.responseJSON.error instanceof String) {
         $alert.html(`
@@ -138,18 +140,18 @@ function error_response(response) {
             ${response.responseJSON.error}
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
         </div>
-        `);
+        `)
     } else if (response.responseJSON.error instanceof Array) {
         var output = ''
-        for (var i = 0; i < response.responseJSON.error.length; i ++) {
+        for (let i = 0; i < response.responseJSON.error.length; i ++) {
             output += `
             <div class="alert alert-danger alert-dismissible fade show" role="alert">
                 <i class="bi bi-exclamation-triangle-fill" title="Danger"></i>
                 ${response.responseJSON.error[i]}
                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
             </div>
-            `;
-            $alert.html(output);
+            `
+            $alert.html(output)
         }
     }
 
@@ -167,20 +169,20 @@ $('#dismiss-cookie-alert').click(function(event){
         },
         dataType: 'json',
         success: function(response){
-            console.log(response);
+            console.log(response)
         },
         error: function(response){
-            console.log(response);
+            console.log(response)
         }
     })
 
-    event.preventDefault();
+    event.preventDefault()
 })
 
 // Script for Result Actions
 $('.result-action-buttons').click(function(event){
 
-    var id = $(this).data('id');
+    var id = $(this).data('id')
 
     if ($(this).data('result-action') == 'generate') {
         $.ajax({
@@ -190,13 +192,13 @@ $('.result-action-buttons').click(function(event){
             contentType: 'application/json',
             dataType: 'html',
             success: function(response) {
-                var display_window = window.open();
-                display_window.document.write(response);
+                var display_window = window.open()
+                display_window.document.write(response)
             },
             error: function(response){
-                error_response(response);
+                error_response(response)
             },
-        });
+        })
     } else {
         var action = $(this).data('result-action')
         $.ajax({
@@ -206,23 +208,23 @@ $('.result-action-buttons').click(function(event){
             contentType: 'application/json',
             success: function(response) {
                 if (action == 'delete') {
-                    window.location.href = '/admin/results/';
-                } else window.location.reload();
+                    window.location.href = '/admin/results/'
+                } else window.location.reload()
             },
             error: function(response){
-                error_response(response);
+                error_response(response)
             },
-        });
+        })
     }
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 // Script for Deleting Time Adjustment
 $('.adjustment-delete').click(function(event){
 
-    var user_code = $(this).data('user_code');
-    var location = window.location.href;
+    var user_code = $(this).data('user_code')
+    var location = window.location.href
     location = location.replace('#', '')
 
     $.ajax({
@@ -231,12 +233,15 @@ $('.adjustment-delete').click(function(event){
         data: JSON.stringify({'user_code': user_code}),
         contentType: 'application/json',
         success: function(response) {
-            window.location.reload();
+            window.location.reload()
         },
         error: function(response){
-            error_response(response);
+            error_response(response)
         },
-    });
+    })
+    
+    event.preventDefault()
+})
     
     event.preventDefault();
 });
\ No newline at end of file
diff --git a/ref-test/app/editor/static/js/script.js b/ref-test/app/editor/static/js/script.js
index bba3bde..f9a08ad 100644
--- a/ref-test/app/editor/static/js/script.js
+++ b/ref-test/app/editor/static/js/script.js
@@ -57,7 +57,7 @@ function error_response(response) {
         `);
     } else if (response.responseJSON.error instanceof Array) {
         var output = ''
-        for (var i = 0; i < response.responseJSON.error.length; i ++) {
+        for (let i = 0; i < response.responseJSON.error.length; i ++) {
             output += `
             <div class="alert alert-danger alert-dismissible fade show" role="alert">
                 <i class="bi bi-exclamation-triangle-fill" title="Danger"></i>
diff --git a/ref-test/app/quiz/static/js/quiz.js b/ref-test/app/quiz/static/js/quiz.js
index bb93d26..c60880e 100644
--- a/ref-test/app/quiz/static/js/quiz.js
+++ b/ref-test/app/quiz/static/js/quiz.js
@@ -1,142 +1,142 @@
 // Bind Listeners
 
 $("input[name='font-select']").change(function(){
-    let $choice = $(this).val();
-    set_font($choice);
-});
+    let $choice = $(this).val()
+    set_font($choice)
+})
 
 $("input[name='font-size']").change(function(){
-    let $choice = $(this).val();
-    set_font_size($choice);
-});
+    let $choice = $(this).val()
+    set_font_size($choice)
+})
 
 $("input[name='bg-select']").change(function(){
-    let $choice = $(this).val();
-    set_bg_colour($choice);
-});
+    let $choice = $(this).val()
+    set_bg_colour($choice)
+})
 
 $(".bg-select-area").click(function(event){
-    $(this).find("input[name='bg-select']").prop("checked", true).change();
-});
+    $(this).find("input[name='bg-select']").prop("checked", true).change()
+})
 
 $("#btn-toggle-navigator").click(function(event){
-    check_answered();
-    update_navigator();
+    check_answered()
+    update_navigator()
     if ($quiz_navigator.is(":hidden")) {
         if ($quiz_settings.is(":visible")) {
-            toggle_settings = true;
-            $quiz_settings.fadeOut();
+            toggle_settings = true
+            $quiz_settings.fadeOut()
         }
-        $quiz_render.fadeOut();
-        $quiz_navigator.fadeIn();
-        $(".navigator-text").fadeIn();
-        $(".review-text").fadeOut();
-        toggle_navigator = false;
-        $(window).scrollTop(0);
+        $quiz_render.fadeOut()
+        $quiz_navigator.fadeIn()
+        $(".navigator-text").fadeIn()
+        $(".review-text").fadeOut()
+        toggle_navigator = false
+        $(window).scrollTop(0)
     } else {
-        $quiz_navigator.fadeOut();
+        $quiz_navigator.fadeOut()
         if (toggle_settings) {
-            $quiz_settings.fadeIn();
-            $(window).scrollTop(0);
-            toggle_settings = false;
+            $quiz_settings.fadeIn()
+            $(window).scrollTop(0)
+            toggle_settings = false
         } else {
-            $quiz_render.fadeIn();
-            $(window).scrollTop(0);
+            $quiz_render.fadeIn()
+            $(window).scrollTop(0)
         }
     }
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 $("#btn-toggle-settings").click(function(event){
     if (($quiz_settings).is(":hidden")) {
         if ($quiz_navigator.is(":visible")) {
-            toggle_navigator = true;
-            $quiz_navigator.fadeOut();
+            toggle_navigator = true
+            $quiz_navigator.fadeOut()
         }
-        $quiz_render.fadeOut();
-        $quiz_settings.fadeIn();
-        $(window).scrollTop(0);
-        toggle_settings = false;
+        $quiz_render.fadeOut()
+        $quiz_settings.fadeIn()
+        $(window).scrollTop(0)
+        toggle_settings = false
     } else {
-        $quiz_settings.fadeOut();
+        $quiz_settings.fadeOut()
         if (toggle_navigator) {
-            $quiz_navigator.fadeIn();
-            toggle_navigator = false;
-            $(window).scrollTop(0);
+            $quiz_navigator.fadeIn()
+            toggle_navigator = false
+            $(window).scrollTop(0)
         } else {
-            $quiz_render.fadeIn();
-            $(window).scrollTop(0);
+            $quiz_render.fadeIn()
+            $(window).scrollTop(0)
         }
     }
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 $(".btn-quiz-return").click(function(event){
-    $quiz_navigator.fadeOut();
-    $quiz_settings.fadeOut();
-    $quiz_render.fadeIn();
-    $(window).scrollTop(0);
-    toggle_settings = false;
-    toggle_navigator = false;
-    event.preventDefault();
-});
+    $quiz_navigator.fadeOut()
+    $quiz_settings.fadeOut()
+    $quiz_render.fadeIn()
+    $(window).scrollTop(0)
+    toggle_settings = false
+    toggle_navigator = false
+    event.preventDefault()
+})
 
 $(".btn-dummy").click(function(event){
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 $("#navigator-container").on("click", ".q-navigator-button", function(event){
-    check_answered();
-    update_navigator();
-    current_question = parseInt($(this).prop("name"));
-    $quiz_navigator.fadeOut();
-    $quiz_render.fadeIn();
-    $question_title.focus();
-    $(window).scrollTop(0);
-    toggle_navigator = false;
-    toggle_settings = false;
-    render_question();
-    check_flag();
-    event.preventDefault();
-});
+    check_answered()
+    update_navigator()
+    current_question = parseInt($(this).prop("name"))
+    $quiz_navigator.fadeOut()
+    $quiz_render.fadeIn()
+    $question_title.focus()
+    $(window).scrollTop(0)
+    toggle_navigator = false
+    toggle_settings = false
+    render_question()
+    check_flag()
+    event.preventDefault()
+})
 
 $(".q-question-nav").click(function(event){
-    check_answered();
-    update_navigator();
+    check_answered()
+    update_navigator()
     if ($(this).prop("id") == "q-nav-next") {
         if (current_question < questions.length) {
-            current_question ++;
+            current_question ++
         }
     } else if ($(this).prop("id") == "q-nav-prev") {
         if (current_question > 0) {
-            current_question --;
+            current_question --
         }
     } else if ($(this).hasClass("q-navigator-button")) {
-        current_question = $(this).prop("name");
-        $quiz_render.fadeIn();
-        $quiz_navigator.fadeOut();
-        toggle_navigator = false;
-        toggle_settings = false;
+        current_question = $(this).prop("name")
+        $quiz_render.fadeIn()
+        $quiz_navigator.fadeOut()
+        toggle_navigator = false
+        toggle_settings = false
     }
-    render_question();
-    check_flag();
-    event.preventDefault();
-});
+    render_question()
+    check_flag()
+    event.preventDefault()
+})
 
 $("#q-nav-flag").click(function(event){
     if (question_status[current_question] != 1) {
-        question_status[current_question] = 1;
-        $(this).removeClass().addClass("btn btn-warning");
-        $(this).prop("title", "Question Flagged for revision. Click to un-flag.");
+        question_status[current_question] = 1
+        $(this).removeClass().addClass("btn btn-warning")
+        $(this).prop("title", "Question Flagged for revision. Click to un-flag.")
     } else {
-        question_status[current_question] = 0;
-        $(this).removeClass().addClass("btn btn-secondary");
-        $(this).prop("title", "Question Un-Flagged. Click to flag for revision.");
+        question_status[current_question] = 0
+        $(this).removeClass().addClass("btn btn-secondary")
+        $(this).prop("title", "Question Un-Flagged. Click to flag for revision.")
     }
-    window.localStorage.setItem('question_status', JSON.stringify(question_status));
-    update_navigator();
-    event.preventDefault();
-});
+    window.localStorage.setItem('question_status', JSON.stringify(question_status))
+    update_navigator()
+    event.preventDefault()
+})
 
 $("#btn-start-quiz").click(function(event){
 
@@ -146,29 +146,29 @@ $("#btn-start-quiz").click(function(event){
         data: JSON.stringify({'id': id}),
         contentType: "application/json",
         success: function(response) {
-            $("#btn-start-quiz").fadeOut();
-            $(".btn-quiz-return").fadeIn();
-            $(".quiz-console").fadeIn();
-            $("#quiz-settings").fadeOut();
-            $("#quiz-navigator").fadeOut();
-            $(".quiz-start-text").fadeOut();
-            time_limit = response.time_limit;
-            start_time = response.start_time;
-            questions = response.questions;
-            total_questions = questions.length;
-            window.localStorage.setItem('questions', JSON.stringify(questions));
-            window.localStorage.setItem('start_time', JSON.stringify(start_time));
-            window.localStorage.setItem('time_limit', JSON.stringify(time_limit));
-            render_question();
-            build_navigator();
-            check_flag();
+            $("#btn-start-quiz").fadeOut()
+            $(".btn-quiz-return").fadeIn()
+            $(".quiz-console").fadeIn()
+            $("#quiz-settings").fadeOut()
+            $("#quiz-navigator").fadeOut()
+            $(".quiz-start-text").fadeOut()
+            time_limit = response.time_limit
+            start_time = response.start_time
+            questions = response.questions
+            total_questions = questions.length
+            window.localStorage.setItem('questions', JSON.stringify(questions))
+            window.localStorage.setItem('start_time', JSON.stringify(start_time))
+            window.localStorage.setItem('time_limit', JSON.stringify(time_limit))
+            render_question()
+            build_navigator()
+            check_flag()
             if (time_limit != 'null' && time_limit != null) {
-                $("#q-timer-widget").fadeIn();
-                time_remaining = get_time_remaining();
-                clock = setInterval(timer, 1000);
+                $("#q-timer-widget").fadeIn()
+                time_remaining = get_time_remaining()
+                clock = setInterval(timer, 1000)
             }
             if (response.time_adjustment > 0) {
-                const $alert = $("#alert-box");
+                const $alert = $("#alert-box")
                 $alert.html(
                     `<div class="alert alert-primary alert-dismissible fade show" role="alert">
                     <i class="bi bi-exclamation-triangle-fill" title="Alert"></i>
@@ -176,50 +176,50 @@ $("#btn-start-quiz").click(function(event){
                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                 </div>
                 `
-                );
-                $alert.focus();
+                )
+                $alert.focus()
             }
         },
         error: function(response) {
-            error_response(response);
+            error_response(response)
         }
-    });
+    })
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 $("#quiz-question-options").on("change", ".quiz-option", function(event){
-    $name = parseInt($(this).prop("name"));
-    $value = $(this).prop("value");
-    answers[$name] = $value;
-    window.localStorage.setItem('answers', JSON.stringify(answers));
-});
+    $name = parseInt($(this).prop("name"))
+    $value = $(this).prop("value")
+    answers[$name] = $value
+    window.localStorage.setItem('answers', JSON.stringify(answers))
+})
 
 $("#q-review-answers").click(function(event){
-    check_answered();
-    update_navigator();
+    check_answered()
+    update_navigator()
     if ($quiz_navigator.is(":hidden")) {
         if ($quiz_settings.is(":visible")) {
-            toggle_settings = true;
-            $quiz_settings.fadeOut();
+            toggle_settings = true
+            $quiz_settings.fadeOut()
         }
-        $quiz_render.fadeOut();
-        $quiz_navigator.fadeIn();
-        $(".navigator-text").fadeOut();
-        $(".review-text").fadeIn();
-        toggle_navigator = false;
-        $(window).scrollTop(0);
+        $quiz_render.fadeOut()
+        $quiz_navigator.fadeIn()
+        $(".navigator-text").fadeOut()
+        $(".review-text").fadeIn()
+        toggle_navigator = false
+        $(window).scrollTop(0)
     } else {
-        $quiz_navigator.fadeOut();
+        $quiz_navigator.fadeOut()
         if (toggle_settings) {
-            $quiz_settings.fadeIn();
-            toggle_settings = false;
+            $quiz_settings.fadeIn()
+            toggle_settings = false
         } else {
-            $quiz_render.fadeIn();
+            $quiz_render.fadeIn()
         }
     }
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 $(".quiz-button-submit").click(function(event){
     let submission = {
@@ -233,16 +233,16 @@ $(".quiz-button-submit").click(function(event){
         data: JSON.stringify(submission),
         contentType: "application/json",
         success: function(response) {
-            window.localStorage.clear();
-            window.location.href = `/result/`;
+            window.localStorage.clear()
+            window.location.href = `/result/`
         },
         error: function(response) {
-            error_response(response);
+            error_response(response)
         }
-    });
+    })
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 // Functions
 
@@ -251,17 +251,17 @@ function set_font(value = 'osdefault') {
 
     for (let i = 0; i < font_styles.length; i ++) {
         if (font_styles[i] != value) {
-            $("body").removeClass( `q-f-${font_styles[i]}` );
-        };
-    };
+            $("body").removeClass( `q-f-${font_styles[i]}` )
+        }
+    }
 
     if (value != 'osdefault') {
-        $("body").addClass(`q-f-${value}`);
-    };
+        $("body").addClass(`q-f-${value}`)
+    }
     
-    display_settings['font-select'] = value;
-    window.localStorage.setItem('display_settings', JSON.stringify(display_settings));
-    $('input[name="font-select"][value="' + value + '"]').prop('checked', true);
+    display_settings['font-select'] = value
+    window.localStorage.setItem('display_settings', JSON.stringify(display_settings))
+    $('input[name="font-select"][value="' + value + '"]').prop('checked', true)
 }
 
 function set_font_size(value = '14pt') {
@@ -269,17 +269,17 @@ function set_font_size(value = '14pt') {
 
     for (let i = 0; i < font_sizes.length; i ++) {
         if (font_sizes[i] != value) {
-            $("body").removeClass( `q-f-${font_sizes[i]}` );
-        };
-    };
+            $("body").removeClass( `q-f-${font_sizes[i]}` )
+        }
+    }
 
     if (value != '14pt') {
-        $("body").addClass(`q-f-${value}`);
-    };
+        $("body").addClass(`q-f-${value}`)
+    }
 
-    display_settings['font-size'] = value;
-    window.localStorage.setItem('display_settings', JSON.stringify(display_settings));
-    $('input[name="font-size"][value="' + value + '"]').prop('checked', true);
+    display_settings['font-size'] = value
+    window.localStorage.setItem('display_settings', JSON.stringify(display_settings))
+    $('input[name="font-size"][value="' + value + '"]').prop('checked', true)
 }
 
 function set_bg_colour(value = 'bg-light') {
@@ -287,34 +287,34 @@ function set_bg_colour(value = 'bg-light') {
 
     for (let i = 0; i < backgrounds.length; i ++) {
         if (backgrounds[i] != value) {
-            $("body").removeClass(backgrounds[i]);
+            $("body").removeClass(backgrounds[i])
             if (backgrounds[i] == 'bg-dark') {
-                $("body").removeClass('text-light');
-            };
+                $("body").removeClass('text-light')
+            }
             if (backgrounds[i] == 'alert-primary' || backgrounds[i] == 'alert-secondary' || backgrounds[i] == 'alert-dark') {
-                $("body").removeClass('text-dark');
-            };
-        };
-    };
+                $("body").removeClass('text-dark')
+            }
+        }
+    }
 
-    $("body").addClass(value);
+    $("body").addClass(value)
     if (value == 'bg-dark') {
-        $("body").addClass('text-light');
-    };
+        $("body").addClass('text-light')
+    }
     if (value == 'alert-primary' || value == 'alert-secondary' || value == 'alert-dark') {
-        $("body").addClass('text-dark');
-    };
+        $("body").addClass('text-dark')
+    }
 
-    display_settings['bg-select'] = value;
-    window.localStorage.setItem('display_settings', JSON.stringify(display_settings));
-    $('input[name="bg-select"][value="' + value + '"]').prop('checked', true);
+    display_settings['bg-select'] = value
+    window.localStorage.setItem('display_settings', JSON.stringify(display_settings))
+    $('input[name="bg-select"][value="' + value + '"]').prop('checked', true)
 }
 
 function get_settings_from_storage() {
     let display_settings = window.localStorage.getItem('display_settings')
     if (display_settings != null) {
-        return JSON.parse(display_settings);
-    };
+        return JSON.parse(display_settings)
+    }
     return {
         'font-select': 'osdefault',
         'font-size': '14pt',
@@ -323,133 +323,133 @@ function get_settings_from_storage() {
 }
 
 function apply_settings(settings) {
-    set_font(settings['font-select']);
-    set_font_size(settings['font-size']);
-    set_bg_colour(settings['bg-select']);
+    set_font(settings['font-select'])
+    set_font_size(settings['font-size'])
+    set_bg_colour(settings['bg-select'])
 }
 
 function render_question() {
     if (current_question == 0) {
-        $nav_prev.addClass('disabled');
+        $nav_prev.addClass('disabled')
     }
     if (current_question == questions.length - 1) {
-        $nav_next.addClass('disabled');
+        $nav_next.addClass('disabled')
     }
     if ($nav_prev.hasClass('disabled') && current_question > 0) {
-        $nav_prev.removeClass('disabled');
+        $nav_prev.removeClass('disabled')
     }
     if ($nav_next.hasClass('disabled') && current_question < questions.length - 1) {
-        $nav_next.removeClass('disabled');
+        $nav_next.removeClass('disabled')
     }
-    var question = questions[current_question];
-    let header_text = question.question_header;
-    var block_length = 0;
+    var question = questions[current_question]
+    let header_text = question.question_header
+    var block_length = 0
     if ('block_length' in question) {
-        block_length = question['block_length'];
-    };
-    var block_q_no = 0;
+        block_length = question['block_length']
+    }
+    var block_q_no = 0
     if ('block_q_no' in question) {
-        block_q_no = question['block_q_no'];
+        block_q_no = question['block_q_no']
     }
-    let remaining_qs = (block_length - block_q_no).toString();
+    let remaining_qs = (block_length - block_q_no).toString()
     if (block_length - block_q_no > 1) {
-        remaining_qs += ' questions';
+        remaining_qs += ' questions'
     } else {
-        remaining_qs += ' question';
+        remaining_qs += ' question'
     }
-    header_text = header_text.replace('<block_remaining_questions>', remaining_qs);
-    $question_header.html(header_text);
-    $question_text.html(question.text);
-    $question_title.html(`Question ${current_question + 1} of ${ questions.length }.`);
+    header_text = header_text.replace('<block_remaining_questions>', remaining_qs)
+    $question_header.html(header_text)
+    $question_text.html(question.text)
+    $question_title.html(`Question ${current_question + 1} of ${ questions.length }.`)
 
-    var q_no = question['q_no'];
-    var options = question.options;
-    var options_output = '';
+    var q_no = question['q_no']
+    var options = question.options
+    var options_output = ''
     for (let i = 0; i < options.length; i ++) {
         var add_checked = ''
         if (q_no in answers) {
             if (answers[q_no] == options[i][0]) {
-                add_checked = 'checked';
+                add_checked = 'checked'
             }
         }
         options_output += `<div class="form-check">
             <input type="radio" class="form-check-input quiz-option" id="q${current_question}-${i}" name="${q_no}" value="${options[i][0]}" ${add_checked}>
             <label for="q${current_question}-${i}" class="form-check-label">${options[i][1]}</label>
-        </div>`;
+        </div>`
     }
-    $question_options.html(options_output);
-    let skipped = count_questions(-1);
-    let answered = count_questions(2);
-    let flagged = count_questions(1);
+    $question_options.html(options_output)
+    let skipped = count_questions(-1)
+    let answered = count_questions(2)
+    let flagged = count_questions(1)
 
-    $progress_skipped.prop('title', `Skipped: ${skipped}`);
-    $progress_skipped.prop('aria-valuenow', skipped);
-    $progress_skipped.css('width', `${skipped}%`);
-    $skipped_count.text(`Skipped: ${skipped}`);
+    $progress_skipped.prop('title', `Skipped: ${skipped}`)
+    $progress_skipped.prop('aria-valuenow', skipped)
+    $progress_skipped.css('width', `${skipped}%`)
+    $skipped_count.text(`Skipped: ${skipped}`)
     if (skipped < 1) {
         $skipped_count.fadeOut()
     } else {
         $skipped_count.fadeIn()
     }
 
-    $progress_flagged.prop('title', `Flagged: ${flagged}`);
-    $progress_flagged.prop('aria-valuenow', flagged);
-    $progress_flagged.css('width', `${flagged}%`);
-    $flagged_count.text(`Flagged: ${flagged}`);
+    $progress_flagged.prop('title', `Flagged: ${flagged}`)
+    $progress_flagged.prop('aria-valuenow', flagged)
+    $progress_flagged.css('width', `${flagged}%`)
+    $flagged_count.text(`Flagged: ${flagged}`)
     if (flagged < 1) {
         $flagged_count.fadeOut()
     } else {
         $flagged_count.fadeIn()
     }
 
-    $progress_answered.prop('title', `Answered: ${answered}`);
-    $progress_answered.prop('aria-valuenow', answered);
-    $progress_answered.css('width', `${answered}%`);
-    $answered_count.text(`Answered: ${answered}`);
+    $progress_answered.prop('title', `Answered: ${answered}`)
+    $progress_answered.prop('aria-valuenow', answered)
+    $progress_answered.css('width', `${answered}%`)
+    $answered_count.text(`Answered: ${answered}`)
     if (answered < 1) {
         $answered_count.fadeOut()
     } else {
         $answered_count.fadeIn()
     }
 
-    $question_title.focus();
-    $(window).scrollTop(0);
+    $question_title.focus()
+    $(window).scrollTop(0)
 }
 
 function check_answered() {
-    var question = questions[current_question];
-    var name = question.q_no;
+    var question = questions[current_question]
+    var name = question.q_no
     if (question_status[current_question] == 0 || question_status[current_question] == -1) {
         if (!$(`input[name='${name}']:checked`).val()) {
-            question_status[current_question] = -1;
+            question_status[current_question] = -1
         } else {
-            question_status[current_question] = 2;
+            question_status[current_question] = 2
         }
-        window.localStorage.setItem('question_status', JSON.stringify(question_status));
+        window.localStorage.setItem('question_status', JSON.stringify(question_status))
     }
 }
 
 function check_flag() {
     if (!(current_question in question_status)) {
-        question_status[current_question] = 0;
-        window.localStorage.setItem('question_status', JSON.stringify(question_status));
+        question_status[current_question] = 0
+        window.localStorage.setItem('question_status', JSON.stringify(question_status))
     }
     switch (question_status[current_question]) {
         case -1:
-            $nav_flag.removeClass().addClass('btn btn-danger progress-bar-striped');
-            $nav_flag.prop("title", "Question Incomplete. Click to flag for revision.");
-            break;
+            $nav_flag.removeClass().addClass('btn btn-danger progress-bar-striped')
+            $nav_flag.prop("title", "Question Incomplete. Click to flag for revision.")
+            break
         case 1:
-            $nav_flag.removeClass().addClass('btn btn-warning');
-            $nav_flag.prop("title", "Question Flagged for revision. Click to un-flag.");
-            break;
+            $nav_flag.removeClass().addClass('btn btn-warning')
+            $nav_flag.prop("title", "Question Flagged for revision. Click to un-flag.")
+            break
         case 2:
-            $nav_flag.removeClass().addClass('btn btn-success');
-            $nav_flag.prop("title", "Question Answered. Click to flag for revision.");
-            break;
+            $nav_flag.removeClass().addClass('btn btn-success')
+            $nav_flag.prop("title", "Question Answered. Click to flag for revision.")
+            break
         default:
-            $nav_flag.removeClass().addClass('btn btn-secondary');
-            $nav_flag.prop("title", "Question Un-Flagged. Click to flag for revision.");
+            $nav_flag.removeClass().addClass('btn btn-secondary')
+            $nav_flag.prop("title", "Question Un-Flagged. Click to flag for revision.")
     }
 }
 
@@ -457,31 +457,31 @@ function build_navigator() {
     $nav_container.html('')
     var output = ''
     for (let i = 0; i < questions.length; i ++) {
-        let add_class, add_href, add_status = '';
+        let add_class, add_href, add_status = ''
         switch (question_status[i]) {
             case -1:
-                add_class = 'btn-danger progress-bar-striped';
-                add_href = 'href="#"';
-                add_status = 'Incomplete';
-                break;
+                add_class = 'btn-danger progress-bar-striped'
+                add_href = 'href="#"'
+                add_status = 'Incomplete'
+                break
             case 1:
-                add_class = 'btn-warning';
-                add_href = 'href="#"';
-                add_status = 'Flagged';
-                break;
+                add_class = 'btn-warning'
+                add_href = 'href="#"'
+                add_status = 'Flagged'
+                break
             case 2:
-                add_class = 'btn-success';
-                add_href = 'href="#"';
-                add_status = 'Answered';
-                break;
+                add_class = 'btn-success'
+                add_href = 'href="#"'
+                add_status = 'Answered'
+                break
             default:
-                add_class = 'btn-secondary disabled';
-                add_href = '';
-                add_status = 'Unseen';
+                add_class = 'btn-secondary disabled'
+                add_href = ''
+                add_status = 'Unseen'
         }
-        output += `<a ${add_href} class="q-navigator-button btn ${add_class}" name=${i} title="Question ${i+1}: ${add_status}">Q${i + 1}</a>`;
+        output += `<a ${add_href} class="q-navigator-button btn ${add_class}" name=${i} title="Question ${i+1}: ${add_status}">Q${i + 1}</a>`
     }
-    $nav_container.html(output);
+    $nav_container.html(output)
 }
 
 function update_navigator() {
@@ -489,162 +489,162 @@ function update_navigator() {
     if (current_question in question_status) {
         switch (question_status[current_question]) {
             case -1:
-                button.removeClass().addClass("q-navigator-button btn btn-danger progress-bar-striped");
-                button.prop("title", `Question ${current_question + 1}: Incomplete`);
-                break;
+                button.removeClass().addClass("q-navigator-button btn btn-danger progress-bar-striped")
+                button.prop("title", `Question ${current_question + 1}: Incomplete`)
+                break
             case 1:
-                button.removeClass().addClass("q-navigator-button btn btn-warning");
-                button.prop("title", `Question ${current_question + 1}: Flagged`);
-                break;
+                button.removeClass().addClass("q-navigator-button btn btn-warning")
+                button.prop("title", `Question ${current_question + 1}: Flagged`)
+                break
             case 2:
-                button.removeClass().addClass("q-navigator-button btn btn-success");
-                button.prop("title", `Question ${current_question + 1}: Answered`);
-                break;
+                button.removeClass().addClass("q-navigator-button btn btn-success")
+                button.prop("title", `Question ${current_question + 1}: Answered`)
+                break
             default:
-                button.removeClass().addClass("q-navigator-button btn btn-secondary disabled");
-                button.prop("title", `Question ${current_question + 1}: Unseen`);
+                button.removeClass().addClass("q-navigator-button btn btn-secondary disabled")
+                button.prop("title", `Question ${current_question + 1}: Unseen`)
         }
     }
 }
 
 function start() {
-    $("#btn-start-quiz").fadeOut();
-    $(".btn-quiz-return").fadeIn();
-    $(".quiz-console").fadeIn();
-    $("#quiz-settings").fadeOut();
-    $("#quiz-navigator").fadeOut();
-    $(".quiz-start-text").fadeOut();
+    $("#btn-start-quiz").fadeOut()
+    $(".btn-quiz-return").fadeIn()
+    $(".quiz-console").fadeIn()
+    $("#quiz-settings").fadeOut()
+    $("#quiz-navigator").fadeOut()
+    $(".quiz-start-text").fadeOut()
 
-    questions = JSON.parse(window.localStorage.getItem('questions'));
-    total_questions = questions.length;
-    start_time = window.localStorage.getItem('start_time');
-    time_limit = window.localStorage.getItem('time_limit');
+    questions = JSON.parse(window.localStorage.getItem('questions'))
+    total_questions = questions.length
+    start_time = window.localStorage.getItem('start_time')
+    time_limit = window.localStorage.getItem('time_limit')
 
-    let get_answers = window.localStorage.getItem('answers');
+    let get_answers = window.localStorage.getItem('answers')
     if (get_answers != null) {
-        answers = JSON.parse(get_answers);
+        answers = JSON.parse(get_answers)
     }
 
-    let get_status = window.localStorage.getItem('question_status');
+    let get_status = window.localStorage.getItem('question_status')
     if (get_status != null) {
-        question_status = JSON.parse(get_status);
+        question_status = JSON.parse(get_status)
     }
 
-    render_question();
-    build_navigator();
-    check_flag();
+    render_question()
+    build_navigator()
+    check_flag()
     if (time_limit != 'null' && time_limit != null) {
-        $("#q-timer-widget").fadeIn();
-        time_remaining = get_time_remaining();
-        clock = setInterval(timer, 1000);
+        $("#q-timer-widget").fadeIn()
+        time_remaining = get_time_remaining()
+        clock = setInterval(timer, 1000)
     }
 }
 
 function check_started() {
-    let questions = window.localStorage.getItem('questions');
-    let time_limit = window.localStorage.getItem('time_limit');
+    let questions = window.localStorage.getItem('questions')
+    let time_limit = window.localStorage.getItem('time_limit')
     let start_time = window.localStorage.getItem('start_time')
     if (questions != null && start_time != null && time_limit != null) {
-        start();
+        start()
     }
 }
 
 function get_time_remaining() {
-    var end_time = new Date(time_limit).getTime();
-    var _start_time = new Date().getTime();
-    return end_time - _start_time;
+    var end_time = new Date(time_limit).getTime()
+    var _start_time = new Date().getTime()
+    return end_time - _start_time
 }
 
 function timer() {
-    var hours = Math.floor((time_remaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-    var minutes = Math.floor((time_remaining % (1000 * 60 * 60)) / (1000 * 60));
-    var seconds = Math.floor((time_remaining % (1000 * 60)) / 1000);
+    var hours = Math.floor((time_remaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+    var minutes = Math.floor((time_remaining % (1000 * 60 * 60)) / (1000 * 60))
+    var seconds = Math.floor((time_remaining % (1000 * 60)) / 1000)
 
     if (time_remaining > 0) {
-        var timer_display = '';
+        var timer_display = ''
         if (hours > 0) {
-            timer_display = `${hours.toString()}:`;
+            timer_display = `${hours.toString()}:`
         }
         if (minutes > 0 || hours > 0) {
             if (minutes < 10) {
-                timer_display += `0${minutes.toString()}:`;
+                timer_display += `0${minutes.toString()}:`
             } else {
-                timer_display += `${minutes.toString()}:`;
+                timer_display += `${minutes.toString()}:`
             }
         }
         if (seconds < 10) {
-            timer_display += `0${seconds.toString()}`;
+            timer_display += `0${seconds.toString()}`
         } else {
-            timer_display += seconds.toString();
+            timer_display += seconds.toString()
         }
-        $timer.html(timer_display);
+        $timer.html(timer_display)
         time_remaining -= 1000
     } else {
-        $timer.html('Expired');
-        clearInterval(clock);
+        $timer.html('Expired')
+        clearInterval(clock)
         stop()
     }
 }
 
 function stop() {
-    $quiz_render.fadeOut();
-    $quiz_navigator.fadeOut();
-    $quiz_timeout.fadeIn();
-    $("#btn-toggle-navigator").addClass('disabled');
+    $quiz_render.fadeOut()
+    $quiz_navigator.fadeOut()
+    $quiz_timeout.fadeIn()
+    $("#btn-toggle-navigator").addClass('disabled')
     $("#btn-toggle-settings").addClass('disabled')
 }
 
 function count_questions(status) {
-    output = 0;
+    output = 0
     for (let i = 0; i < Object.keys(question_status).length; i++) {
-        key = Object.keys(question_status)[i];
+        key = Object.keys(question_status)[i]
         if (question_status[key] == status){
-            output ++;
+            output ++
         }
     }
-    return output;
+    return output
 }
 
 // Variable Definitions
 
-const id = window.localStorage.getItem('id');
+const id = window.localStorage.getItem('id')
 
-var current_question = 0;
-var total_questions = 0;
-var question_status = {};
-var answers = {};
-var questions = [];
-var time_limit, start_time, time_remaining;
+var current_question = 0
+var total_questions = 0
+var question_status = {}
+var answers = {}
+var questions = []
+var time_limit, start_time, time_remaining
 
-var display_settings = get_settings_from_storage();
+var display_settings = get_settings_from_storage()
 
-const $quiz_settings = $("#quiz-settings");
-const $quiz_navigator = $("#quiz-navigator");
-const $quiz_render = $("#quiz-render");
-const $quiz_timeout = $("#quiz-timeout");
-const $nav_flag = $("#q-nav-flag");
-const $nav_next = $("#q-nav-next");
-const $nav_prev = $("#q-nav-prev");
-const $nav_container = $("#navigator-container");
-const $timer = $("#q-timer-display");
+const $quiz_settings = $("#quiz-settings")
+const $quiz_navigator = $("#quiz-navigator")
+const $quiz_render = $("#quiz-render")
+const $quiz_timeout = $("#quiz-timeout")
+const $nav_flag = $("#q-nav-flag")
+const $nav_next = $("#q-nav-next")
+const $nav_prev = $("#q-nav-prev")
+const $nav_container = $("#navigator-container")
+const $timer = $("#q-timer-display")
 var clock
 
-var toggle_settings = false;
-var toggle_navigator = false;
+var toggle_settings = false
+var toggle_navigator = false
 
-const $question_title = $("#quiz-question-title");
-const $question_header = $("#quiz-question-header");
-const $question_text = $("#quiz-question-text");
-const $question_options = $("#quiz-question-options");
+const $question_title = $("#quiz-question-title")
+const $question_header = $("#quiz-question-header")
+const $question_text = $("#quiz-question-text")
+const $question_options = $("#quiz-question-options")
 
-const $progress_skipped = $("#skipped-bar");
-const $progress_answered = $("#answered-bar");
-const $progress_flagged = $("#flagged-bar");
-const $skipped_count = $("#skipped-count");
-const $answered_count = $("#answered-count");
-const $flagged_count = $("#flagged-count");
+const $progress_skipped = $("#skipped-bar")
+const $progress_answered = $("#answered-bar")
+const $progress_flagged = $("#flagged-bar")
+const $skipped_count = $("#skipped-count")
+const $answered_count = $("#answered-count")
+const $flagged_count = $("#flagged-count")
 
 // Execution on Load
 
-apply_settings(display_settings);
-check_started();
\ No newline at end of file
+apply_settings(display_settings)
+check_started()
\ No newline at end of file
diff --git a/ref-test/app/quiz/static/js/script.js b/ref-test/app/quiz/static/js/script.js
index ba30892..0dfdf97 100644
--- a/ref-test/app/quiz/static/js/script.js
+++ b/ref-test/app/quiz/static/js/script.js
@@ -1,21 +1,21 @@
 $(document).ready(function() {
     $("#od-font-test").click(function(){
         $("body").css("font-family", "opendyslexic3regular")
-    });
+    })
 
     $('.test-code-input').keyup(function() {
-        var input = $(this).val().split("-").join("").split("—").join("");
+        var input = $(this).val().split("-").join("").split("—").join("")
         if (input.length > 0) {
-          input = input.match(new RegExp('.{1,4}', 'g')).join("—");
+          input = input.match(new RegExp('.{1,4}', 'g')).join("—")
         }
-        $(this).val(input);
-    });
-});
+        $(this).val(input)
+    })
+})
 
 $('form[name=form-quiz-start]').submit(function(event) {
     
-    var $form = $(this);
-    var data = $form.serialize();
+    var $form = $(this)
+    var data = $form.serialize()
 
     $.ajax({
         url: window.location.pathname,
@@ -24,21 +24,21 @@ $('form[name=form-quiz-start]').submit(function(event) {
         dataType: 'json',
         success: function(response) {
             var id = response.id
-            window.localStorage.setItem('id', id);
-            window.location.href = `/quiz/`;
+            window.localStorage.setItem('id', id)
+            window.location.href = `/quiz/`
         },
         error: function(response) {
-            error_response(response);
+            error_response(response)
         }
-    });
+    })
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 function error_response(response) {
 
-    const $alert = $("#alert-box");
-    $alert.html('');
+    const $alert = $("#alert-box")
+    $alert.html('')
 
     if (typeof response.responseJSON.error === 'string' || response.responseJSON.error instanceof String) {
         $alert.html(`
@@ -47,18 +47,18 @@ function error_response(response) {
             ${response.responseJSON.error}
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
         </div>
-        `);
+        `)
     } else if (response.responseJSON.error instanceof Array) {
         var output = ''
-        for (var i = 0; i < response.responseJSON.error.length; i ++) {
+        for (let i = 0; i < response.responseJSON.error.length; i ++) {
             output += `
             <div class="alert alert-danger alert-dismissible fade show" role="alert">
                 <i class="bi bi-exclamation-triangle-fill" title="Danger"></i>
                 ${response.responseJSON.error[i]}
                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
             </div>
-            `;
-            $alert.html(output);
+            `
+            $alert.html(output)
         }
     }
 }
@@ -74,13 +74,13 @@ $('#dismiss-cookie-alert').click(function(event){
         },
         dataType: 'json',
         success: function(response){
-            console.log(response);
+            console.log(response)
         },
         error: function(response){
-            console.log(response);
+            console.log(response)
         }
     })
 
-    event.preventDefault();
+    event.preventDefault()
 
 })
\ No newline at end of file
diff --git a/ref-test/app/root/js/script.js b/ref-test/app/root/js/script.js
index ba30892..0dfdf97 100644
--- a/ref-test/app/root/js/script.js
+++ b/ref-test/app/root/js/script.js
@@ -1,21 +1,21 @@
 $(document).ready(function() {
     $("#od-font-test").click(function(){
         $("body").css("font-family", "opendyslexic3regular")
-    });
+    })
 
     $('.test-code-input').keyup(function() {
-        var input = $(this).val().split("-").join("").split("—").join("");
+        var input = $(this).val().split("-").join("").split("—").join("")
         if (input.length > 0) {
-          input = input.match(new RegExp('.{1,4}', 'g')).join("—");
+          input = input.match(new RegExp('.{1,4}', 'g')).join("—")
         }
-        $(this).val(input);
-    });
-});
+        $(this).val(input)
+    })
+})
 
 $('form[name=form-quiz-start]').submit(function(event) {
     
-    var $form = $(this);
-    var data = $form.serialize();
+    var $form = $(this)
+    var data = $form.serialize()
 
     $.ajax({
         url: window.location.pathname,
@@ -24,21 +24,21 @@ $('form[name=form-quiz-start]').submit(function(event) {
         dataType: 'json',
         success: function(response) {
             var id = response.id
-            window.localStorage.setItem('id', id);
-            window.location.href = `/quiz/`;
+            window.localStorage.setItem('id', id)
+            window.location.href = `/quiz/`
         },
         error: function(response) {
-            error_response(response);
+            error_response(response)
         }
-    });
+    })
 
-    event.preventDefault();
-});
+    event.preventDefault()
+})
 
 function error_response(response) {
 
-    const $alert = $("#alert-box");
-    $alert.html('');
+    const $alert = $("#alert-box")
+    $alert.html('')
 
     if (typeof response.responseJSON.error === 'string' || response.responseJSON.error instanceof String) {
         $alert.html(`
@@ -47,18 +47,18 @@ function error_response(response) {
             ${response.responseJSON.error}
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
         </div>
-        `);
+        `)
     } else if (response.responseJSON.error instanceof Array) {
         var output = ''
-        for (var i = 0; i < response.responseJSON.error.length; i ++) {
+        for (let i = 0; i < response.responseJSON.error.length; i ++) {
             output += `
             <div class="alert alert-danger alert-dismissible fade show" role="alert">
                 <i class="bi bi-exclamation-triangle-fill" title="Danger"></i>
                 ${response.responseJSON.error[i]}
                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
             </div>
-            `;
-            $alert.html(output);
+            `
+            $alert.html(output)
         }
     }
 }
@@ -74,13 +74,13 @@ $('#dismiss-cookie-alert').click(function(event){
         },
         dataType: 'json',
         success: function(response){
-            console.log(response);
+            console.log(response)
         },
         error: function(response){
-            console.log(response);
+            console.log(response)
         }
     })
 
-    event.preventDefault();
+    event.preventDefault()
 
 })
\ No newline at end of file