ANSI.tools/apps/web/about.html at main · webpro/ANSI.tools · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>ANSI Escape Codes | About</title>
    <link rel="icon" href="/favicon.ico" sizes="32x32" />
    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="About ANSI.tools" />
    <link rel="prefetch" href="/" vite-ignore />
    <meta property="og:title" content="ANSI Escape Codes" />
    <meta property="og:description" content="About ANSI.tools" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://ansi.tools/" />
    <meta property="og:image" content="https://ansi.tools/ansi.tools.png" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="twitter:domain" content="ansi.tools" />
    <meta property="twitter:url" content="https://ansi.tools/" />
    <meta name="twitter:title" content="ANSI Escape Codes" />
    <meta name="twitter:description" content="About ANSI.tools" />
    <meta name="twitter:image" content="https://ansi.tools/ansi.tools.png" />
  </head>
  <body>
    <header>
      <a href="/">
        <img src="/logo.svg" alt="ANSI.tools" class="logo" width="64" height="64" />
      </a>

      <h1>ANSI Escape Codes</h1>

      <nav>
        <ul>
          <li><a href="/">Inspector</a></li>
          <li><a href="/lookup">Lookup</a></li>
          <li><a href="/about">About</a></li>
        </ul>
      </nav>
    </header>

    <main>
      <h2>About</h2>
      <p>Working with ANSI control codes and escape sequences can be a challenge.</p>
      <p>This website helps to inspect the input, visualize colors and styling, and list control codes.</p>
      <p>Type or paste text in the black text area, or try out the examples.</p>
      <p>Use the <a href="/lookup">lookup table</a> to filter and find specific codes.</p>

      <p>
        If you have any ideas, feedback or want to report a bug, feel free to
        <a href="https://github.com/webpro/ANSI.tools">reach out on GitHub</a>!
      </p>

      <h2>Parser</h2>
      <p>
        This website uses the <a href="https://www.npmjs.com/package/@ansi-tools/parser">@ansi-tools/parser</a> npm
        package to tokenize and parse the input.
      </p>
      <p>
        The source code is
        <a href="https://github.com/webpro/ANSI.tools/tree/main/packages/parser">open and available on GitHub</a>.
      </p>
    </main>

    <footer role="contentinfo">
      <p>No worries, your data won't leave your browser.</p>

      <p>
        <span>
          Made by
          <a href="https://webpro.nl" title="webpro.nl"
            ><img src="https://webpro.nl/img/logo.svg" alt="WebPro logo" width="32" /></a
        ></span>
        <span>
          Code on
          <a href="https://github.com/webpro/ANSI.tools" title="ANSI.tools on GitHub"
            ><img src="/github-mark.svg" alt="GitHub logo" width="32" /></a
        ></span>
      </p>
    </footer>
    <script type="module" src="/src/main-about.ts"></script>
    <script async defer src="https://smplnltcs.ansi.tools/latest.js"></script>
    <noscript>
      <img src="https://smplnltcs.ansi.tools/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade" />
    </noscript>
  </body>
</html>