johnnycastaway/index.html at master · huntergdavis/johnnycastaway · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Johnny Castaway</title>
    <style type="text/css">
      .dosbox-container {min-height:320;  min-width:200; text-align: center; }
      .dosbox-container > .dosbox-overlay { background: url(https://raw.githubusercontent.com/huntergdavis/johnnycastaway/master/johnnytitle.gif);
 }
      .dosbox-container >   .dosbox-canvas {min-width:320; min-height:200;}
      .dosbox-start {height:0;}

      body {
        background-color: #0000aa;
        zoom: 1;
        overflow:hidden;
      }

    </style>
  </head>
  <body>
    <div id="dosbox"></div>
    <script type="text/javascript" src="https://js-dos.com/cdn/js-dos-api.js"></script>
    <script type="text/javascript">
      var dosbox = new Dosbox({
        id: "dosbox",
        onload: function (dosbox) {
          dosbox.run("./johnnycastaway.zip", "./runwin.bat");
        },
        onrun: function (dosbox, app) {
          console.log("App '" + app + "' is runned");
        }
      });

      function getUrlVars() {
        var vars = {};
        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
            vars[key] = value;
        });
        return vars;
      }

      function getZoomFromUrl(){
        var parameter = "zoom";
          var urlparameter = 1; // default zoom to 1, effectively unset
          if(window.location.href.indexOf(parameter) > -1){
              urlparameter = getUrlVars()[parameter];
              }
          return urlparameter;
      }

      var zoomLevel = getUrlVars()["zoom"];

      document.body.style.zoom = zoomLevel;

      document.getElementsByClassName('dosbox-start')[0].click();
    </script>
  </body>
</html>