up the ol ace pipe

Dockerfile

@@ -0,0 +1,17 @@
+FROM alpine:latest
+
+ARG GAME_URL
+ARG GAME_ARGS
+
+WORKDIR site
+RUN wget https://js-dos.com/6.22/current/js-dos.js && \
+    wget https://js-dos.com/6.22/current/wdosbox.js && \
+    wget https://js-dos.com/6.22/current/wdosbox.wasm.js && \
+    wget -O game.zip "$GAME_URL"
+
+RUN apk add darkhttpd
+
+COPY index.html bg.jpg ./
+RUN sed -i s/GAME_ARGS/$GAME_ARGS/ index.html
+
+ENTRYPOINT ["/usr/bin/darkhttpd", "/site", "--port", "8000"]

README.md

@@ -1,3 +1,10 @@
 # docker-mariotype
 
-docker image of Mario Teaches Typing running on js-dos
+docker image of Mario Teaches Typing running on js-dos
+
+run the following to build
+`docker build -t docker-mariotype --build-arg GAME_URL=https://code.imhard4.men/crappyrules/docker-mariotype/raw/branch/master/mariotype.zip --build-arg GAME_ARGS=\"MARIO.EXE\" .`
+
+once you have built the image, run with 
+
+`docker run -d -p 8000:8000 docker-mariotype`

index.html

@@ -0,0 +1,41 @@
+<html>
+  <style type="text/css" media="screen">
+      canvas {
+          width: 800px; 
+          height: 600px;
+      }
+  </style>
+  <head>
+    <title>Mario Teaches Typing Online</title>
+    <script src="js-dos.js"></script>
+  </head>
+  <body background="bg.jpg" text="white">
+    <canvas id="jsdos" width="800" height="600" ></canvas>
+    <script>
+      Dos(document.getElementById("jsdos"), {
+      }).ready((fs, main) => {
+        fs.extract("game.zip").then(() => {
+          main(["-c",  GAME_ARGS])
+        });
+      });
+    </script>
+    <br><br><br><br><br>
+    <center><form>
+      <input type="button" value="Go back!" onclick="history.back()">
+     </form></center>
+    <h3>Mario Teaches Typing</h3>
+    <p>Mario comes to the PC, in the form of a typing tutor.
+
+      In this product you get to play one of four games, of progressing difficulty (as either Mario, Luigi or the Princess):
+      
+      Mario's Smash & Dash: Assist your character run past a series of boxes and turtles, each labelled with a letter that must be typed to avoid the obstacle.
+      
+      Mario's Wet World Challenge: Help your characters swim across the screen whilst being chased by hungry sea creatures - only typing the words that scroll across the bottom of the screen will let you escape.
+      
+      Mario's Tunnel Of Doom: Help your character run through a tunnel filled with traps, avoiding falling blocks and the like, by correctly typing the sentences which scroll across the top of the screen.
+      
+      Mario's Expert Express: Essentially a practice typing lesson where you copy and type pre-defined paragraphs with the assistance of Mario's supervision.
+      
+      From Mobygames.com. </p>    
+  </body>
+</html>