index.html

Rama chore/all-my-stuffs · réplica de lectura del repositorio original.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="theme-color" content="#f1f5f9" />
    <style>
      html { color-scheme: light; }
      html.dark { color-scheme: dark; }
      html, body { background-color: #f1f5f9; }
      html.dark, html.dark body { background-color: #1c1c1c; }
    </style>
    <script>
      (function () {
        try {
          var mode = localStorage.getItem('vueuse-color-scheme') || 'auto';
          if (mode === 'dark' || (mode === 'auto' && matchMedia('(prefers-color-scheme: dark)').matches)) {
            document.documentElement.classList.add('dark');
            document.querySelector('meta[name="theme-color"]').setAttribute('content', '#1c1c1c');
          }
        }
        catch (e) {}
      })();
    </script>
    <link rel="icon" href="favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>IT Tools - Handy online tools for developers</title>
    <link rel="author" href="humans.txt" />
    <link rel="canonical" href="https://sharevb-it-tools.vercel.app" />

    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#18a058" />

    <meta name="msapplication-TileColor" content="#da532c" />

    <meta property="og:url" content="https://sharevb-it-tools.vercel.app/" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://sharevb-it-tools.vercel.app/banner.png?v=2" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@ittoolsdottech" />
    <meta name="twitter:creator" content="@cthmsst" />

    <meta name="twitter:image" content="https://sharevb-it-tools.vercel.app/banner.png?v=2" />
    <meta name="twitter:image:alt" content="IT Tools - Handy online tools for developers" />
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
    <link rel="preload" href="home.custom.md" as="fetch" crossorigin="anonymous" />
    <link rel="preload" href="tools-filter.json" as="fetch" crossorigin="anonymous" />
    <link rel="preload" href="external-tools.json" as="fetch" crossorigin="anonymous" />
    <link rel="preload" href="tools-settings.json" as="fetch" crossorigin="anonymous" />
  </body>
</html>