src/frontend/farmsviewer.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

   
   <!-- libraries -->
   <!-- TODO: investigate using require.js or some other js dependency manager -->
   <script type="text/javascript" src="/assets/libs/jquery.js"></script>
   <script type="text/javascript" src="/assets/libs/json2.js"></script>

   <script type="text/javascript" src="/assets/libs/autobahn.js"></script>

   <script type="text/javascript" src="/assets/libs/ol.js"></script>
   <link rel="stylesheet" href="/assets/libs/ol.css" type="text/css">
   <script type="text/javascript" src="/assets/libs/d3.v3.js" charset="utf-8"></script>
   <script type="text/javascript" src="/assets/libs/nv.d3.js"></script>
   <link href="/assets/libs/nv.d3.css" rel="stylesheet" type="text/css">

   <!-- project code -->
   <link rel="stylesheet/less" type="text/css" href="css/style.less" />
   <script type="text/javascript" src="/assets/libs/less.js"></script> <!--NB: must come after all .less stylesheets-->
   
   <!-- networking -->
   <!-- <script type="text/javascript" src="wamp.js"></script> -->
   
   <!-- ol3 --> 
   <script type="text/javascript" src="map.js"></script>
  
   <!-- d3 -->
   <script type="text/javascript" src="graph.js"></script>  

   <title>Model Explorer -- Agriculture Simulation</title>

</head>
<body>

  <div id="layout">
    <!--<h2>Model Explorer -- Agriculture Simulation</h2>-->
    <div id="view">
      <div id="map"></div><!-- hide whitespace from parser
      --><div id="graph"></div>
    </div>
    <div id="controls">      
     <div class="shrinkwrap">
      Status: <span id="connected">Disconnected</span>
      Model: <a id="start">Start</a><!--hidewhitespace--><a id="stop">Stop</a> <!-- these are buttons, wired up via jQuery, to start and stop the simulation -->
     </div>
    </div>  
  </div>
  </script>
</body>
</html>