<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://cdn.auth0.com https://js.stripe.com https://app.posthog.com https://us.i.posthog.com https://us-assets.i.posthog.com https://www.googletagmanager.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https: https://www.google-analytics.com; connect-src 'self' https://*.articley.com https://api.stripe.com https://app.posthog.com https://us.i.posthog.com https://us-assets.i.posthog.com wss://us.i.posthog.com https://*.auth0.com https://www.google-analytics.com https://analytics.google.com https://www.googletagmanager.com; frame-src https://js.stripe.com; object-src 'none'; base-uri 'self';" />
    <title>Articley</title>
    <meta name="description" content="Credit based access to premium journalism" />
    <meta name="author" content="Articley" />

    <meta property="og:title" content="Articley - Read Quality Journalism, Your Way" />
    <meta property="og:description" content="Credit-based access to premium journalism. Readers pay per article. Publishers earn new revenue." />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Articley" />
    <meta property="og:image" content="/logo_light.png" />
    <meta property="og:image:width" content="1000" />
    <meta property="og:image:height" content="600" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Articley - Read Quality Journalism, Your Way" />
    <meta name="twitter:description" content="Credit-based access to premium journalism. Readers pay per article. Publishers earn new revenue." />
    <meta name="twitter:image" content="/logo_light.png" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    
    <!-- Google tag (gtag.js) -->
    <script>
      // Only load Google Analytics if the tag ID is provided
      const GA_TAG_ID = 'G-1GKV52DRFJ';
      if (GA_TAG_ID && GA_TAG_ID !== '%' + 'VITE_GA_TAG_ID' + '%') {
        const script = document.createElement('script');
        script.async = true;
        script.src = `https://www.googletagmanager.com/gtag/js?id=${GA_TAG_ID}`;
        document.head.appendChild(script);
        
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', GA_TAG_ID);
      }
    </script>
    <script type="module" crossorigin src="/assets/index-CPm2iyk2.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DWCVdJEz.css">
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>
