index.html 7.13 KB
Newer Older
Amanda Ghassaei's avatar
Amanda Ghassaei committed
1 2 3 4
<!DOCTYPE html>
<html>
<head>

5
    <title>DMDesign</title>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
6
    <meta charset="utf-8"> 
Amanda Ghassaei's avatar
Amanda Ghassaei committed
7
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
    <script src="dependencies/analytics.js"></script>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
9 10

    <!--flatUI bootstrap theme-->
11 12
    <link href="dependencies/flatUI/css/vendor/bootstrap.min.css" rel="stylesheet"><!-- Loading Bootstrap -->
    <link href="dependencies/flatUI/css/flat-ui.css" rel="stylesheet"><!-- Loading Flat UI -->
Amanda Ghassaei's avatar
Amanda Ghassaei committed
13 14

    <!--bootstrap slider-->
15
    <link href="dependencies/bootstrap-slider/bootstrap-slider.css" rel="stylesheet">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
16 17 18 19 20
    <!--<script src="dependencies/bootstrap-slider/bootstrap-slider.js"></script>-->

    <!--&lt;!&ndash; code mirror &ndash;&gt;-->
    <!--<script src="dependencies/codemirror/codemirror.js"></script>-->
    <!--<script src="dependencies/codemirror/javascript.js"></script>-->
21
    <link rel="stylesheet" type="text/css" href="dependencies/codemirror/codemirror.css">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
22

Amanda Ghassaei's avatar
Amanda Ghassaei committed
23
    <link rel="stylesheet" type="text/css" href="css/main.css">
24
    <script data-main="js/main" src="dependencies/require/require.js"></script>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
25 26 27 28 29 30

</head>
<body>

<nav id="globalNav" class="navbar navbar-inverse navbar-embossed" role="navigation">
    <div class="navbar-header">
31
      <a id="mainNavLink" class="navbar-brand" target="_blank" href="http://cba.mit.edu"><img id="logo" src="assets/imgs/logo.png"></a>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
32 33 34 35
    </div>
    <div class="collapse navbar-collapse" id="navbar-collapse-01">
      <ul class="nav navbar-nav navbar-left">
        <li class="dropdown navDropdown">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
36
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">File <b class="caret"></b></a>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
37 38
          <span class="dropdown-arrow"></span>
          <ul class="dropdown-menu">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
