client/public/index.html

<!DOCTYPE html>
<html height="100%" lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta property="og:url" content="https://tdm.ladot.lacity.org" />
    <meta
      property="og:title"
      content="Transportation Demand Management Calculator"
    />
    <meta
      property="og:description"
      content="Los Angeles City Planning and Los
    Angeles Department of Transportation are working to update the City's
    Transportation Demand Management (TDM) Program to meet transportation demand
    in a sustainable way. The proposed update would require certain new
    development projects to implement strategies such as supporting transit,
    telecommuting, walking, carshare, neighborhood shuttles, and other
    strategies that reduce vehicle trips. This site allows developers to determine
    compliance of their projects with the proposed ordinance."
    />
    <meta
      property="og:image"
      content="https://tdm.ladot.lacity.org/assets/TDMCalculatorScreenShot.png"
    />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1141" />
    <meta property="og:image:height" content="642" />
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.

      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <title>TDM</title>
    <!-- These styles are here to apply to the City-mandated header script -->
    <link
      href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <style>
      html,
      #body {
        height: 100vh;
        margin: 0;
      }

      /* 
        Should be a better way to calculate right of root element to 
        occupy full height of browser window and account for LA City header
        that setting height to 88vh 
      */
      #root {
        height: 88vh;
        margin: 0;
      }

      #global_nav_la_4324422 {
        color: white;
      }
    </style>
  </head>
  <body id="body">
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <script src="//navbar.lacity.org/global_nav.js"></script>
    <div id="root"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
  </body>
</html>