<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link
      rel="icon"
      type="image/svg+xml"
      href="/assets/favicon-B-WSlMUK.ico"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="Permissions-Policy"
      content="geolocation=(self 'https://fe-temp.kemlu.go.id')"
    />
    <title>Portal Kemlu</title>
    <style>
      #loading-splash-screen {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #fff;
      }

      .loading-content {
        text-align: center;
      }

      .loading-text {
        margin-top: 10px;
        font-size: 1.2em;
        color: #333;
      }
      .asw-widget {
        display: none;
      }
    </style>
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-X00P3B302F"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-X00P3B302F");
    </script>
    <script type="module" crossorigin src="/assets/index-CgeIJ-ne.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vue-i18n-B4As0-oA.js">
    <link rel="modulepreload" crossorigin href="/assets/ApiService-CYFxsFuO.js">
    <link rel="stylesheet" crossorigin href="/assets/ApiService-AGk_IuDL.css">
    <link rel="stylesheet" crossorigin href="/assets/index-C1zN5x6A.css">
  </head>
  <body>
    <!-- create loading page/splash screen -->
    <div id="loading-splash-screen">
      <div class="loading-content">
        <img src="/assets/logo-kbKR1-e5.svg" alt="logo" />
      </div>
    </div>
    <div id="app"></div>

    <!-- <script type="text/javascript" src="../node_modules/tw-elements/dist/js/tw-elements.umd.min.js"></script> -->
  </body>
</html>
