|
8 | 8 | <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
|
9 | 9 | <link rel="stylesheet" href="stylesheets/style.css">
|
10 | 10 | <link rel="stylesheet" href="stylesheets/getmdl-select.min.css">
|
| 11 | + <link rel="stylesheet" href="stylesheets/bootstrap-dropdown.css"> |
| 12 | + <link rel="stylesheet" href="stylesheets/dropdown.css"> |
11 | 13 | <script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
12 | 14 | <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
13 | 15 | <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
14 | 16 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/styles/default.min.css">
|
15 | 17 | <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/highlight.min.js"></script>
|
16 |
| - <!--<script src="javascripts/demo.min.js"></script>--> |
| 18 | + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"> |
| 19 | + </script> |
17 | 20 | <script src="javascripts/getmdl-select.min.js"></script>
|
18 | 21 | <script src="javascripts/jquery.ui.touch-punch.min.js"></script>
|
19 | 22 | <script src="javascripts/FileSaver.min.js"></script>
|
20 | 23 | <script src="javascripts/parser.js"></script>
|
21 | 24 | <script src="javascripts/demo.js"></script>
|
| 25 | + <script type="text/x-mathjax-config"> |
| 26 | + MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); |
| 27 | + </script> |
| 28 | + <script type="text/javascript" |
| 29 | + src="http://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> |
| 30 | + </script> |
22 | 31 | </head>
|
23 | 32 | <body>
|
24 | 33 | <!-- Always shows a header, even in smaller screens. -->
|
@@ -76,14 +85,43 @@ <h6 style="margin-bottom: 0px; margin-top: 18px">Input a tensor algebra expressi
|
76 | 85 | <table class="mdl-data-table mdl-js-data-table" style="width: 100%; margin-bottom: 8px">
|
77 | 86 | <thead>
|
78 | 87 | <tr>
|
79 |
| - <th class="mdl-data-table__cell--non-numeric" width="100"><div align="center" style="position:relative; top:-1px"><big>Tensor</big></div></th> |
80 |
| - <th class="mdl-data-table__cell--non-numeric" style="padding-left: 7px"> |
| 88 | + <th class="mdl-data-table__cell--non-numeric" width="100"> |
| 89 | + <div align="center" style="position:relative"><big>Tensor</big></div></th> |
| 90 | + <th class="mdl-data-table__cell--non-numeric" width="175px" |
| 91 | + style="padding-left: 0px"> |
81 | 92 | <div style="display:inline"><big>Format </big></div>
|
82 |
| - <div style="display:inline">(reorder dimensions by dragging the drop-down menus)</div> |
| 93 | + </th> |
| 94 | + <th class="mdl-data-table__cell--non-numeric" style="padding-left: 7px"> |
| 95 | + <div style="display:inline"><big>Level Formats </big></div> |
| 96 | + <div style="display:inline; margin-right:10px">(reorder dimensions by dragging the drop-down menus)</div> |
| 97 | + <div style="display:inline; vertical-align: middle"> |
| 98 | + <button id="btnHelp" class="help-btn mdl-button mdl-js-button mdl-button--icon"> |
| 99 | + <i class="material-icons" style="font-size:20px">help_outline</i> |
| 100 | + </button> |
| 101 | + <div id="helpMenu" class="help-menu mdl-menu mdl-js-menu mdl-js-ripple-effect" for="btnHelp"> |
| 102 | + <p> |
| 103 | + <strong>Dense</strong> levels store the size of the dimension $(N)$ and encode the coordinates in the interval $[0, N)$. |
| 104 | + <img src="images/dense-arrays.jpg" class="centered-img" style="height: 25px; padding-top:10px"> |
| 105 | + </p> |
| 106 | + <p> |
| 107 | + <strong>Sparse</strong> levels store coordinates in a segment of the $\texttt{crd}$ array, with segment bounds stored in the $\texttt{pos}$ array. |
| 108 | + <img src="images/compressed-arrays.jpg" class="centered-img" style="height: 50px; padding-top:10px"> |
| 109 | + </p> |
| 110 | + <p> |
| 111 | + <strong>Singleton</strong> levels store individual coordinates (with no siblings) in the $\texttt{crd}$ array. |
| 112 | + <img src="images/singleton-arrays.jpg" class="centered-img" style="height: 25px; padding-top:10px"> |
| 113 | + </p> |
| 114 | + <p> |
| 115 | + A level is <strong>unique (U)</strong> if no collection of coordinates that share the same ancestors contains duplicates, and it is <strong>not unique (¬U)</strong> otherwise. |
| 116 | + </p> |
| 117 | + <p style="margin-bottom: 0"> More info on taco's tensor formats can be found <a href="http://tensor-compiler.org/chou-oopsla18-taco-formats.pdf">here</a>.</p> |
| 118 | + </div> |
| 119 | + </div> |
83 | 120 | </th>
|
84 | 121 | </tr>
|
85 | 122 | </thead>
|
86 |
| - <tbody id="listTensors"></tbody> |
| 123 | + <tbody id="listTensors"> |
| 124 | + </tbody> |
87 | 125 | </table>
|
88 | 126 | </div>
|
89 | 127 | <div class="mdl-layout-spacer"></div>
|
@@ -148,6 +186,5 @@ <h6 style="margin-bottom: 0px; margin-top: 18px">Input a tensor algebra expressi
|
148 | 186 | </div>
|
149 | 187 | </main>
|
150 | 188 | </div>
|
151 |
| - |
152 | 189 | </body>
|
153 | 190 | </html>
|
0 commit comments