<!DOCTYPE html>
<html lang="en">
 <head>
  <style>
   body {
  background: #222228;
  color: white;
}
.strip-container {
  padding: none;
}
.strip-container .led {
  display: inline-block;
  max-width: 1.2em;
  height: 4em;
  margin: none;
}
.code {
  width: 60em;
  height: 30em;
  background: black;
  color: white;
  font-face: monospace;
}
  </style>
 </head>
 <body translate="no">
  <div ng-app="SimApp" ng-controller="MainCtrl">
   <div id="ledContainer">
   </div>
   <div>
    <h2>
     Variables
    </h2>
    <div ng-repeat="param in params">
     <label>
      <input ng-if="param.type == 'boolean'" ng-model="param.value" type="checkbox"/>
      {{ param.name }}
      <input max="{{param.max}}" min="{{param.min}}" ng-if="param.type == 'range'" ng-model="param.value" type="range"/>
     </label>
    </div>
   </div>
   <div>
    <h2>
     Code Output
    </h2>
    <textarea class="code">{{ interpolatedCode }}</textarea>
   </div>
  </div>
 </body>
</html>
