<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="UTF-8">
  <title>blah2</title>
  <!-- load lib js -->
  <script src="./lib/bootstrap-5.2.3.min.js"></script>
  <script src="./lib/plotly-2.20.0.min.js"></script>
  <script src="./lib/jquery-3.6.4.min.js"></script>
  <!-- load lib css -->
  <link rel="stylesheet" href="./lib/bootstrap-5.2.3.min.css">
  <link rel="stylesheet" href="./lib/blah2.css">
  <style>
  </style>
</head>
<body style="background-color:#f78c58;">
  <div style="width: 95vw" class="container-fluid">
    <div class="row align-items-center d-flex">
    <nav class="navbar navbar-light navbar-expand text-center pb-3">
      <ul class="navbar-nav mx-auto justify-content-center">
        <li class="nav-item px-3 px-md-4">
          <a class="navbar-brand mx-0 menu text-decoration-underline" href="#">RADAR</a>
        </li>
        <li class="nav-item px-3 px-md-4">
          <a class="navbar-brand mx-0 menu" href="/controller">CONTROLLER</a>
        </li>
      </ul>
    </nav>
    <!-- notifications if radar RF is down -->
    <div class="center">
    <p>
      <center>
      <center>
    </div>
    <div style="height: 90vh; width: 95vw" class="row d-flex">
      <div class="justify-content-center" id="data"></div>
    </div>
    </div>
</body>
<script>
  var urlMap = '/api/map';
</script>
<script src="js/plot_map.js"></script>
<script src="control.js"></script>
</html>