<html>
  <head>
    <script src="shared/jquery.js" type="text/javascript"></script>
    <script src="shared/shiny.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="shared/shiny.css"/>
  </head>
  
  <body>
    <h1>HTML UI</h1>
    
    <p>
      <label>Distribution type:</label><br />
      <select name="dist">
        <option value="norm">Normal</option>
        <option value="unif">Uniform</option>
        <option value="lnorm">Log-normal</option>
        <option value="exp">Exponential</option>
      </select>
    </p>
    
    <p>
      <label>Number of observations:</label><br />
      <input type="number" name="n" value="500" min="1" max="1000" />
    </p>
    <pre id="summary" class="shiny-text-output"></pre>
    <div id="plot" class="shiny-plot-output" type="width: 100%; height: 400px"></div>
    <div id="table" class="shiny-html-output"></div>
  </body>
</html>