<html class="h-full" lang="en">
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>BobPritchett.com - Writing, Utilities, and Experiments by Bob Pritchett</title>
        <meta content="Home of Bob Pritchett (AllDrafts, Faithlife/Logos, Fire Someone Today, Start Next Now) on the web." name="description">
        <link href="/build/_assets/tailwind-4GX6ZVFN.css" rel="stylesheet">
        <link href="../fonts/inter/inter.css" rel="stylesheet">
        <link href="../fonts/crimson-pro.css" rel="stylesheet">
        <link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
        <link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
        <link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
        <link href="/site.webmanifest" rel="manifest">
    </head>
    <body class="h-full">
        <main class="relative min-h-screen bg-white sm:flex sm:items-center sm:justify-center">
            <div class="relative sm:pb-16 sm:pt-8">
                <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
                    <div class="relative shadow-xl sm:overflow-hidden sm:rounded-2xl">
                        <div class="absolute inset-0">
                            <img alt="Sunset" class="h-full w-full object-cover" src="https://ucarecdn.com/0432f99f-77da-4b14-9e11-e06a8a1ddb5c/-/preview/-/quality/smart/-/format/auto/">
                        </div>
                        <div class="relative px-4 pt-16 pb-8 sm:px-6 sm:pt-24 sm:pb-14 lg:px-8 lg:pb-20 lg:pt-32">
                            <h1 class="text-center text-6xl font-extrabold tracking-tight sm:text-8xl lg:text-9xl">
                                <span class="block uppercase text-yellow-300 drop-shadow-md">Bob Pritchett</span>
                            </h1>
                            <p class="mx-auto mt-6 max-w-lg text-center text-xl text-white sm:max-w-3xl drop-shadow-md">All the random things.</p>
                            <div class="mx-auto mt-10 max-w-sm sm:flex sm:max-w-none sm:justify-center">
                                <div class="space-y-4 sm:mx-auto sm:inline-grid sm:grid-cols-2 sm:gap-5 sm:space-y-0">
                                    <a class="flex items-center justify-center rounded-md border border-transparent bg-white px-4 py-3 text-base font-medium text-yellow-700 shadow-sm hover:bg-yellow-50 sm:px-8" href="/join">Sign up</a><a class="flex items-center justify-center rounded-md bg-yellow-300 px-4 py-3 font-medium text-white hover:bg-yellow-600" href="/login">Log In</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mx-auto max-w-7xl py-2 px-4 sm:px-6 lg:px-8">
                    <div class="mt-6 flex flex-wrap justify-center gap-8">
                        <a class="relative flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700" href="ornate-borders"><img alt="Fly.io" class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://ucarecdn.com/b9076547-bbc4-4e36-9986-ba4ca410f5d2/-/preview/-/quality/smart/-/format/auto/">
                            <div class="flex flex-col justify-between p-4 leading-normal">
                                <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Ornate Borders</h5>
                                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Party like it's 1923 and you've got all the Linotype matrices! Generate ornate borders in SVG at any size.</p>
                            </div>
                        </a><a class="relative flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700" href="command-language-playground"><img alt="Computer Code" class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://ucarecdn.com/059279f6-afb4-4b6c-a88c-122ebb7434c7/-/scale_crop/1000x1000/smart/-/preview/-/quality/smart/-/format/auto/">
                            <div class="flex flex-col justify-between p-4 leading-normal">
                                <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Command Language Playground</h5>
                                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Parse a mini language into an array of commands. Variables, math, etc.</p>
                            </div>
                        </a><a class="relative flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700" href="unicode-inspector"><img alt="Greek Font Character Matrices" class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://ucarecdn.com/62136b69-b872-4670-8d31-89f481178195/-/scale_crop/1000x1000/smart/-/preview/-/quality/smart/-/format/auto/">
                            <div class="flex flex-col justify-between p-4 leading-normal">
                                <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Unicode Character Inspector</h5>
                                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Paste a string and see the individual Unicode characters. Convert fron Composed to Decomposed and back again. Examine compound emoji.</p>
                            </div>
                        </a><a class="relative flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700" href="https://www.amazon.com/Fire-Someone-Today-Surprising-Business/dp/0785212620" target="_blank">
                            <div class="absolute right-0 bottom-0 p-4">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 16 16" width="1em">
                                    <path d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" fill-rule="evenodd"></path>
                                    <path d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" fill-rule="evenodd"></path>
                                </svg>
                            </div>
                            <img alt="Fire Someone Today" class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://ucarecdn.com/a086d30e-4288-4fa3-a4ab-24bb7f7aa0b6/-/preview/-/quality/smart/-/format/auto/" xmlns="">
                            <div class="flex flex-col justify-between p-4 leading-normal">
                                <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Fire Someone Today</h5>
                                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">The book contains the practical wisdom I learned from long lunches with other entrepreneurs and from making lots of mistakes of my own. It is about making the right decisions in good times and bad and it is full of practical examples from real businesses. If you took me to lunch to talk about a business issue, this is the advice you would get.</p>
                            </div>
                        </a><a class="relative flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700" href="https://www.amazon.com/Start-Next-Now-Always-Wanted-ebook/dp/B015WSXU4C" target="_blank">
                            <div class="absolute right-0 bottom-0 p-4">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 16 16" width="1em">
                                    <path d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" fill-rule="evenodd"></path>
                                    <path d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" fill-rule="evenodd"></path>
                                </svg>
                            </div>
                            <img alt="Start Next Now" class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://ucarecdn.com/1638686b-f655-4527-93d5-22620491032f/-/preview/-/quality/smart/-/format/auto/" xmlns="">
                            <div class="flex flex-col justify-between p-4 leading-normal">
                                <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Start Next Now</h5>
                                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">You have permission to do something incredible. This fast-paced book provides you with an actual plan to start achieving your goal before you even finish reading. It's time to start next now.</p>
                            </div>
                        </a><a class="relative flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700" href="https://medium.com/@bobpritchett/on-living-through-a-pandemic-5c6ea0d2ec06" target="_blank">
                            <div class="absolute right-0 bottom-0 p-4">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 16 16" width="1em">
                                    <path d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" fill-rule="evenodd"></path>
                                    <path d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" fill-rule="evenodd"></path>
                                </svg>
                            </div>
                            <img alt="Wanda" class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://ucarecdn.com/5dee3edb-e80b-4f77-a357-bce5a5778cd8/-/scale_crop/1000x1000/smart/" xmlns="">
                            <div class="flex flex-col justify-between p-4 leading-normal">
                                <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">On living through a pandemic&hellip;</h5>
                                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">A true story about a little girl born in 1912.</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </main>
        <script>((STORAGE_KEY, restoreKey) => {
    if (!window.history.state || !window.history.state.key) {
      let key = Math.random().toString(32).slice(2);
      window.history.replaceState({
        key
      }, "");
    }
    try {
      let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY) || "{}");
      let storedY = positions[restoreKey || window.history.state.key];
      if (typeof storedY === "number") {
        window.scrollTo(0, storedY);
      }
    } catch (error) {
      console.error(error);
      sessionStorage.removeItem(STORAGE_KEY);
    }
  })("positions", null)</script>
        <link href="/build/entry.client-EM6246JO.js" rel="modulepreload">
        <link href="/build/_shared/chunk-NUYKDIEI.js" rel="modulepreload">
        <link href="/build/_shared/chunk-VSM445TO.js" rel="modulepreload">
        <link href="/build/_shared/chunk-CWLPL4LR.js" rel="modulepreload">
        <link href="/build/_shared/chunk-HFVUDAC3.js" rel="modulepreload">
        <link href="/build/_shared/chunk-5VLV4UZE.js" rel="modulepreload">
        <link href="/build/_shared/chunk-UNYUWNF4.js" rel="modulepreload">
        <link href="/build/_shared/chunk-EFR5OVZ4.js" rel="modulepreload">
        <link href="/build/_shared/chunk-VBVMKBUJ.js" rel="modulepreload">
        <link href="/build/root-BKAGED2U.js" rel="modulepreload">
        <link href="/build/_shared/chunk-PT4MBHL5.js" rel="modulepreload">
        <link href="/build/_shared/chunk-JZX66WZW.js" rel="modulepreload">
        <link href="/build/routes/index-ES65QCUU.js" rel="modulepreload">
        <script>window.__remixContext = {"url":"/","state":{"loaderData":{"root":{"user":null},"routes/index":null},"actionData":null,"errors":null},"future":{"v2_dev":false,"unstable_postcss":false,"unstable_tailwind":false,"v2_errorBoundary":false,"v2_headers":false,"v2_meta":true,"v2_normalizeFormMethod":false,"v2_routeConvention":false}};</script><script async="" type="module">import "/build/manifest-245AA2C0.js";
import * as route0 from "/build/root-BKAGED2U.js";
import * as route1 from "/build/routes/index-ES65QCUU.js";
window.__remixRouteModules = {"root":route0,"routes/index":route1};

import("/build/entry.client-EM6246JO.js");</script>
    </body>
</html>
