diff options
Diffstat (limited to 'ui/index.html')
| -rw-r--r-- | ui/index.html | 30 |
1 files changed, 29 insertions, 1 deletions
diff --git a/ui/index.html b/ui/index.html index 8971d64..1d0eb37 100644 --- a/ui/index.html +++ b/ui/index.html @@ -70,7 +70,35 @@ </table> </div> </div> - <div class="section map">This is a map</div> + <div class="section bottom-right"> + <p>Start</p> + <div class="canvas-square" id="myCanvas1"> + <div class="inner-content"> + <div class="traffic-light"></div> + <div class="barrier"></div> + <span class="square-text-first-row">Light <span id="light-one">1</span></span> + <span class="square-text-second-row">Amount <span id="amount-one">1</span></span> + <span class="square-text-third-row"><span id="speed-one">1</span>km/h</span> + </div> + </div> + <div class="canvas-square" id="myCanvas2"> + <div class="inner-content"> + <span class="square-text-first-row">Light <span id="light-two">1</span></span> + </div> + </div> + <div class="canvas-square" id="myCanvas3"> + <div class="inner-content"> + <span class="square-text-first-row">Light <span id="light-three">1</span></span> + <span class="square-text-second-row">Amount <span id="amount-two">1</span></span> + </div> + </div> + <div class="canvas-square" id="myCanvas4"> + <div class="inner-content"> + <span class="square-text-first-row">Light <span id="light-four">1</span></span> + </div> + </div> + <p>End</p> + </div> </div> </body> </html> |