Services/web/index.html

0001 <!DOCTYPE html>
0002 <html lang="en-US">
0003 <head>
0004     <meta charset="utf-8" />
0005     <title>Tracer Output</title>
0006     <link rel="stylesheet" type="text/css" href="transitions.css">
0007     <style>
0008         body {
0009             font-family: Arial, sans-serif;
0010         }
0011         .regular {
0012             padding: 10px;
0013             border: 1px solid #ccc;
0014             margin-top: 10px;
0015         }
0016         h2 {
0017             margin: 0 0 10px 0;
0018         }
0019         #top-functions {
0020             display: flex;
0021             align-items: center;
0022         }
0023         #function2, #input1 {
0024             margin-right: 10px;
0025         }
0026         .hidden {
0027             display: none;
0028         }
0029     </style>
0030     <script type="module" src="transitions.js"></script>
0031 </head>
0032 <body>
0033     <div class="container">
0034         <div class="name_div">
0035             <canvas id="name_view"></canvas>
0036         </div>
0037         <div class="graph_div">
0038             <canvas id="graph_view"></canvas>
0039         </div>
0040         <div class="time_div">
0041             <canvas id="time_view"></canvas>
0042         </div>
0043         <div class="selected">
0044             <p id="selected_paragraph">Selected:</p>
0045         </div>
0046         <div class="controls">
0047             <button id="zoom_out">--&gt; &lt;--</button>
0048             <button id="zoom_in">&lt;-- --&gt;</button>
0049             <p>&lt;CTRL&gt;+scroll to zoom</p>
0050         </div>
0051     </div>
0052 </body>
0053 </html>
0054
0055
0056
0057