app/index.html at main · creatorkithub/app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!doctype html>
<html lang="en">

<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-969LZRVW8L"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-969LZRVW8L');
  </script>
  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-MTBGDHJ2');</script>
  <!-- End Google Tag Manager -->
  <meta charset="UTF-8" />
  <script type="module">
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('consent', 'default', {
      'ad_storage': 'denied',
      'ad_user_data': 'denied',
      'ad_personalization': 'denied',
      'analytics_storage': 'denied'
    });
  </script>
  <style>
    body {
      background-color: #09090b;
      color: #ffffff;
    }

    @media (max-width: 768px) {
      body {
        min-height: 100vh;
      }
    }
  </style>
  <script type="module">
    (function () {
      var path = window.location.pathname;
      var manifestUrl = '/manifest.webmanifest';
      if (path.startsWith('/pdf-toolkit') || path.startsWith('/local-pdf')) manifestUrl = '/manifests/pdf.json';
      else if (path.startsWith('/crypto-audit') || path.startsWith('/password-analyzer')) manifestUrl = '/manifests/crypto.json';
      else if (path.startsWith('/privashield') || path.startsWith('/exif-stripper')) manifestUrl = '/manifests/exif.json';
      else if (path.startsWith('/a11y-scorecard') || path.startsWith('/accessibility')) manifestUrl = '/manifests/a11y.json';
      else if (path.startsWith('/universal-image-converter') || path.startsWith('/image-converter')) manifestUrl = '/manifests/image.json';
      else if (path.startsWith('/social-media-safe-zone-overlay') || path.startsWith('/safe-zone')) manifestUrl = '/manifests/safezone.json';

      var link = document.createElement('link');
      link.rel = 'manifest';
      link.id = 'dynamic-manifest';
      link.href = manifestUrl;
      document.head.appendChild(link);

      if ('serviceWorker' in navigator) {
        window.addEventListener('load', function () {
          navigator.serviceWorker.register('/sw.js').catch(function () { });
        });
      }
    })();
  </script>
  <script type="module">
    // Single Page Apps for GitHub Pages (https://github.com/rafgraph/spa-github-pages)
    (function (l) {
      if (l.search[1] === 'p' && l.search[2] === '=') {
        var a = l.search.slice(1).split('&').map(function (s) { return s.replace(/~and~/g, '&') })
        window.history.replaceState(null, null,
          l.pathname.slice(0, -1) + a[0].slice(2) +
          (a.length > 1 ? '?' + a.slice(1).join('&').replace(/q=/, '') : '') + l.hash
        );
      }
    }(window.location))
  </script>
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="shortcut icon" href="/favicon.svg" />
  <link rel="apple-touch-icon" href="/icon.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="referrer" content="strict-origin-when-cross-origin">
  <meta name="theme-color" content="#09090b" media="(prefers-color-scheme: dark)" />
  <meta name="description"
    content="Creator Kit Hub offers a comprehensive, completely free, and 100% offline suite of client-side web tools. Securely process PDFs, convert high-resolution images, generate precise social media safe zones, and much more." />
  <meta name="keywords"
    content="PDF tools, Social media safe zone, Client-side pdf merge, image to pdf, privacy tools, social media overlay" />

  <!-- Open Graph / SEO -->
  <meta property="og:title" content="Creator Kit Hub - 100% Offline Client-Side Web Tools" />
  <meta property="og:description"
    content="Creator Kit Hub offers a comprehensive, completely free, and 100% offline suite of client-side web tools. Securely process PDFs, convert high-resolution images, generate precise social media safe zones, and much more." />
  <meta property="og:type" content="website" />

  <link rel="apple-touch-icon" href="/icon.svg" />
  <link rel="canonical" href="https://creatorkithub.org/" />
  <title>Creator Kit Hub - 100% Offline Client-Side Web Tools</title>

  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Creator Kit Hub",
      "url": "https://creatorkithub.org/",
      "description": "A free, 100% offline suite of client-side web tools for creators.",
      "publisher": {
        "@type": "Organization",
        "name": "Creator Kit Hub",
        "logo": {
          "@type": "ImageObject",
          "url": "https://creatorkithub.org/icon.svg"
        }
      }
    }
  </script>
  <style>
    .gtm-iframe {
      display: none;
      visibility: hidden;
    }
  </style>

  <!-- Google AdSense -->
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4032375955420309"
    crossorigin="anonymous"></script>
</head>

<body class="bg-[#09090b] text-white">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTBGDHJ2" height="0" width="0"
      class="gtm-iframe"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <div id="root">
    <!-- SEO_ROOT_CONTENT -->
  </div>
  <script type="module" src="/src/main.tsx"></script>
</body>

</html>