Dockerize the app with nginx

Dockerfile

@@ -0,0 +1,9 @@
+FROM nginx:1.20.1-alpine
+
+
+# Add build-dir contents to image
+COPY static/ /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/nginx.conf
+COPY jurassicsystems.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80

Makefile

@@ -0,0 +1,51 @@
+# use the last git tag as the version. if not on current tag, it will be tag-last-commit-hash
+GIT_TAG   = $(shell git describe --tags --always 2>/dev/null)
+VERSION   ?= 4.1.22 #${GIT_TAG}
+IMAGE_TAG ?= ${VERSION}
+
+# The Docker registry where images are pushed.
+# Note that if you use an org (like on Quay and DockerHub), you should
+# include that: quay.io/foo
+REGISTRY = docker.io/lukepatrick
+
+
+DOCKER_BUILD_FLAGS := 
+
+DOCKER_NAME	       := jurassicsystems
+DOCKER_RUN_FLAGS   := --rm --restart always --name $(DOCKER_NAME)
+DOCKER_RUN_PORT	   := 80
+
+DOCKER_IMAGE = jurassicsystems
+
+AUDIT_BASE ?= ''
+
+.PHONY: help
+help: ## This help.
+	@awk 'BEGIN {FS = ":.*?## "} /^[a-zA-Z_-]+:.*?## / {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}' $(MAKEFILE_LIST)
+
+.DEFAULT_GOAL := help
+
+.PHONY: docker-build
+docker-build: ## Build the container
+	docker build -f Dockerfile $(DOCKER_BUILD_FLAGS) -t $(REGISTRY)/$(DOCKER_IMAGE):$(IMAGE_TAG) .
+
+# You must be logged into DOCKER_REGISTRY before you can push.
+.PHONY: docker-push
+docker-push: ## Publish the container to artifactory
+	docker push $(REGISTRY)/$(DOCKER_IMAGE):$(IMAGE_TAG)
+
+
+.PHONY: docker-run
+docker-run: vendor ## run the docker container
+docker-run: $(addsuffix -run,$(IMAGES))
+
+%-run:
+	docker run -p $(DOCKER_RUN_PORT):$(DOCKER_RUN_PORT)/tcp \
+		$(DOCKER_RUN_FLAGS) \
+		-d $(REGISTRY)/$*:$(IMAGE_TAG);
+	open http://localhost
+
+.PHONY: docker-exec
+docker-exec: vendor ## exec into docker container
+	docker exec -it $(DOCKER_NAME) /bin/bash
+

README.md

@@ -4,6 +4,11 @@ HTML5/JavaScript recreation of the original Jurassic Park movie computer system.
 ## About Repo
 This project started out as a much smaller joke that got out of hand, so the implementation may not have lead to the most extensible of code bases. That being said, adding terminal commands, at least, should be fairly straight forward using the `addCommand` method in [jurassicSystems.js](https://github.com/tojrobinson/jurassicsystems.com/blob/master/static/js/jurassicSystems.js).
 
+## Make - Docker
+run `make` for helpful make commands for building a Docker container of this app.
+
+
+
 ## License
 The MIT License (MIT)
 

jurassicsystems.conf

@@ -0,0 +1,37 @@
+# Expires map
+map $sent_http_content_type $expires {
+    default                    off;
+    text/html                  epoch;
+    text/css                   max;
+    application/javascript     max;
+    ~image/                    max;
+}
+
+
+server {
+    listen       80;
+    access_log  /var/log/nginx/access.log  main;
+    error_log	/var/log/nginx/error.log   warn;
+    root   /usr/share/nginx/html/;
+    index jurassicSystems.html;
+
+    expires $expires;
+    error_page          404 /errorPage.html;
+    error_page          403 /errorPage.html;
+
+    location ~* \.(css|js|jpg|png|gif|ico|ogg|mp3|wav|swf)$ {
+        expires max;
+    }
+
+    location /system {
+        try_files /jurassicSystems.html =404;
+    }
+
+    location /about {
+        try_files /about.html =404;
+    }
+
+    location = /theking {
+        try_files /theKing.html =404;
+    }
+}

nginx.conf

@@ -1,24 +1,55 @@
-server {
-   listen              80;
-   server_name         jurassicsystems.com www.jurassicsystems.com;
-   root                /home/treefingers/www/jurassicsystems.com/static;
-   index               jurassicSystems.html;
-   error_page          404 /errorPage.html;
-   error_page          403 /errorPage.html;
-
-   location ~* \.(css|js|jpg|png|gif|ico|ogg|mp3|wav|swf)$ {
-      expires max;
-   }
-
-   location /system {
-      try_files /jurassicSystems.html =404;
-   }
-
-   location /about {
-      try_files /about.html =404;
-   }
-
-   location = /theking {
-      try_files /theKing.html =404;
-   }
+# server {
+#    listen              80;
+#    server_name         jurassicsystems.com www.jurassicsystems.com;
+#    root                /home/treefingers/www/jurassicsystems.com/static;
+#    index               jurassicSystems.html;
+#    error_page          404 /errorPage.html;
+#    error_page          403 /errorPage.html;
+
+#    location ~* \.(css|js|jpg|png|gif|ico|ogg|mp3|wav|swf)$ {
+#       expires max;
+#    }
+
+#    location /system {
+#       try_files /jurassicSystems.html =404;
+#    }
+
+#    location /about {
+#       try_files /about.html =404;
+#    }
+
+#    location = /theking {
+#       try_files /theKing.html =404;
+#    }
+# }
+
+user nginx;
+worker_processes auto;
+error_log /var/log/nginx/error.log warn;
+pid /run/nginx.pid;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+
+    log_format main '[$time_local] $remote_addr - $remote_user - $server_name to: $upstream_addr: $request upstream_response_time $upstream_response_time msec $msec request_time $request_time';
+
+    sendfile            on;
+    tcp_nopush          on;
+    tcp_nodelay         on;
+    keepalive_timeout   65;
+    types_hash_max_size 2048;
+    gzip		on;
+    gzip_types text/plain text/javascript application/javascript;
+    gzip_min_length 1000;
+
+    include             /etc/nginx/mime.types;
+    default_type        application/octet-stream;
+
+    # Load modular configuration files from the /etc/nginx/conf.d directory.
+    # See http://nginx.org/en/docs/ngx_core_module.html#include
+    # for more information.
+    include /etc/nginx/conf.d/*.conf;
 }