doc/div_pipeline_loop_model/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <title>WIP pipeline loop demo</title>
   4
   5 <head>
   6     <script src="built/main.js"></script>
   7 </head>
   8
   9 <body onload="load()">
  10     <svg id="diagram" viewBox="-10 -10 990 440" width="1000" height="450">
  11         <style>
  12             .stage_title,
  13             .stage_status_text,
  14             .stage_instruction_text {
  15                 font: 12px sans-serif;
  16                 fill: black;
  17             }
  18
  19             .stage_status_text {
  20                 alignment-baseline: bottom;
  21             }
  22
  23             .stage_title {
  24                 alignment-baseline: hanging;
  25             }
  26
  27             .stage_instruction_text {
  28                 alignment-baseline: hanging;
  29                 text-anchor: end;
  30             }
  31
  32             .connection {
  33                 fill: none;
  34                 stroke: black;
  35                 marker-end: url(#arrow);
  36             }
  37         </style>
  38         <defs>
  39             <marker id="arrow" viewBox="0 0 2 2" refX="2" refY="1" markerWidth="4" markerHeight="4"
  40                 orient="auto-start-reverse">
  41                 <path d="M 0 0 L 2 1 L 0 2 z" />
  42             </marker>
  43         </defs>
  44     </svg>
  45 </body>
  46
  47 </html>