index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RYQSZMJLYQ"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-RYQSZMJLYQ');
    </script>

    <!-- Primary Meta Tags -->
    <meta name="title" content="ProKa - Project Kalian" />
    <meta name="description" content="ProKa, short for Project Kalian, is an innovative platform dedicated to showcasing outstanding projects curated from the talented viewers of Web Programming Unpas (WPU). This initiative aims to celebrate the creativity, skills, and diverse projects created by the vibrant community associated with WPU." />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://project-kalian.vercel.app/" />
    <meta property="og:title" content="ProKa - Project Kalian" />
    <meta property="og:description" content="ProKa, short for Project Kalian, is an innovative platform dedicated to showcasing outstanding projects curated from the talented viewers of Web Programming Unpas (WPU). This initiative aims to celebrate the creativity, skills, and diverse projects created by the vibrant community associated with WPU." />
    <meta property="og:image" content="https://project-kalian.vercel.app/proka.png" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://project-kalian.vercel.app/" />
    <meta property="twitter:title" content="ProKa - Project Kalian" />
    <meta property="twitter:description" content="ProKa, short for Project Kalian, is an innovative platform dedicated to showcasing outstanding projects curated from the talented viewers of Web Programming Unpas (WPU). This initiative aims to celebrate the creativity, skills, and diverse projects created by the vibrant community associated with WPU." />
    <meta property="twitter:image" content="https://project-kalian.vercel.app/proka.png" />

    <!-- Meta Tags Generated with https://metatags.io -->
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    <title>ProKa - Project Kalian</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>