<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Citygraph" />
    <link id="main-css" rel="stylesheet" href="/style.bundle.css" />

    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700"
    />
    <title>CityGraph</title>
    <link rel="shortcut icon" href="media/logos/favicon.ico" />
    <link rel="stylesheet" id="layout-styles-anchor" href="/splash-screen.css" />
    <script type="module" crossorigin src="/assets/index-c7cf9105.js"></script>
    <link rel="stylesheet" href="/assets/index-bd639001.css">
  </head>

  <body id="kt_body" class="page-loading">
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <!--begin::Theme mode setup on page load-->
    <script>
      let themeMode = 'system'

      if (localStorage.getItem('kt_theme_mode_value')) {
        themeMode = localStorage.getItem('kt_theme_mode_value')
      }

      if (themeMode === 'system') {
        themeMode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
      }

      document.documentElement.setAttribute('data-bs-theme', themeMode)
    </script>
    <!--end::Theme mode setup on page load-->

    <div id="root"></div>

    <!--begin::Loading markup-->
    <div id="splash-screen" class="splash-screen">
      <!-- <img src="media/logos/logo.png" class="dark-logo" alt="Citygraph dark logo" />
      <img src="media/logos/logo.png" class="light-logo" alt="Citygraph light logo" /> -->
      <span class="loader"></span>
      <!-- <span class="loading-text">Loading</span> -->
    </div>
    <!--end::Loading markup-->

    <div id="root-modals"></div>
    
  </body>
</html>
