Add waveforms

_web_server/server/index.html

@@ -63,6 +63,36 @@
           overflow: scroll;
       }
 
+      svg {
+          fill: none;
+          stroke: white;
+          stroke-width: 0;
+          shape-rendering: crispEdges;
+      }
+
+      svg #wave-signals {
+          stroke: #00fcff;
+          stroke-width: 1;
+      }
+
+      svg #wave-clock {
+          stroke: #fffe9a;
+          stroke-width: 1;
+      }
+
+      svg #wave-delim {
+          stroke: #d0d0d0;
+          stroke-width: 2;
+      }
+
+      svg text {
+          font-family: 'JetBrains Mono', monospace;
+          font-size: 14px;
+          fill: white;
+      }
+
+      svg #wave-background { fill: #1e2426; }
+
       @media (orientation: landscape) and (not (pointer: coarse)) {
           body {
               display: flex;
@@ -83,11 +113,6 @@
               width: 50%;
               height: 100%;
           }
-
-          #log {
-              position: absolute;
-              height: 100%;
-          }
       }
     </style>
   </head>
@@ -100,16 +125,14 @@
       Sim:
       <button onclick="send_to_sim('%IVERILOGPOSTURI%')"><span class="text">Icarus</span></button>
       <button onclick="send_to_sim('%VERILATORPOSTURI%')"><span class="text">Verilator</span></button>
-      <!-- button><span class="text">Verilator</span></button -->
     </div>
 
     <div id="text">
       <div id="editor">@CODE@</div>
-      <div id="logdiv">
-        <pre id="log"></pre>
-      </div>
+      <div id="logdiv"></div>
     </div>
 
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.13.1/ace.js" type="text/javascript" charset="utf-8"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.13.1/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>
     <script type="text/javascript" charset="utf-8">
@@ -123,10 +146,11 @@
           enableBasicAutocompletion : true,
           enableLiveAutocompletion : true
       });
-      const log_area = document.getElementById('log');
+      const log_area = document.getElementById('logdiv');
       function send_to_sim(uri) {
+          query = uri + "?width=" + log_area.clientWidth;
           log_area.innerHTML = "Please wait...";
-          fetch(uri,
+          fetch(query,
                 {
                     method: 'POST',
                     headers: {