landscape.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Workshop</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
      body {
      font-family: Monospace;
      background-color: #000;
      color: #000;
      margin: 0px;
      overflow: hidden;
      }
      #info {
      color: #000;
      position: absolute;
      top: 10px;
      width: 100%;
      text-align: center;
      z-index: 100;
      display:block;
      }
      #info a, .button { color: #f00; font-weight: bold; text-decoration: underline; cursor: pointer }
    </style>
  </head>

  <body>
    
    <div id="workshop"></div>

    <script src="js/three.min.r58.js"></script>
    <script src="js/OBJLoader.js"></script>
    <script src="js/FirstPersonControls.js"></script>
    <script src="js/landscape.js"></script>
  </body>
</html>