39 40 41
                <li><a class="saveJSON" href="#">Save Assembly &nbsp&nbsp&nbsp&nbsp(CTRL/&#8984; + S)</a></li>
                <li><a data-toggle="modal" data-target="#saveAsModel" href="#">Save Assembly As... &nbsp&nbsp&nbsp&nbsp(CTRL/&#8984 + Shift + S)</a></li>
                <li><a class="importJSON" href="#">Open Assembly... &nbsp&nbsp&nbsp&nbsp(CTRL/&#8984 + O)</a></li>
42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
                <li class="divider"></li>
                <li class="dropdown-submenu">
                    <a tabindex="-1">Keyboard Shortcuts<span class="pull-right fui-arrow-right"></span></a>
                    <ul class="dropdown-menu">
                        <li><a>Hold D &nbsp;&nbsp;- &nbsp;Delete Mode</a></li>
                        <li><a>Hold V &nbsp;&nbsp;- &nbsp;Voxel Mode</a></li>
                        <li><a>Hold H &nbsp;&nbsp;- &nbsp;Hierarchical Mode</a></li>
                        <li><a>Hold P &nbsp;&nbsp;- &nbsp;Part Mode</a></li>
                        <li><a>Hold O &nbsp;&nbsp;- &nbsp;Hide Assembly</a></li>
                        <li><a>CTRL/&#8984; + Shift + P &nbsp;&nbsp;- &nbsp;Save SVG Screenshot</a></li>
                        <li><a>CTRL/&#8984; + S &nbsp;&nbsp;- &nbsp;Save</a></li>
                        <li><a>CTRL/&#8984; + Shift + S &nbsp;&nbsp;- &nbsp;Save As</a></li>
                        <li><a>CTRL/&#8984; + O &nbsp;&nbsp;- &nbsp;Open</a></li>
                        <li><a>Q/W &nbsp;&nbsp;- &nbsp;Composite Cell Placement X Offset</a></li>
                        <li><a>A/S &nbsp;&nbsp;- &nbsp;Composite Cell Placement Y Offset</a></li>
                        <li><a>Z/X &nbsp;&nbsp;- &nbsp;Composite Cell Placement Z Offset</a></li>
                        <li><a>Spacebar &nbsp;&nbsp;- &nbsp;Play/Pause Simulation</a></li>
                        <li><a>1-9 &nbsp;&nbsp;- &nbsp;Lego Length</a></li>
                    </ul>
                </li>
                <li class="divider"></li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
63 64 65
                <li class="dropdown-submenu">
                <a tabindex="-1">Demo Files<span class="pull-right fui-arrow-right"></span></a>
                <ul class="dropdown-menu">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
66
                    <li><a href="#">n/a</a></li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
67
                </ul></li>
amandaghassaei's avatar
amandaghassaei committed
68
                <li class="dropdown-submenu">
69
                <a tabindex="-1">Load User Data<span class="pull-right fui-arrow-right"></span></a>
amandaghassaei's avatar
amandaghassaei committed
70
                <ul class="dropdown-menu">
71 72 73 74 75 76 77 78 79 80 81 82 83
                    <li class="dropdown-submenu">
                        <a tabindex="-1">Amanda<span class="pull-right fui-arrow-right"></span></a>
                        <ul class="dropdown-menu">
                            <li><a id="videoRendering" href="#">Video Rendering Setup</a></li>
                        </ul>
                    </li>
                    <li class="dropdown-submenu">
                        <a tabindex="-1">Will<span class="pull-right fui-arrow-right"></span></a>
                        <ul class="dropdown-menu">
                            <li><a class="jsonFile" data-file="will/bounds.json" href="#">Bounds</a></li>
                            <li><a class="jsonFile" data-file="will/capacitor.json" href="#">Capacitor</a></li>
                        </ul>
                    </li>
amandaghassaei's avatar
amandaghassaei committed
84 85
                </ul>
              </li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
86 87
          </ul>
        </li>
88 89 90 91 92
        <li><a data-menu-id="navDesign" class="menuHoverControls" href="#">Design</a></li>
        <li><a data-menu-id="navSim" class="menuHoverControls" href="#">Simulate</a></li>
        <li><a data-menu-id="navOptimize" class="menuHoverControls" href="#">Optimize</a></li>
        <li><a data-menu-id="navAssemble" class="menuHoverControls" href="#">Assemble</a></li>
        <li><a data-menu-id="navComm" class="menuHoverControls" href="#">Comm</a></li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
93
        <li class="dropdown navDropdown">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
94
          <a href="#" class="dropdown-toggle" id="viewMenuDropdown" data-toggle="dropdown">View <b class="caret"></b></a>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
95
          <span class="dropdown-arrow"></span>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
96
          <ul id="navViewMenu" class="dropdown-menu"></ul>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
97
        </li>
amandaghassaei's avatar
amandaghassaei committed
98
        <li><a data-menu-id="about" class="menuHoverControls" target="_blank" href="http://dma.cba.mit.edu/">About</a></li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
99
       </ul>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
100 101 102
        <!--<ul class="nav navbar-nav pull-right">-->
            <!--<li><a id="showHideMenu" href="#">Hide Menu >></a></li>-->
        <!--</ul>-->
Amanda Ghassaei's avatar
Amanda Ghassaei committed
103 104

    </div><!-- /.navbar-collapse -->
105
    <input id="jsonInput" type="file">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
106 107 108

</nav>

Amanda Ghassaei's avatar
Amanda Ghassaei committed
109 110 111 112 113
<div class="modal fade" id="saveAsModel" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
amandaghassaei's avatar
amandaghassaei committed
114
            <p class="modal-title" >Enter File Name</p>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
115 116
            </div>
            <div class="modal-body">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
117
                <input id="saveAsFileName" type="text" value="DM Assembly" placeholder="Enter file name" class="form-control filename">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
118 119 120
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
121
                <button type="button" class="saveAsJSON btn btn-primary">Save</button>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
122 123 124 125 126
            </div>
        </div>
    </div>
</div>

127 128
<div class="modal fade" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"></div>

Amanda Ghassaei's avatar
Amanda Ghassaei committed
129
<div id="menuWrapper"><div id="menuHeader"></div><div id="menuContent"></div></div>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
130
<div id="scriptView"></div>
amandaghassaei's avatar
amandaghassaei committed
131
<div id="navRibbon"></div>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
132

Amanda Ghassaei's avatar
Amanda Ghassaei committed
133 134 135 136
<div id="threeContainer"></div>


</body>
amandaghassaei's avatar
amandaghassaei committed
137
</html>