Sākums Izpētīt Palīdzība
Pierakstīties
SunnyMirror
/
netron
spogulis no https://github.com/lutzroeder/netron.git
2
0
Atdalīts 0
Faili Problēmas 0 Vikivietne
Koks: 9621d76e82
Atzari Tagi
netron
/
source
/
index.html

index.html 50 KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <meta name="description" content="Visualizer for neural network, deep learning and machine learning models." />
    6. 

  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    7. 

  7. <meta http-equiv="Content-Security-Policy" content="script-src 'self'">
    8. 

  8. <meta name="version" content="0.0.0">
    9. 

  9. <meta name="date" content="">
    10. 

  10. <title>Netron</title>
    11. 

  11. <link rel="stylesheet" type="text/css" href="grapher.css">
    12. 

  12. <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    13. 

  13. <link rel="icon" type="image/png" href="icon.png">
    14. 

  14. <link rel="apple-touch-icon" type="image/png" href="icon.png">
    15. 

  15. <link rel="apple-touch-icon-precomposed" type="image/png" href="icon.png">
    16. 

  16. <link rel="fluid-icon" type="image/png" href="icon.png">
    17. 

  17. <script type="text/javascript" src="index.js"></script>
    18. 

  18. <style>
    19. 

  19. html { touch-action: none; overflow: hidden; width: 100%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; }
    20. 

  20. body { touch-action: none; overflow: hidden; width: 100%; height: 100%; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "Ubuntu", "Droid Sans", sans-serif, "PingFang SC"; font-size: 12px; text-rendering: geometricPrecision; }
    21. 

  21. button { font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "Ubuntu", "Droid Sans", sans-serif, "PingFang SC"; }
    22. 

  22. .center { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    23. 

  23. .select { user-select: text; -webkit-user-select: text; -moz-user-select: text; }
    24. 

  24. .target { display: flex; height: 100%; width: 100%; overflow: auto; outline: none; touch-action: pan-x pan-y; }
    25. 

  25. .canvas { margin: auto; flex-shrink: 0; text-rendering: geometricPrecision; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    26. 

  26. .open-file-dialog { display: none; }
    27. 

  27. .default { background-color: #ffffff; }
    28. 

  28. .default .logo { display: none; }
    29. 

  29. .default .target { display: flex; opacity: 1; }
    30. 

  30. .default .toolbar { display: flex; }
    31. 

  31. .toolbar { display: flex; align-items: center; position: absolute; bottom: 10px; left: 10px; padding: 0; margin: 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    32. 

  32. .toolbar button:focus { outline: 0; }
    33. 

  33. .toolbar-button { background: None; border-radius: 6px; border: 0; margin: 0; margin-right: 1px; padding: 0; fill: None; stroke: #777; cursor: pointer; width: 32px; height: 32px; user-select: none; }
    34. 

  34. .toolbar-path { display: flex; align-items: center; }
    35. 

  35. .toolbar-select { background: transparent; position: relative; width: 170px; margin: 4px 4px 4px 4px; }
    36. 

  36. .toolbar-select select { width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: 12px; line-height: 16px; border: 1px solid; padding: 3px 18px 3px 10px; border-radius: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; }
    37. 

  37. .toolbar-select select { background: #777; border-color: #777; color: #fff; }
    38. 

  38. .toolbar-select-arrow { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); pointer-events: none; }
    39. 

  39. .toolbar-select-arrow { fill: #ffffff; }
    40. 

  40. .toolbar-select select:hover { background: #000000; border-color: #000000; }
    41. 

  41. .toolbar-select select:focus { outline: 0; }
    42. 

  42. .toolbar-path-back-button { background: #777; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border: 1px solid; border-color: #777; margin: 4px 0px 4px 4px; padding: 5px 8px 5px 8px; cursor: pointer; color: #ffffff; font-size: 12px; line-height: 12px; transition: 0.1s; }
    43. 

  43. .toolbar-path-back-button:hover { background: #000000; border-color: #000000; }
    44. 

  44. .toolbar-path-name-button { background: #777; border: 0px; border-color: #777; color: #ffffff; border-left: 1px; border-left-color: #ffffff; margin: 4px 0 4px 1px; padding: 6px 8px 6px 8px; cursor: pointer; width: auto; font-size: 12px; line-height: 12px; transition: 0.1s; }
    45. 

  45. .toolbar-path-name-button:hover { background: #000000; border-color: #000000; }
    46. 

  46. .toolbar-path-name-button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
    47. 

  47. .toolbar-icon .border { stroke: #fff; }
    48. 

  48. .toolbar-icon .stroke { stroke: #808080; }
    49. 

  49. .toolbar-icon .fill { fill: #808080; }
    50. 

  50. .toolbar-icon:hover .stroke { stroke: #000000; }
    51. 

  51. .toolbar-icon:hover .fill { fill: #000000; }
    52. 

  52. .message { display: none; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; justify-content: flex-start; }
    53. 

  53. .message-text { display: inline; text-align: center; width: 562px; font-size: 13px; line-height: 20px; margin-top: 50vh; padding-top: 56px; padding-bottom: 20px; margin-left: auto; margin-right: auto; user-select: text; -webkit-user-select: text; -moz-user-select: text; }
    54. 

  54. .welcome .message-text a { text-decoration: none; color: #666666; }
    55. 

  55. .welcome .message-text a:visited { color: inherit; }
    56. 

  56. .welcome .message-text a:hover { color: #242424; text-decoration: underline; }
    57. 

  57. .message-button { display: inline; text-align: center; width: 125px; margin-left: auto; margin-right: auto; }
    58. 

  58. .logo-text { top: -57px; width: 582px; transition: 0.1s; }
    59. 

  59. .logo-name { top: -170px; width: 582px; transition: 0.1s; }
    60. 

  60. .logo-icon { left: 248px; top: -18px; width: 106px; height: 106px; transition: 0.1s; }
    61. 

  61. .logo-spinner { left: 248px; top: -18px; width: 106px; height: 106px; display: none; }
    62. 

  62. .logo-stroke { stroke: #444444; }
    63. 

  63. .logo-fill { fill: #444444; }
    64. 

  64. .logo-border { stroke: #555555; }
    65. 

  65. .logo-glyph { fill: #444444; }
    66. 

  66. .logo-button { font-size: 12px; font-weight: bold; line-height: 1.25; text-align: center; vertical-align: middle; min-width: 5em; height: 2.7em; border-radius: 1.3em; transition: 0.1s; user-select: none; -webkit-user-select: none; -moz-user-select: none; color: #444444; background-color: #ececec; border: 1px solid #444444; }
    67. 

  67. .logo-button:hover { color: #ececec; background-color: #444444; cursor: pointer; transition: 0.2s; }
    68. 

  68. .logo-button:focus { outline: 0; }
    69. 

  69. .logo-message { display: none; height: 0px; }
    70. 

  70. .logo-github { display: none; }
    71. 

  71. .open-file-button { top: 170px; left: 0px; width: 10.5em; }
    72. 

  72. .progress { top: 120px; height: 2px; width: 400px; }
    73. 

  73. .progress-bar { height: 100%; width: 0%; background-color: #444444; }
    74. 

  74. .notification .logo-name { display: none; }
    75. 

  75. .notification .open-file-button { display: none; }
    76. 

  76. .notification .progress { display: none; }
    77. 

  77. .welcome body { background-color: #ececec; }
    78. 

  78. .welcome { background-color: #ececec; color: #242424; }
    79. 

  79. .welcome .message-text { display: none; opacity: 0; }
    80. 

  80. .welcome .message-button { display: none; opacity: 0; }
    81. 

  81. .welcome .target { display: none; opacity: 0; }
    82. 

  82. .welcome .menu { background-color: #ffffff; }
    83. 

  83. .welcome.spinner .logo-spinner { display: block; -webkit-animation: orbit 0.5s infinite linear; animation: orbit 0.5s infinite linear; cursor: wait; }
    84. 

  84. .welcome.spinner .menu-button { display: none; }
    85. 

  85. .welcome.notification .menu-button { display: none; }
    86. 

  86. .notification body { background-color: #ececec; }
    87. 

  87. .notification .message { display: flex; opacity: 1; }
    88. 

  88. .notification .message-text { display: inline; opacity: 1; }
    89. 

  89. .notification .message-button { display: inline; opacity: 1; }
    90. 

  90. .alert { background-color: #ececec; color: #242424; }
    91. 

  91. .alert .target { display: none; opacity: 0; }
    92. 

  92. .alert .toolbar { display: none; opacity: 0; }
    93. 

  93. .alert .menu { display: none; opacity: 0; }
    94. 

  94. .alert .logo { display: none; opacity: 0; }
    95. 

  95. .alert .message { display: flex; opacity: 1; }
    96. 

  96. .alert .message-text { display: inline; opacity: 1; width: 50%; padding-top: 0px; }
    97. 

  97. .alert .message-button { display: inline; opacity: 1; }
    98. 

  98. .about { overflow: hidden; }
    99. 

  99. .about .toolbar { display: none; }
    100. 

  100. .about .logo { display: block; background-color: #ececec; color: #666666; }
    101. 

  101. .about .logo-message { display: block; top: 132px; font-size: 14px; }
    102. 

  102. .about .logo-github { display: block; top: 340px; width: 48px; height: 48px; }
    103. 

  103. .about a { text-decoration: none; color: #666666; }
    104. 

  104. .about a:visited { color: inherit; }
    105. 

  105. .about a:hover { color: #242424; }
    106. 

  106. .about .open-file-button { display: none; }
    107. 

  107. .about .logo-name { display: none; }
    108. 

  108. .about .notification { display: none; }
    109. 

  109. .about .progress { display: none; }
    110. 

  110. .about .menu-button { display: none; }
    111. 

  111. .titlebar { color: #aaaaaa; display: none; height: 32px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-app-region: drag; }
    112. 

  112. .titlebar-visible { display: block; }
    113. 

  113. .titlebar-content { display: block; padding: 0 142px; height: 100%; text-align: center; font-size: 14px; line-height: 32px; transition: all .1s ease-in-out; user-select: none; }
    114. 

  114. .titlebar-content-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    115. 

  115. .spinner .titlebar-content { opacity: 0; }
    116. 

  116. .active .titlebar { color: #464646; transition: all 0.05s ease-in-out; }
    117. 

  117. .titlebar-control-box { display: none; align-items: center; flex-direction: row-reverse; height: 100%; position: absolute; top: 0; right: 0; width: 138px; }
    118. 

  118. .titlebar-control-box-visible { display: flex; }
    119. 

  119. .titlebar-icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
    120. 

  120. .titlebar-button { display: flex; justify-content: center; align-items: center; width: 46px; height: 32px; user-select: none; -webkit-app-region: no-drag; }
    121. 

  121. .titlebar-button:hover { color: #000000; background-color: rgba(0, 0, 0, 0.15); }
    122. 

  122. .titlebar-button-close:hover { color: #ffffff; background-color: #b43029; }
    123. 

  123. .menu-button { display: flex; justify-content: center; align-items: center; color: #aaaaaa; font-size: 20px; height: 32px; width: 32px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-app-region: no-drag; -webkit-app-region: no-drag; user-select: none; }
    124. 

  124. .menu-button:hover { color: #000000; }
    125. 

  125. .menu { display: block; position: absolute; left: -17em; width: 17em; top: 0; height: 100%; z-index: 2; background-color: #ececec; border-right: 1px solid rgba(255, 255, 255, 0.5); padding-top: 40px; padding-bottom: 2px; margin-left: 0; margin-top: 0; overflow: hidden; transition: 0.1s; }
    126. 

  126. .menu .menu-group { margin-bottom: 12px; }
    127. 

  127. .menu .menu-group .menu-group-header { display: block; border: none; border-radius: 0; color: black; width: 100%; text-align: left; margin: 4px 12px 5px 12px; white-space: no-wrap; font-size: 11px; font-weight: bold; color: #bbbbbb; white-space: nowrap; }
    128. 

  128. .menu .menu-group .menu-command { display: block; border: none; border-radius: 0; background-color: transparent; color: black; width: 100%; text-align: left; padding: 4px 12px 5px 12px; font-size: 12px; }
    129. 

  129. .menu .menu-group .menu-command:focus { color: #ffffff; background-color: #2e6bd2; outline: none; }
    130. 

  130. .menu .menu-group .menu-command:disabled { color: #888888; }
    131. 

  131. .menu .menu-group .menu-command .menu-label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    132. 

  132. .menu .menu-group .menu-command .menu-shortcut { display: block; float: right; margin-left: 25px; color: #888888; }
    133. 

  133. .menu .menu-group .menu-separator { border-top: 1px; border-bottom: 0; border-style: solid; border-color: #e5e5e5; margin-left: 12px; margin-right: 12px; }
    134. 

  134. .about .titlebar-visible { opacity: 0; }
    135. 

  135. @-webkit-keyframes orbit { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
    136. 

  136. @keyframes orbit { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
    137. 

  137. .welcome.spinner .logo-spinner-stroke { stroke: #ececec; }
    138. 

  138. .welcome.spinner .logo-name { display: none; }
    139. 

  139. .welcome.spinner .open-file-button { display: none; }
    140. 

  140. .welcome.spinner .target { display: flex; opacity: 0; }
    141. 

  141. .welcome .notification .logo-name { display: none; }
    142. 

  142. .welcome .toolbar { display: none; }
    143. 

  143. @media (prefers-color-scheme: dark) {
    144. 

  144. :root { color-scheme: dark; }
    145. 

  145. .default { background-color: #404040; }
    146. 

  146. .target { background-color: #404040; }
    147. 

  147. .welcome { background-color: #1e1e1e; color: #888888; }
    148. 

  148. .alert { background-color: #1e1e1e; color: #888888; }
    149. 

  149. .logo-stroke { stroke: #888888; }
    150. 

  150. .logo-fill { fill: #888888; }
    151. 

  151. .logo-border { stroke: #000000; }
    152. 

  152. .logo-glyph { fill: #888888; }
    153. 

  153. .logo-spinner-stroke { stroke: #ffffff; }
    154. 

  154. .logo-button { color: #888888; background-color: #1e1e1e; border-color: #888888; }
    155. 

  155. .logo-button:hover { color: #1e1e1e; background-color: #888888; }
    156. 

  156. .welcome .progress-bar { background-color: #888888; }
    157. 

  157. .welcome .menu { background-color: #2d2d2d }
    158. 

  158. .about .logo { background-color: #1e1e1e; color: #888888; }
    159. 

  159. .about a { color: #c6c6c6; }
    160. 

  160. .about a:hover { color: #565656; }
    161. 

  161. .welcome .message-text a { color: #c6c6c6; }
    162. 

  162. .welcome .message-text a:visited { color: #c6c6c6; }
    163. 

  163. .welcome .message-text a:hover { color: #565656; }
    164. 

  164. .toolbar-icon .border { stroke: #333333; }
    165. 

  165. .toolbar-icon .stroke { stroke: #aaaaaa; }
    166. 

  166. .toolbar-icon .fill { fill: #aaaaaa; }
    167. 

  167. .toolbar-icon:hover .stroke { stroke: #dfdfdf; }
    168. 

  168. .toolbar-icon:hover .fill { fill: #dfdfdf; }
    169. 

  169. .toolbar-path-back-button { background: #aaaaaa; border-color: #aaaaaa; color: #333333; }
    170. 

  170. .toolbar-path-back-button:hover { background: #dfdfdf; border-color: #dfdfdf; }
    171. 

  171. .toolbar-path-name-button { background: #aaaaaa ; border-color: #aaaaaa; color: #404040; }
    172. 

  172. .toolbar-path-name-button:hover { background: #dfdfdf; border-color: #dfdfdf; }
    173. 

  173. .toolbar-select select { background: #aaaaaa; border-color: #aaaaaa; color: #404040; }
    174. 

  174. .toolbar-select select:hover { background: #dfdfdf; border-color: #dfdfdf; color: #404040; }
    175. 

  175. .toolbar-select-arrow { fill: #404040; }
    176. 

  176. .titlebar { color: #949494; }
    177. 

  177. .welcome body { background-color: #1e1e1e; }
    178. 

  178. .default body { background-color: #404040; }
    179. 

  179. .active .titlebar { color: #c4c4c4; }
    180. 

  180. .titlebar-button:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); }
    181. 

  181. .titlebar-button-close:hover { color: #ffffff; background-color: #b43029; }
    182. 

  182. .menu-button { color: #aaaaaa; }
    183. 

  183. .menu-button:hover { color: #ffffff; }
    184. 

  184. .menu { background-color: #2d2d2d; border-color: rgba(0, 0, 0, 0); }
    185. 

  185. .menu .menu-group .menu-group-header { color: #666666; }
    186. 

  186. .menu .menu-group .menu-command { color: #ffffff; }
    187. 

  187. .menu .menu-group .menu-command:focus { color: #ffffff; background-color: #2e6bd2; }
    188. 

  188. .menu .menu-group .menu-command:disabled { color: #888888; }
    189. 

  189. .menu .menu-group .menu-command .shortcut { color: #888888; }
    190. 

  190. .menu .menu-group .menu-separator { border-color: #363636; }
    191. 

  191. }
    192. 

  192. @media all and (max-width: 640px) {
    193. 

  193. .logo { width: 240px; }
    194. 

  194. .logo-text { opacity: 0; }
    195. 

  195. .logo-name { opacity: 0; }
    196. 

  196. .logo-icon { left: 0; width: 128px; height: 128px;  }
    197. 

  197. .logo-spinner { left: 0; width: 128px; height: 128px; }
    198. 

  198. .logo .open-file-button { top: 204px; left: 0; }
    199. 

  199. .message-text { padding-top: 68px; width: 320px; }
    200. 

  200. .progress { top: 160px; height: 2px; width: 100px; }
    201. 

  201. .about .logo { width: 100%; padding-left: 0; padding-right: 0; }
    202. 

  202. .about .logo-message { top: 175px; font-size: 12px; }
    203. 

  203. .about .logo-github { top: 370px; }
    204. 

  204. }
    205. 

  205. .sidebar { display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "Ubuntu", "Droid Sans", sans-serif; font-size: 12px; height: 100%; right: -100%; position: fixed; transition: 0.1s; top: 0; background-color: #ececec; color: #242424; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.5); opacity: 0; }
    206. 

  206. .sidebar-title { font-weight: bold; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; height: 20px; margin: 0; padding: 20px; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    207. 

  207. .sidebar-closebutton { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #777777; opacity: 1.0; display: block; transition: 0.2s; position: absolute; top: 0; right: 15px; margin-left: 50px; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    208. 

  208. .sidebar-closebutton:hover { color: #242424; }
    209. 

  209. .sidebar-content { display: flex; flex-direction: column; flex-grow: 1; height: 0; }
    210. 

  210. .sidebar-header { font-weight: bold; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; height: 20px; margin: 0; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    211. 

  211. .sidebar-section { font-weight: bold; font-size: 11px; text-transform: uppercase; line-height: 1.25; margin-top: 16px; margin-bottom: 16px; display: block; user-select: none; -webkit-user-select: none; -moz-user-select: none; cursor: default; }
    212. 

  212. .sidebar-object { flex-grow: 1; padding: 0px 20px 20px 20px; overflow-y: auto; }
    213. 

  213. .sidebar-item { margin-bottom: 0px; display: block; }
    214. 

  214. .sidebar-item-name { float: left; font-size: 11px; min-width: 95px; max-width: 95px; padding-right: 5px; padding-top: 7px; display: block; }
    215. 

  215. .sidebar-item-name input { color: #777; font-family: inherit; font-size: inherit; color: inherit; background-color: inherit; width: 100%; text-align: right; margin: 0; padding: 0; border: 0; outline: none; text-overflow: ellipsis; }
    216. 

  216. .sidebar-item-value-list { margin: 0; margin-left: 105px; overflow: hidden; display: block; padding: 0; }
    217. 

  217. .sidebar-item-value { font-size: 11px; background-color: #fcfcfc; border-radius: 2px; border: 1px solid #fcfcfc; margin-top: 3px; margin-bottom: 3px; overflow: auto; }
    218. 

  218. .sidebar-item-value-content { background-color: #f8f8f8; border: 1px solid #f8f8f8; }
    219. 

  219. .sidebar-item-value b { font-weight: bold; }
    220. 

  220. .sidebar-item-value code { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
    221. 

  221. .sidebar-item-value pre { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; margin: 0; overflow: auto; white-space: pre; word-wrap: normal; display: block; }
    222. 

  222. .sidebar-item-value-line { padding: 4px 6px 4px 6px; overflow-x: auto; white-space: pre; }
    223. 

  223. .sidebar-item-value-line-wrap { white-space: pre-wrap; overflow-x: hidden; overflow-wrap: break-word; }
    224. 

  224. .sidebar-item-value-line-break { padding: 4px 6px 4px 6px; overflow-x: auto; white-space: pre; }
    225. 

  225. .sidebar-item-value-line-link { padding: 4px 6px 4px 6px; cursor: default; overflow-x: auto; white-space: nowrap; }
    226. 

  226. .sidebar-item-value-line-link:hover { text-decoration: underline; }
    227. 

  227. .sidebar-item-value-line-border { padding: 4px 6px 4px 6px; border-top: 1px solid rgba(27, 31, 35, 0.05); }
    228. 

  228. .sidebar-item-value-line-content { white-space: pre; word-wrap: normal; overflow: auto; display: block; }
    229. 

  229. .sidebar-item-value-expander { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; float: right; color: #aaa; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; padding: 4px 6px 4px 4px; }
    230. 

  230. .sidebar-item-value-expander:hover { color: #333; }
    231. 

  231. .sidebar-item-value-button { display: flex; justify-content: center; align-items: center; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; width: 22px; height: 22px; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; color: #aaa; }
    232. 

  232. .sidebar-item-value-button svg use { fill: #aaa; stroke: #aaa; }
    233. 

  233. .sidebar-item-value-button:hover svg use { fill: #333; stroke: #333; }
    234. 

  234. .sidebar-item-value-button-tool { float: right; padding-left: 3px; }
    235. 

  235. .sidebar-item-value-button-context { float: right; }
    236. 

  236. .sidebar-item-selector {
    237. 

  237.     font-family: inherit; font-size: 12px;
    238. 

  238.     background-color: #fcfcfc; border: #fcfcfc; color: #333;
    239. 

  239.     border-radius: 2px; width: 100%; height: 23px; padding: 3px 12px 3px 7px;
    240. 

  240.     margin-top: 3px; margin-bottom: 3px; outline: none;
    241. 

  241.     box-sizing: border-box; -moz-box-sizing: border-box;
    242. 

  242.     appearance: none; -webkit-appearance: none; -moz-appearance: none;
    243. 

  243.     background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%);
    244. 

  244.     background-position: calc(100% - 12px) calc(10px), calc(100% - 7px) calc(10px);
    245. 

  245.     background-size: 5px 5px, 5px 5px;
    246. 

  246.     background-repeat: no-repeat;
    247. 

  247. }
    248. 

  248. .sidebar-separator { margin-bottom: 20px; }
    249. 

  249. .sidebar-find-search { display: flex; align-items: center; background: #fff; border-radius: 16px; margin: 0px 20px 8px 20px; padding: 0px 8px 0px 8px; }
    250. 

  250. .sidebar-find-query { width: 100vw; background: none; font-family: inherit; font-size: 13px; padding: 8px 8px 8px 8px; border: 0; outline: 0; }
    251. 

  251. .sidebar-find-toggle { margin-left: auto; margin-right: 2px; width: 16px; height: 16px; cursor: pointer; }
    252. 

  252. .sidebar-find-toggle input[type="checkbox"] { display: none; }
    253. 

  253. .sidebar-find-toggle input[type="checkbox"]:not(:checked) + svg { fill: #ccc; stroke: #ccc; }
    254. 

  254. .sidebar-find-toggle input[type="checkbox"]:checked + svg { fill: #555; stroke: #555; }
    255. 

  255. .sidebar-find-toggle-icon { stroke: #555; fill: #555; width: 16px; height: 16px; }
    256. 

  256. .sidebar-find-content { flex-grow: 1; padding: 0px 20px 20px 20px; overflow-y: auto; list-style-type: none; margin: 0; }
    257. 

  257. .sidebar-find-content li *:first-child { margin-right: 2px; }
    258. 

  258. .sidebar-find-content li { color: #666; font-size: 13px; height: 22px; line-height: 22px; padding: 0 12px 0 12px; outline: 0; white-space: nowrap; border-radius: 3px; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    259. 

  259. .sidebar-find-content li:hover { background: #e5e5e5; color: #000; }
    260. 

  260. .sidebar-find-content-icon { stroke: #555; fill: #555; float: left; width: 16px; height: 16px; padding: 3px; }
    261. 

  261. .sidebar-documentation { flex-grow: 1; padding: 0px 20px 20px 20px; overflow-y: auto; font-size: 13px; line-height: 1.5; margin: 0; }
    262. 

  262. .sidebar-documentation h1 { font-weight: bold; font-size: 13px; line-height: 1.25; border-bottom: 1px solid #e8e8e8; padding-bottom: 0.3em; margin-top: 0; margin-bottom: 16px; }
    263. 

  263. .sidebar-documentation h2 { font-weight: bold; font-size: 13px; line-height: 1.25; margin-top: 20px; margin-bottom: 16px; text-transform: uppercase; border: 0; }
    264. 

  264. .sidebar-documentation h3 { font-weight: bold; font-size: 11px; line-height: 1.25; }
    265. 

  265. .sidebar-documentation p { margin-top: 4px; margin-bottom: 4px; margin-left: 0px; }
    266. 

  266. .sidebar-documentation a { color: #237; }
    267. 

  267. .sidebar-documentation code { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 12px; background-color: rgba(27, 31, 35, 0.05); padding: 0.2em 0.4em; margin: 0; border-radius: 3px; }
    268. 

  268. .sidebar-documentation pre { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 12px; padding: 16px; overflow: auto; line-height: 1.45; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; }
    269. 

  269. .sidebar-documentation pre code { font-size: 13px; padding: 16px; line-height: 1.45; background-color: transparent; padding: 0; border-radius: 0; }
    270. 

  270. .sidebar-documentation tt { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-weight: bold; font-size: 90%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; padding: 0.2em 0.4em; margin: 0; }
    271. 

  271. .sidebar-documentation dl dt { font-size: 13px; font-weight: bold; padding: 0; margin-top: 16px; margin-left: 0px; }
    272. 

  272. .sidebar-documentation dd { padding: 0 16px; margin-left: 0; margin-bottom: 16px; }
    273. 

  273. .sidebar-documentation ul { margin-top: 6px; margin-bottom: 6px; padding-left: 20px; }
    274. 

  274. .sidebar-documentation blockquote { margin-left: 15px; margin-right: 15px; }
    275. 

  275. @media (prefers-color-scheme: dark) {
    276. 

  276.     .sidebar html { color: #dfdfdf; }
    277. 

  277.     .sidebar { background-color: #2d2d2d; color: #dfdfdf; border-left: 1px solid rgba(0, 0, 0, 0); }
    278. 

  278.     .sidebar-closebutton { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #777777; opacity: 1.0; display: block; transition: 0.2s; position: absolute; top: 0; right: 15px; margin-left: 50px; user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    279. 

  279.     .sidebar-closebutton:hover { color: #ffffff; }
    280. 

  280.     .sidebar-item-value { background-color: #383838; border-color: #383838; }
    281. 

  281.     .sidebar-item-value-content { background-color: #3e3e3e; border-color: #3e3e3e; }
    282. 

  282.     .sidebar-item-value-line-border { border-color: rgba(0, 0, 0, 0.09); }
    283. 

  283.     .sidebar-item-selector { background-color: #383838; border: #383838; color: #dfdfdf; background-image: linear-gradient(45deg, transparent 50%, #aaa 50%), linear-gradient(135deg, #aaa 50%, transparent 50%); }
    284. 

  284.     .sidebar-item-disable-select { user-select: none; -webkit-user-select: none; -moz-user-select: none; }
    285. 

  285.     .sidebar-header { border-bottom-color: #2d2d2d; color: #dfdfdf; }
    286. 

  286.     .sidebar-documentation h1 { border-bottom: 1px solid #424242; color: #dfdfdf; }
    287. 

  287.     .sidebar-documentation h2 { color: #dfdfdf; }
    288. 

  288.     .sidebar-documentation p { color: #aaaaaa; }
    289. 

  289.     .sidebar-documentation a { color: #6688aa; }
    290. 

  290.     .sidebar-documentation tt { background-color:#1e1e1e; }
    291. 

  291.     .sidebar-documentation code { background-color: #1e1e1e; }
    292. 

  292.     .sidebar-documentation pre { background-color: #1e1e1e; }
    293. 

  293.     .sidebar-find-search { background: #383838; color: #dfdfdf; border-color: #424242; }
    294. 

  294.     .sidebar-find-toggle input[type="checkbox"]:not(:checked) + svg { fill: #555; stroke: #555; }
    295. 

  295.     .sidebar-find-toggle input[type="checkbox"]:checked + svg { fill: #aaa; stroke: #aaa; }
    296. 

  296.     .sidebar-find-content li { color: #aaaaaa; }
    297. 

  297.     .sidebar-find-content li:hover { background: #383838; color: #dfdfdf; }
    298. 

  298.     .sidebar-find-content-icon { stroke: #888888; fill: #888888; }
    299. 

  299.     .sidebar-item-value-expander { color: #888; }
    300. 

  300.     .sidebar-item-value-expander:hover { color: #e5e5e5; }
    301. 

  301.     .sidebar-item-value-button { color: #888; }
    302. 

  302.     .sidebar-item-value-button svg use { fill: #888; stroke: #888; }
    303. 

  303.     .sidebar-item-value-button:hover svg use { fill: #e5e5e5; stroke: #e5e5e5; }
    304. 

  304. }
    305. 

  305. @media screen and (prefers-reduced-motion: reduce) {
    306. 

  306. .menu { transition: none; }
    307. 

  307. .sidebar { transition: none; }
    308. 

  308. }
    309. 

  309. </style>
    310. 

  310. </head>
    311. 

  311. <body class="welcome spinner">
    312. 

  312. <div id="target" class="target" tabindex="0">
    313. 

  313. </div>
    314. 

  314. <div id="sidebar" class="sidebar">
    315. 

  315.     <h1 id="sidebar-title" class="sidebar-title"></h1>
    316. 

  316.     <a id="sidebar-closebutton" class="sidebar-closebutton" href="javascript:void(0)" draggable="false">&times;</a>
    317. 

  317.     <div id="sidebar-content" class="sidebar-content"></div>
    318. 

  318.     <svg width="0" height="0" display="none">
    319. 

  319.         <defs>
    320. 

  320.             <symbol id="sidebar-icon-node" viewBox="0 0 20 20">
    321. 

  321.                 <circle cx="10" cy="10" r="6" stroke-width="2" fill="none"/>
    322. 

  322.             </symbol>
    323. 

  323.             <symbol id="sidebar-icon-connection" viewBox="0 0 20 20">
    324. 

  324.                 <line x1="4" y1="10" x2="15" y2="10" stroke-width="2" />
    325. 

  325.                 <polyline points="11,6 15,10 11,14" stroke-width="2" />
    326. 

  326.             </symbol>
    327. 

  327.             <symbol id="sidebar-icon-weight" viewBox="0 0 20 20">
    328. 

  328.                 <circle cx="5" cy="5" r="1" />
    329. 

  329.                 <circle cx="10" cy="5" r="1" />
    330. 

  330.                 <circle cx="15" cy="5" r="1" />
    331. 

  331.                 <circle cx="5" cy="10" r="1" />
    332. 

  332.                 <circle cx="10" cy="10" r="1" />
    333. 

  333.                 <circle cx="15" cy="10" r="1" />
    334. 

  334.                 <circle cx="5" cy="15" r="1" />
    335. 

  335.                 <circle cx="10" cy="15" r="1" />
    336. 

  336.                 <circle cx="15" cy="15" r="1" />
    337. 

  337.           </symbol>
    338. 

  338.         </defs>
    339. 

  339.     </svg>
    340. 

  340. </div>
    341. 

  341. <div id="toolbar" class="toolbar">
    342. 

  342.     <button id="zoom-in-button" class="toolbar-button" title="Zoom In">
    343. 

  343.         <svg class="toolbar-icon" viewbox="0 0 100 100">
    344. 

  344.             <circle class="border" cx="50" cy="50" r="35" stroke-width="8" stroke="#fff"></circle>
    345. 

  345.             <line class="border" x1="50" y1="38" x2="50" y2="62" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    346. 

  346.             <line class="border" x1="38" y1="50" x2="62" y2="50" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    347. 

  347.             <line class="border" x1="78" y1="78" x2="82" y2="82" stroke-width="12" stroke-linecap="square" stroke="#fff"></line>
    348. 

  348.             <circle class="stroke" cx="50" cy="50" r="35" stroke-width="4"></circle>
    349. 

  349.             <line class="stroke" x1="50" y1="38" x2="50" y2="62" stroke-width="4" stroke-linecap="round"></line>
    350. 

  350.             <line class="stroke" x1="38" y1="50" x2="62" y2="50" stroke-width="4" stroke-linecap="round"></line>
    351. 

  351.             <line class="stroke" x1="78" y1="78" x2="82" y2="82" stroke-width="8" stroke-linecap="square"></line>
    352. 

  352.         </svg>
    353. 

  353.     </button>
    354. 

  354.     <button id="zoom-out-button" class="toolbar-button" title="Zoom Out">
    355. 

  355.         <svg class="toolbar-icon" viewbox="0 0 100 100">
    356. 

  356.             <circle class="border" cx="50" cy="50" r="35" stroke-width="8" stroke="#fff"></circle>
    357. 

  357.             <line class="border" x1="38" y1="50" x2="62" y2="50" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    358. 

  358.             <line class="border" x1="78" y1="78" x2="82" y2="82" stroke-width="12" stroke-linecap="square" stroke="#fff"></line>
    359. 

  359.             <circle class="stroke" cx="50" cy="50" r="35" stroke-width="4"></circle>
    360. 

  360.             <line class="stroke" x1="38" y1="50" x2="62" y2="50" stroke-width="4" stroke-linecap="round"></line>
    361. 

  361.             <line class="stroke" x1="78" y1="78" x2="82" y2="82" stroke-width="8" stroke-linecap="square"></line>
    362. 

  362.         </svg>
    363. 

  363.     </button>
    364. 

  364.     <button id="sidebar-model-button" class="toolbar-button" title="Model Properties">
    365. 

  365.         <svg class="toolbar-icon" viewbox="0 0 100 100">
    366. 

  366.             <rect class="border" x="12" y="12" width="76" height="76" rx="16" ry="16" stroke-width="8"></rect>
    367. 

  367.             <line class="border" x1="28" y1="37" x2="32" y2="37" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    368. 

  368.             <line class="border" x1="28" y1="50" x2="32" y2="50" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    369. 

  369.             <line class="border" x1="28" y1="63" x2="32" y2="63" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    370. 

  370.             <line class="border" x1="40" y1="37" x2="70" y2="37" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    371. 

  371.             <line class="border" x1="40" y1="50" x2="70" y2="50" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    372. 

  372.             <line class="border" x1="40" y1="63" x2="70" y2="63" stroke-width="8" stroke-linecap="round" stroke="#fff"></line>
    373. 

  373.             <rect class="stroke" x="12" y="12" width="76" height="76" rx="16" ry="16" stroke-width="4"></rect>
    374. 

  374.             <line class="stroke" x1="28" y1="37" x2="32" y2="37" stroke-width="4" stroke-linecap="round"></line>
    375. 

  375.             <line class="stroke" x1="28" y1="50" x2="32" y2="50" stroke-width="4" stroke-linecap="round"></line>
    376. 

  376.             <line class="stroke" x1="28" y1="63" x2="32" y2="63" stroke-width="4" stroke-linecap="round"></line>
    377. 

  377.             <line class="stroke" x1="40" y1="37" x2="70" y2="37" stroke-width="4" stroke-linecap="round"></line>
    378. 

  378.             <line class="stroke" x1="40" y1="50" x2="70" y2="50" stroke-width="4" stroke-linecap="round"></line>
    379. 

  379.             <line class="stroke" x1="40" y1="63" x2="70" y2="63" stroke-width="4" stroke-linecap="round"></line>
    380. 

  380.         </svg>
    381. 

  381.     </button>
    382. 

  382.     <button id="sidebar-target-button" class="toolbar-button" title="Target Properties">
    383. 

  383.         <svg class="toolbar-icon" viewBox="0 0 100 100">
    384. 

  384.             <rect class="border" x="12" y="12" width="76" height="76" rx="16" ry="16" stroke-width="8"></rect>
    385. 

  385.             <circle class="border" cx="50" cy="50" r="18" stroke-width="8"></circle>
    386. 

  386.             <circle class="border" cx="50" cy="50" r="3" stroke-width="8"></circle>
    387. 

  387.             <rect class="stroke" x="12" y="12" width="76" height="76" rx="16" ry="16" stroke-width="4"></rect>
    388. 

  388.             <circle class="stroke" cx="50" cy="50" r="18" stroke-width="4"></circle>
    389. 

  389.             <circle class="stroke fill" cx="50" cy="50" r="3" stroke-width="4"></circle>
    390. 

  390.         </svg>
    391. 

  391.     </button>
    392. 

  392.     <div id="toolbar-navigator" class="toolbar-select">
    393. 

  393.         <select id="toolbar-target-selector">
    394. 

  394.             <option value="Graphs" disabled="true">&#x2014; Graphs &#x2014;&#x2014;</option>
    395. 

  395.             <option value="add">add</option>
    396. 

  396.             <option value="subtract">subtract</option>
    397. 

  397.             <option value="multiply">multiply</option>
    398. 

  398.             <option value="Functions" disabled="true">&#x2014; Functions &#x2014;&#x2014;</option>
    399. 

  399.             <option value="line">foo_bar.foo</option>
    400. 

  400.         </select>
    401. 

  401.         <svg class="toolbar-select-arrow" viewBox="0 0 10 6" width="10" height="6">
    402. 

  402.             <path d="M0 0L5 6L10 0Z" />
    403. 

  403.         </svg>
    404. 

  404.     </div>
    405. 

  405.     <div id="toolbar-path" class="toolbar-path">
    406. 

  406.         <button id="toolbar-path-back-button" class="toolbar-path-back-button" title="Back">
    407. 

  407.             &#x276E;
    408. 

  408.         </button>
    409. 

  409.     </div>
    410. 

  410. </div>
    411. 

  411. <div id="logo" class="center logo">
    412. 

  412.     <a href="https://github.com/lutzroeder/netron" target="blank_">
    413. 

  413.         <svg class="center logo-text" viewbox="0 0 5120 1024">
    414. 

  414.             <g transform="scale(9) translate(-44,-15)">
    415. 

  415.                 <g transform="matrix(100,0,0,100,60.9965,126)">
    416. 

  416.                     <path class="logo-glyph" d="M0.089,0L0.089,-0.745L0.595,-0.147L0.595,-0.715L0.656,-0.715L0.656,0.021L0.15,-0.578L0.15,0L0.089,0Z" style="fill-rule:nonzero;"/>
    417. 

  417.                 </g>
    418. 

  418.                 <g transform="matrix(100,0,0,100,164.341,126)">
    419. 

  419.                     <path class="logo-glyph" d="M0.089,0L0.089,-0.715L0.443,-0.715L0.443,-0.654L0.154,-0.654L0.154,-0.43L0.443,-0.43L0.443,-0.369L0.154,-0.369L0.154,-0.061L0.443,-0.061L0.443,0L0.089,0Z" style="fill-rule:nonzero;"/>
    420. 

  420.                 </g>
    421. 

  421.                 <g transform="matrix(100,0,0,100,244.491,126)">
    422. 

  422.                     <path class="logo-glyph" d="M0.216,0L0.216,-0.654L0.019,-0.654L0.019,-0.715L0.478,-0.715L0.478,-0.654L0.281,-0.654L0.281,0L0.216,0Z" style="fill-rule:nonzero;"/>
    423. 

  423.                 </g>
    424. 

  424.                 <g transform="matrix(100,0,0,100,323.031,126)">
    425. 

  425.                     <path class="logo-glyph" d="M0.154,-0.658L0.154,-0.394L0.219,-0.394C0.28,-0.394 0.322,-0.404 0.346,-0.423C0.37,-0.442 0.382,-0.475 0.382,-0.522C0.382,-0.571 0.369,-0.606 0.345,-0.627C0.32,-0.648 0.278,-0.658 0.219,-0.658L0.154,-0.658ZM0.523,0L0.444,0L0.193,-0.341L0.154,-0.341L0.154,0L0.089,0L0.089,-0.715L0.22,-0.715C0.298,-0.715 0.356,-0.699 0.394,-0.667C0.433,-0.634 0.452,-0.585 0.452,-0.52C0.452,-0.464 0.436,-0.421 0.403,-0.389C0.37,-0.357 0.324,-0.341 0.266,-0.341L0.523,0Z" style="fill-rule:nonzero;"/>
    426. 

  426.                 </g>
    427. 

  427.                 <g transform="matrix(100,0,0,100,520.979,126)">
    428. 

  428.                     <path class="logo-glyph" d="M0.089,0L0.089,-0.745L0.595,-0.147L0.595,-0.715L0.656,-0.715L0.656,0.021L0.15,-0.578L0.15,0L0.089,0Z" style="fill-rule:nonzero;"/>
    429. 

  429.                 </g>
    430. 

  430.             </g>
    431. 

  431.         </svg>
    432. 

  432.         <svg class="center logo-icon" viewbox="0 0 1024 1024">
    433. 

  433.             <circle class="logo-stroke" cx="512" cy="512" r="431" fill="none" stroke-width="32"></circle>
    434. 

  434.             <circle class="logo-border" cx="512" cy="512" r="450" fill="none" stroke-width="6"></circle>
    435. 

  435.             <circle class="logo-border" cx="512" cy="512" r="412" fill="none" stroke-width="6"></circle>
    436. 

  436.             <line class="logo-stroke" x1="296" y1="392" x2="540" y2="280" stroke-width="12"></line>
    437. 

  437.             <line class="logo-stroke" x1="296" y1="632" x2="540" y2="280" stroke-width="12"></line>
    438. 

  438.             <line class="logo-stroke" x1="296" y1="392" x2="540" y2="435" stroke-width="12"></line>
    439. 

  439.             <line class="logo-stroke" x1="296" y1="632" x2="540" y2="435" stroke-width="12"></line>
    440. 

  440.             <line class="logo-stroke" x1="296" y1="392" x2="540" y2="590" stroke-width="12"></line>
    441. 

  441.             <line class="logo-stroke" x1="296" y1="632" x2="540" y2="590" stroke-width="12"></line>
    442. 

  442.             <line class="logo-stroke" x1="296" y1="392" x2="540" y2="744" stroke-width="12"></line>
    443. 

  443.             <line class="logo-stroke" x1="296" y1="632" x2="540" y2="744" stroke-width="12"></line>
    444. 

  444.             <line class="logo-stroke" x1="540" y1="280" x2="785" y2="512" stroke-width="12"></line>
    445. 

  445.             <line class="logo-stroke" x1="540" y1="590" x2="785" y2="512" stroke-width="12"></line>
    446. 

  446.             <line class="logo-stroke" x1="540" y1="435" x2="785" y2="512" stroke-width="12"></line>
    447. 

  447.             <line class="logo-stroke" x1="540" y1="744" x2="785" y2="512" stroke-width="12"></line>
    448. 

  448.             <g transform="translate(296, 392)">
    449. 

  449.                 <circle class="logo-fill" cx="0" cy="0" r="51"></circle>
    450. 

  450.                 <circle class="logo-border" cx="0" cy="0" r="51" fill="none" stroke-width="6"></circle>
    451. 

  451.             </g>
    452. 

  452.             <g transform="translate(296, 632)">
    453. 

  453.                 <circle class="logo-fill" cx="0" cy="0" r="51"></circle>
    454. 

  454.                 <circle class="logo-border" cx="0" cy="0" r="51" fill="none" stroke-width="6"></circle>
    455. 

  455.             </g>
    456. 

  456.             <g transform="translate(540, 280)">
    457. 

  457.                 <circle class="logo-fill" cx="0" cy="0" r="51"></circle>
    458. 

  458.                 <circle class="logo-border" cx="0" cy="0" r="51" fill="none" stroke-width="6"></circle>
    459. 

  459.             </g>
    460. 

  460.             <g transform="translate(540, 435)">
    461. 

  461.                 <circle class="logo-fill" cx="0" cy="0" r="51"></circle>
    462. 

  462.                 <circle class="logo-border" cx="0" cy="0" r="51" fill="none" stroke-width="6"></circle>
    463. 

  463.             </g>
    464. 

  464.             <g transform="translate(540, 590)">
    465. 

  465.                 <circle class="logo-fill" cx="0" cy="0" r="51"></circle>
    466. 

  466.                 <circle class="logo-border" cx="0" cy="0" r="51" fill="none" stroke-width="6"></circle>
    467. 

  467.             </g>
    468. 

  468.             <g transform="translate(540, 744)">
    469. 

  469.                 <circle class="logo-fill" cx="0" cy="0" r="51"></circle>
    470. 

  470.                 <circle class="logo-border" cx="0" cy="0" r="51" fill="none" stroke-width="6"></circle>
    471. 

  471.             </g>
    472. 

  472.             <g transform="translate(785, 512)">
    473. 

  473.                 <circle class="logo-fill" cx="0" cy="0" r="51"></circle>
    474. 

  474.                 <circle class="logo-border" cx="0" cy="0" r="51" fill="none" stroke-width="6"></circle>
    475. 

  475.             </g>
    476. 

  476.         </svg>
    477. 

  477.         <svg id="logo-spinner" class="center logo-spinner" viewbox="0 0 1024 1024">
    478. 

  478.             <g transform="translate(512, 512)" style="opacity: 1">
    479. 

  479.                 <path class="logo-spinner-stroke" d="M-431,0 A-431,-431 0 0,1 0,-431" stroke-width="24" fill="None"></path>
    480. 

  480.             </g>
    481. 

  481.         </svg>
    482. 

  482.     </a>
    483. 

  483.     <a href="https://www.lutzroeder.com" target="blank_">
    484. 

  484.         <svg class="center logo-name" viewbox="0 0 5120 300">
    485. 

  485.             <g transform="scale(5.8) translate(20, 0)">
    486. 

  486.                 <g transform="matrix(30,0,0,30,18.9123,38)">
    487. 

  487.                     <path class="logo-glyph" d="M0.089,-0L0.089,-0.715L0.154,-0.715L0.154,-0.061L0.399,-0.061L0.399,-0L0.089,-0Z" style="fill-rule:nonzero;"/>
    488. 

  488.                 </g>
    489. 

  489.                 <g transform="matrix(30,0,0,30,46.7613,38)">
    490. 

  490.                     <path class="logo-glyph" d="M0.086,-0.715L0.15,-0.715L0.15,-0.248C0.15,-0.177 0.166,-0.125 0.198,-0.091C0.23,-0.056 0.28,-0.039 0.346,-0.039C0.412,-0.039 0.46,-0.056 0.493,-0.091C0.525,-0.125 0.541,-0.177 0.541,-0.248L0.541,-0.715L0.606,-0.715L0.606,-0.269C0.606,-0.172 0.584,-0.1 0.542,-0.052C0.499,-0.005 0.433,0.019 0.346,0.019C0.259,0.019 0.193,-0.005 0.15,-0.052C0.107,-0.1 0.086,-0.172 0.086,-0.269L0.086,-0.715Z" style="fill-rule:nonzero;"/>
    491. 

  491.                 </g>
    492. 

  492.                 <g transform="matrix(30,0,0,30,83.5133,38)">
    493. 

  493.                     <path class="logo-glyph" d="M0.216,-0L0.216,-0.654L0.019,-0.654L0.019,-0.715L0.478,-0.715L0.478,-0.654L0.281,-0.654L0.281,-0L0.216,-0Z" style="fill-rule:nonzero;"/>
    494. 

  494.                 </g>
    495. 

  495.                 <g transform="matrix(30,0,0,30,114.421,38)">
    496. 

  496.                     <path class="logo-glyph" d="M0.012,-0L0.437,-0.656L0.074,-0.656L0.074,-0.715L0.548,-0.715L0.125,-0.06L0.505,-0.06L0.505,-0L0.012,-0Z" style="fill-rule:nonzero;"/>
    497. 

  497.                 </g>
    498. 

  498.                 <g transform="matrix(30,0,0,30,171.777,38)">
    499. 

  499.                     <path class="logo-glyph" d="M0.154,-0.658L0.154,-0.394L0.219,-0.394C0.28,-0.394 0.322,-0.404 0.346,-0.423C0.37,-0.442 0.382,-0.475 0.382,-0.522C0.382,-0.571 0.369,-0.606 0.345,-0.627C0.32,-0.648 0.278,-0.658 0.219,-0.658L0.154,-0.658ZM0.523,-0L0.444,-0L0.193,-0.341L0.154,-0.341L0.154,-0L0.089,-0L0.089,-0.715L0.22,-0.715C0.298,-0.715 0.356,-0.699 0.394,-0.667C0.433,-0.634 0.452,-0.585 0.452,-0.52C0.452,-0.464 0.436,-0.421 0.403,-0.389C0.37,-0.357 0.324,-0.341 0.266,-0.341L0.523,-0Z" style="fill-rule:nonzero;"/>
    500. 

  500.                 </g>
    501. 

  501.                 <g transform="matrix(30,0,0,30,203.607,38)">
    502. 

  502.                     <path class="logo-glyph" d="M0.437,-0.039C0.479,-0.039 0.519,-0.047 0.557,-0.063C0.595,-0.078 0.629,-0.101 0.659,-0.131C0.689,-0.161 0.712,-0.196 0.727,-0.234C0.743,-0.273 0.751,-0.313 0.751,-0.356C0.751,-0.399 0.743,-0.44 0.728,-0.478C0.712,-0.516 0.689,-0.55 0.659,-0.581C0.63,-0.611 0.596,-0.634 0.558,-0.649C0.52,-0.665 0.48,-0.673 0.437,-0.673C0.395,-0.673 0.355,-0.665 0.317,-0.649C0.28,-0.634 0.246,-0.611 0.216,-0.581C0.186,-0.55 0.163,-0.516 0.147,-0.478C0.132,-0.44 0.124,-0.399 0.124,-0.356C0.124,-0.313 0.132,-0.272 0.147,-0.234C0.163,-0.196 0.186,-0.161 0.216,-0.131C0.246,-0.101 0.279,-0.078 0.316,-0.062C0.354,-0.047 0.394,-0.039 0.437,-0.039ZM0.82,-0.356C0.82,-0.306 0.81,-0.258 0.791,-0.212C0.772,-0.167 0.744,-0.126 0.708,-0.091C0.671,-0.055 0.63,-0.028 0.583,-0.009C0.537,0.01 0.488,0.019 0.437,0.019C0.386,0.019 0.337,0.01 0.291,-0.009C0.245,-0.028 0.203,-0.055 0.167,-0.091C0.131,-0.127 0.103,-0.168 0.084,-0.213C0.065,-0.258 0.055,-0.306 0.055,-0.356C0.055,-0.407 0.065,-0.455 0.084,-0.501C0.103,-0.546 0.131,-0.587 0.167,-0.623C0.203,-0.659 0.244,-0.685 0.29,-0.704C0.335,-0.722 0.385,-0.731 0.437,-0.731C0.49,-0.731 0.539,-0.722 0.585,-0.703C0.631,-0.685 0.672,-0.658 0.708,-0.623C0.744,-0.587 0.772,-0.546 0.791,-0.501C0.81,-0.455 0.82,-0.407 0.82,-0.356Z" style="fill-rule:nonzero;"/>
    503. 

  503.                 </g>
    504. 

  504.                 <g transform="matrix(30,0,0,30,245.853,38)">
    505. 

  505.                     <path class="logo-glyph" d="M0.089,-0L0.089,-0.715L0.443,-0.715L0.443,-0.654L0.154,-0.654L0.154,-0.43L0.443,-0.43L0.443,-0.369L0.154,-0.369L0.154,-0.061L0.443,-0.061L0.443,-0L0.089,-0Z" style="fill-rule:nonzero;"/>
    506. 

  506.                 </g>
    507. 

  507.                 <g transform="matrix(30,0,0,30,277.243,38)">
    508. 

  508.                     <path class="logo-glyph" d="M0.154,-0.056L0.245,-0.056C0.319,-0.056 0.371,-0.06 0.402,-0.069C0.433,-0.077 0.459,-0.091 0.481,-0.111C0.511,-0.139 0.534,-0.174 0.549,-0.215C0.564,-0.257 0.572,-0.305 0.572,-0.358C0.572,-0.413 0.564,-0.461 0.549,-0.502C0.533,-0.544 0.51,-0.578 0.48,-0.605C0.457,-0.625 0.429,-0.64 0.396,-0.648C0.364,-0.657 0.306,-0.661 0.224,-0.661L0.154,-0.661L0.154,-0.056ZM0.089,-0L0.089,-0.715L0.2,-0.715C0.299,-0.715 0.37,-0.71 0.412,-0.7C0.453,-0.69 0.489,-0.674 0.519,-0.65C0.559,-0.618 0.589,-0.578 0.61,-0.528C0.631,-0.478 0.641,-0.421 0.641,-0.357C0.641,-0.293 0.631,-0.236 0.61,-0.186C0.589,-0.136 0.559,-0.096 0.52,-0.066C0.489,-0.042 0.454,-0.025 0.414,-0.015C0.374,-0.005 0.31,-0 0.222,-0L0.089,-0Z" style="fill-rule:nonzero;"/>
    509. 

  509.                 </g>
    510. 

  510.                 <g transform="matrix(30,0,0,30,314.142,38)">
    511. 

  511.                     <path class="logo-glyph" d="M0.089,-0L0.089,-0.715L0.443,-0.715L0.443,-0.654L0.154,-0.654L0.154,-0.43L0.443,-0.43L0.443,-0.369L0.154,-0.369L0.154,-0.061L0.443,-0.061L0.443,-0L0.089,-0Z" style="fill-rule:nonzero;"/>
    512. 

  512.                 </g>
    513. 

  513.                 <g transform="matrix(30,0,0,30,345.532,38)">
    514. 

  514.                     <path class="logo-glyph" d="M0.154,-0.658L0.154,-0.394L0.219,-0.394C0.28,-0.394 0.322,-0.404 0.346,-0.423C0.37,-0.442 0.382,-0.475 0.382,-0.522C0.382,-0.571 0.369,-0.606 0.345,-0.627C0.32,-0.648 0.278,-0.658 0.219,-0.658L0.154,-0.658ZM0.523,-0L0.444,-0L0.193,-0.341L0.154,-0.341L0.154,-0L0.089,-0L0.089,-0.715L0.22,-0.715C0.298,-0.715 0.356,-0.699 0.394,-0.667C0.433,-0.634 0.452,-0.585 0.452,-0.52C0.452,-0.464 0.436,-0.421 0.403,-0.389C0.37,-0.357 0.324,-0.341 0.266,-0.341L0.523,-0Z" style="fill-rule:nonzero;"/>
    515. 

  515.                 </g>
    516. 

  516.                 <g transform="matrix(30,0,0,30,376.911,38)">
    517. 

  517.                     <path class="logo-glyph" d="M0.06,-0.468L0.155,-0.731L0.228,-0.699L0.1,-0.452L0.06,-0.468Z" style="fill-rule:nonzero;"/>
    518. 

  518.                 </g>
    519. 

  519.                 <g transform="matrix(30,0,0,30,401.549,38)">
    520. 

  520.                     <path class="logo-glyph" d="M0.034,-0.12L0.09,-0.15C0.1,-0.115 0.118,-0.087 0.144,-0.068C0.169,-0.049 0.2,-0.039 0.236,-0.039C0.281,-0.039 0.316,-0.052 0.342,-0.079C0.367,-0.106 0.38,-0.143 0.38,-0.19C0.38,-0.224 0.371,-0.253 0.354,-0.276C0.337,-0.299 0.3,-0.325 0.244,-0.355C0.172,-0.393 0.124,-0.427 0.101,-0.456C0.077,-0.485 0.065,-0.519 0.065,-0.56C0.065,-0.611 0.082,-0.652 0.116,-0.684C0.151,-0.716 0.195,-0.732 0.25,-0.732C0.286,-0.732 0.317,-0.724 0.344,-0.709C0.37,-0.694 0.392,-0.671 0.408,-0.641L0.358,-0.611C0.347,-0.631 0.333,-0.647 0.314,-0.658C0.295,-0.668 0.272,-0.674 0.246,-0.674C0.211,-0.674 0.183,-0.663 0.162,-0.643C0.141,-0.622 0.131,-0.594 0.131,-0.559C0.131,-0.509 0.172,-0.462 0.255,-0.419C0.27,-0.411 0.281,-0.405 0.289,-0.401C0.35,-0.367 0.391,-0.336 0.411,-0.306C0.432,-0.276 0.442,-0.237 0.442,-0.19C0.442,-0.126 0.423,-0.075 0.386,-0.037C0.348,0 0.297,0.019 0.233,0.019C0.186,0.019 0.146,0.007 0.113,-0.016C0.079,-0.039 0.053,-0.074 0.034,-0.12Z" style="fill-rule:nonzero;"/>
    521. 

  521.                 </g>
    522. 

  522.             </g>
    523. 

  523.         </svg>
    524. 

  524.     </a>
    525. 

  525.     <div class="center logo-message">
    526. 

  526.         <div style="height: 30px; text-align: center;">Version <span id="version" class="select">{version}</span></div>
    527. 

  527.         <div style="height: 30px; text-align: center;">Copyright &copy; <a href="https://www.lutzroeder.com" target="blank_">Lutz Roeder</a></div>
    528. 

  528.     </div>
    529. 

  529.     <a id="logo-github" class="center logo-github" href="https://github.com/lutzroeder/netron" target="blank_">
    530. 

  530.         <svg viewbox="0 0 438.549 438.549">
    531. 

  531.             <path class="logo-fill" d="M409.132,114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736,15.166,259.057,5.365,219.271,5.365
    532. 

  532.                 c-39.781,0-76.472,9.804-110.063,29.408c-33.596,19.605-60.192,46.204-79.8,79.8C9.803,148.168,0,184.854,0,224.63
    533. 

  533.                 c0,47.78,13.94,90.745,41.827,128.906c27.884,38.164,63.906,64.572,108.063,79.227c5.14,0.954,8.945,0.283,11.419-1.996
    534. 

  534.                 c2.475-2.282,3.711-5.14,3.711-8.562c0-0.571-0.049-5.708-0.144-15.417c-0.098-9.709-0.144-18.179-0.144-25.406l-6.567,1.136
    535. 

  535.                 c-4.187,0.767-9.469,1.092-15.846,1c-6.374-0.089-12.991-0.757-19.842-1.999c-6.854-1.231-13.229-4.086-19.13-8.559
    536. 

  536.                 c-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559
    537. 

  537.                 c-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-0.951-2.568-2.098-3.711-3.429c-1.142-1.331-1.997-2.663-2.568-3.997
    538. 

  538.                 c-0.572-1.335-0.098-2.43,1.427-3.289c1.525-0.859,4.281-1.276,8.28-1.276l5.708,0.853c3.807,0.763,8.516,3.042,14.133,6.851
    539. 

  539.                 c5.614,3.806,10.229,8.754,13.846,14.842c4.38,7.806,9.657,13.754,15.846,17.847c6.184,4.093,12.419,6.136,18.699,6.136
    540. 

  540.                 c6.28,0,11.704-0.476,16.274-1.423c4.565-0.952,8.848-2.383,12.847-4.285c1.713-12.758,6.377-22.559,13.988-29.41
    541. 

  541.                 c-10.848-1.14-20.601-2.857-29.264-5.14c-8.658-2.286-17.605-5.996-26.835-11.14c-9.235-5.137-16.896-11.516-22.985-19.126
    542. 

  542.                 c-6.09-7.614-11.088-17.61-14.987-29.979c-3.901-12.374-5.852-26.648-5.852-42.826c0-23.035,7.52-42.637,22.557-58.817
    543. 

  543.                 c-7.044-17.318-6.379-36.732,1.997-58.24c5.52-1.715,13.706-0.428,24.554,3.853c10.85,4.283,18.794,7.952,23.84,10.994
    544. 

  544.                 c5.046,3.041,9.089,5.618,12.135,7.708c17.705-4.947,35.976-7.421,54.818-7.421s37.117,2.474,54.823,7.421l10.849-6.849
    545. 

  545.                 c7.419-4.57,16.18-8.758,26.262-12.565c10.088-3.805,17.802-4.853,23.134-3.138c8.562,21.509,9.325,40.922,2.279,58.24
    546. 

  546.                 c15.036,16.18,22.559,35.787,22.559,58.817c0,16.178-1.958,30.497-5.853,42.966c-3.9,12.471-8.941,22.457-15.125,29.979
    547. 

  547.                 c-6.191,7.521-13.901,13.85-23.131,18.986c-9.232,5.14-18.182,8.85-26.84,11.136c-8.662,2.286-18.415,4.004-29.263,5.146
    548. 

  548.                 c9.894,8.562,14.842,22.077,14.842,40.539v60.237c0,3.422,1.19,6.279,3.572,8.562c2.379,2.279,6.136,2.95,11.276,1.995
    549. 

  549.                 c44.163-14.653,80.185-41.062,108.068-79.226c27.88-38.161,41.825-81.126,41.825-128.906
    550. 

  550.                 C438.536,184.851,428.728,148.168,409.132,114.573z"/>
    551. 

  551.         </svg>
    552. 

  552.     </a>
    553. 

  553.     <button id="open-file-button" class="center logo-button open-file-button" tabindex="0">Open Model&hellip;</button>
    554. 

  554.     <div class="center progress">
    555. 

  555.         <div id="progress-bar" class="progress-bar"></div>
    556. 

  556.     </div>
    557. 

  557.     <input type="file" id="open-file-dialog" class="open-file-dialog" multiple="false" accept="">
    558. 

  558.     <!-- Preload fonts to workaround Chrome SVG layout issue -->
    559. 

  559.     <div style="font-weight: normal; color: rgba(0, 0, 0, 0.01); user-select: none;">.</div>
    560. 

  560.     <div style="font-weight: bold; color: rgba(0, 0, 0, 0.01); user-select: none;">.</div>
    561. 

  561.     <div style="font-weight: bold; color: rgba(0, 0, 0, 0.01); user-select: none;">.</div>
    562. 

  562. </div>
    563. 

  563. <div id="message" class="message">
    564. 

  564.     <div id="message-text" class="message-text"></div>
    565. 

  565.     <button id="message-button" class="logo-button message-button" tabindex="0">OK</button>
    566. 

  566. </div>
    567. 

  567. <div id="titlebar" class="titlebar">
    568. 

  568.     <svg style="position: absolute; width: 0px; height: 0px; overflow: hidden;" aria-hidden="true">
    569. 

  569.         <symbol id="icon-arrow-right" viewBox="0 0 1024 1024">
    570. 

  570.             <path d="M698.75712 565.02272l-191.488 225.4848a81.73568 81.73568 0 0 1-62.48448 28.89728 81.89952 81.89952 0 0 1-62.40256-134.94272l146.432-172.4416-146.432-172.4416a81.92 81.92 0 0 1 124.88704-106.06592l191.488 225.4848a81.87904 81.87904 0 0 1 0 106.02496z"></path>
    571. 

  571.         </symbol>
    572. 

  572.     </svg>
    573. 

  573.     <div id="titlebar-content" class="titlebar-content">
    574. 

  574.         <span id="titlebar-content-text" class="titlebar-content-text"></span>
    575. 

  575.     </div>
    576. 

  576.     <div id="titlebar-control-box" class="titlebar-control-box">
    577. 

  577.         <div id="titlebar-close" class="titlebar-button titlebar-button-close" title="Close">
    578. 

  578.             <svg class="titlebar-icon" aria-hidden="true">
    579. 

  579.                 <path d="M 0,0 0,0.7 4.3,5 0,9.3 0,10 0.7,10 5,5.7 9.3,10 10,10 10,9.3 5.7,5 10,0.7 10,0 9.3,0 5,4.3 0.7,0 Z"></path>
    580. 

  580.             </svg>
    581. 

  581.         </div>
    582. 

  582.         <div id="titlebar-toggle" class="titlebar-button" title="Maximize">
    583. 

  583.             <svg id="titlebar-maximize" class="titlebar-icon" aria-hidden="true" style="position: absolute;">
    584. 

  584.                 <path d="M 0,0 0,10 10,10 10,0 Z M 1,1 9,1 9,9 1,9 Z"></path>
    585. 

  585.             </svg>
    586. 

  586.             <svg id="titlebar-restore" class="titlebar-icon" aria-hidden="true" style="position: absolute;">
    587. 

  587.                 <path d="m 2,1e-5 0,2 -2,0 0,8 8,0 0,-2 2,0 0,-8 z m 1,1 6,0 0,6 -1,0 0,-5 -5,0 z m -2,2 6,0 0,6 -6,0 z"></path>
    588. 

  588.             </svg>
    589. 

  589.         </div>
    590. 

  590.         <div id="titlebar-minimize" class="titlebar-button" title="Minimize">
    591. 

  591.             <svg class="titlebar-icon" aria-hidden="true">
    592. 

  592.                 <path d="M 0,5 10,5 10,6 0,6 Z"></path>
    593. 

  593.             </svg>
    594. 

  594.         </div>
    595. 

  595.     </div>
    596. 

  596. </div>
    597. 

  597. <div id="menu" class="menu"></div>
    598. 

  598. <div id="menu-button" class="menu-button">&#8801;</div>
    599. 

  599. </body>
    600. 

  600. </html>
    601.