<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>text-canvas</title>
        <link
            href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
            rel="stylesheet"
        />
        <link
            rel="stylesheet"
            media="screen"
            href="https://fontlibrary.org/face/fantasque-sans-mono"
            type="text/css"
        />
        <style>
            #app {
                font-family: "FantasqueSansMonoRegular", monospace;
                line-height: 1;
            }
        </style>
        <script
            async
            defer
            data-domain="thi.ng"
            src="https://plausible.io/js/plausible.js"
        ></script>
    </head>
    <body class="sans-serif bg-black ma3">
        <pre id="app" class="code f7"></pre>
        <div>
            <a
                class="white link"
                href="https://github.com/thi-ng/umbrella/tree/develop/examples/text-canvas"
                >Source code</a
            >
        </div>
        <script type="text/javascript" src="./src/index.ts"></script>
    </body>
</html>
