<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="main_files/analytics_002.js" async=""></script><script src="main_files/analytics.js"></script>

    <!--UI-->
    <script src="main_files/jquery-2.js"></script>
    <script src="main_files/underscore.js"></script>

    <!--backbone model/view framework-->
    <script src="main_files/backbone.js"></script>

    <!--flatUI bootstrap theme-->
    <link href="main_files/bootstrap.css" rel="stylesheet"><!-- Loading Bootstrap -->
    <link href="main_files/flat-ui.css" rel="stylesheet"><!-- Loading Flat UI -->
    <script src="main_files/flat-ui.js"></script>
    <!--<script src="dependencies/flatUI/js/vendor/video.js"></script>-->

    <!--bootstrap slider-->
    <link href="main_files/bootstrap-slider.css" rel="stylesheet">
    <script src="main_files/bootstrap-slider.js"></script>

    <!--threeJS-->
    <script src="main_files/three.js"></script>
    <script src="main_files/OrbitControls.js"></script>

    <!--stl import/export-->
    <script src="main_files/THREE2STL.js"></script>
    <script src="main_files/STLLoader.js"></script>

    <!--numerical javascript-->
    <script src="main_files/numeric-1.js"></script>

    <!--multi-threading-->
    <script src="main_files/worker.js"></script>
    <script src="main_files/persistentWorkers.js"></script><!--global workers-->

    <!--fea stuff-->
    <script src="main_files/dmaCell.js"></script>
    <script src="main_files/dmaPart.js"></script>
    <!--<script src="js/fea/dmaBeam.js"></script>-->
    <script src="main_files/dmaNode.js"></script>

    <!--models-->
    <script src="main_files/threeModel.js"></script>
    <script src="main_files/fillGeometry.js"></script>
    <script src="main_files/lattice.js"></script>

    <!--views-->
    <script src="main_files/meshHandle.js"></script>
    <script src="main_files/threeView.js"></script>
    <script src="main_files/pushPullMeshView.js"></script>
    <script src="main_files/importView.js"></script>
    <script src="main_files/fillGeometryView.js"></script>
    <script src="main_files/latticeView.js"></script>

    <script src="main_files/main.js"></script>


    <!--<script src="js/views/elementMenu.js"></script>-->
    <script src="main_files/exportMenu.js"></script>
    <script src="main_files/navbar.js"></script>
    <link rel="stylesheet" type="text/css" href="main_files/main.css">

</head>
<body>

<nav class="navbar navbar-inverse navbar-embossed" role="navigation">
    <div class="navbar-header">
      <!--<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-01">-->
        <!--<span class="sr-only">Toggle navigation</span>-->
      <!--</button>-->
      <a id="mainNavLink" class="navbar-brand" href="http://cba.mit.edu/">CBA.MIT.EDU</a>
    </div>
    <div class="collapse navbar-collapse" id="navbar-collapse-01">
      <ul class="nav navbar-nav navbar-left">
        <li><a data-menu-id="importGeometry" class="menuHoverControls" href="#">Import</a></li>
        <li><a data-menu-id="element" class="menuHoverControls" href="#">Element</a></li>

        <!--<li><a data-menu-id="controls1Menu" class="menuHoverControls" href="#">Controls1</a></li>-->
        <!--<li><a data-menu-id="controls2Menu" class="menuHoverControls" href="#">Controls2</a></li>-->
        <!--<li><a data-menu-id="controls3Menu" class="menuHoverControls" href="#">Glyphs</a></li>-->
        <!--<li><a data-menu-id="controls4Menu" class="menuHoverControls" href="#">Buttons</a></li>-->
        <!--<li><a data-menu-id="controls5Menu" class="menuHoverControls" href="#">Inputs</a></li>-->
        <li class="dropdown navDropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Export <b class="caret"></b></a>
          <span class="dropdown-arrow"></span>
          <ul class="dropdown-menu">
            <li><a id="exportSTL" href="#">Export STL</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
        <li><a data-menu-id="about" class="menuHoverControls" href="#">About</a></li>
       </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a id="clearAll" class="menuHoverControls" href="#">Clear All</a></li>
        </ul>
       <!--<a href="#fakelink" id="clearAll" class=" btn btn-lg btn-primary">Clear All</a>-->
    </div><!-- /.navbar-collapse -->
  </nav>
<div style="display: none;" id="importGeometry" class="row navMenu">
</div>
<div style="display: none;" id="element" class="row navMenu">
    <div class="row demo-row">
        <div class="col-xs-3">
           <a id="elementCube" href="#">Cube</a>
        </div>
    </div>
</div>
<div style="display: none;" id="about" class="row navMenu">
    <div class="row demo-row">
        <div class="col-xs-3">
           Latest code available on github
        </div>
    </div>
</div>

<div id="threeContainer"><canvas style="width: 1145px; height: 947px;" height="947" width="1145"></canvas></div>


</body></html>