* initial commit

public/.htaccess

@@ -0,0 +1,19 @@
+RewriteEngine On
+# The following rule allows authentication to work with fast-cgi
+RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+# The following rule tells Apache that if the requested filename
+# exists, simply serve it.
+RewriteCond %{REQUEST_FILENAME} -s [OR]
+RewriteCond %{REQUEST_FILENAME} -l [OR]
+RewriteCond %{REQUEST_FILENAME} -d
+RewriteRule ^.*$ - [NC,L]
+
+# The following rewrites all other queries to index.php. The
+# condition ensures that if you are using Apache aliases to do
+# mass virtual hosting, the base path will be prepended to
+# allow proper resolution of the index.php file; it will work
+# in non-aliased environments as well, providing a safe, one-size
+# fits all solution.
+RewriteCond %{REQUEST_URI}::$1 ^(/.+)(.+)::\2$
+RewriteRule ^(.*) - [E=BASE:%1]
+RewriteRule ^(.*)$ %{ENV:BASE}index.php [NC,L]

public/index.php

@@ -0,0 +1,27 @@
+<?php
+
+// Delegate static file requests back to the PHP built-in webserver
+if (PHP_SAPI === 'cli-server' && $_SERVER['SCRIPT_FILENAME'] !== __FILE__) {
+    return false;
+}
+
+chdir(dirname(__DIR__));
+require 'vendor/autoload.php';
+
+/**
+ * Self-called anonymous function that creates its own scope and keep the global namespace clean.
+ */
+call_user_func(function () {
+    /** @var \Psr\Container\ContainerInterface $container */
+    $container = require 'config/container.php';
+
+    /** @var \Zend\Expressive\Application $app */
+    $app = $container->get(\Zend\Expressive\Application::class);
+
+    // Import programmatic/declarative middleware pipeline and routing
+    // configuration statements
+    require 'config/pipeline.php';
+    require 'config/routes.php';
+
+    $app->run();
+});

public/scripts/camera-image-handler.js

@@ -0,0 +1,37 @@
+jQuery(document).ready(function () {
+  var cameraImages = [];
+  var cameraPointer = 0;
+
+  function changeImage(pointer) {
+    $('#cameraImage').css(
+      'background-image',
+      'url(' + cameraImageBaseUrl + cameraImages[pointer].camera + '/' + cameraImages[pointer].imageName + ')'
+    );
+    $('#cameraText').text(cameraImages[pointer].text);
+  }
+
+  function refreshCameraImages() {
+    jQuery.get(cameraImageApiUrl, function (data) {
+      cameraImages = data;
+    }).always(function() {
+      window.setTimeout(refreshCameraImages, refreshInterval);
+    });
+  }
+
+  // initial image load
+  jQuery.get(cameraImageApiUrl, function (data) {
+    cameraImages = data;
+
+    changeImage(0);
+    window.setTimeout(refreshCameraImages, refreshInterval);
+
+    // change displayed image
+    window.setInterval(function () {
+      cameraPointer = cameraPointer === cameraImages.length - 1
+        ? 0
+        : cameraPointer + 1;
+      changeImage(cameraPointer);
+    }, changeDelay);
+  });
+
+});