<!doctype html>
<html lang="en">
  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <meta name="description" content="Falicon Games - Indie game development, code projects, and creative ventures by Kevin Marshall.">
    <meta name="keywords" content="indie games, game development, Kevin Marshall, Falicon, code, tech">
    <meta name="robots" content="index, follow">

    <!-- Icons -->
    <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">

    <!-- Canonical and OpenGraph URLS -->
    <link rel="canonical" href="https://www.falicongames.com/">
    <meta property="og:url" content="https://www.falicongames.com/" />

    <!-- OpenGraph Config -->
    <meta property="og:title" content="Falicon Games" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:description" content="Indie game development, code projects, and creative ventures by Kevin Marshall." />
    <meta property="og:site_name" content="Falicon Games" />
    <meta property="og:image" content="https://www.falicongames.com/images/falicon.png" />

    <!-- Twitter card config -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="twitter:image" content="https://www.falicongames.com/images/falicon.png" />
    <meta property="twitter:title" content="Falicon Games" />
    <meta name="twitter:site" content="@falicon" />

    <title>Falicon Games</title>

    <link rel="icon" href="/images/favicon.ico" />
    <link rel="stylesheet" href="/css/main.dist.css" type="text/css" />
    
  </head>
  <body class="flex h-full bg-zinc-50">
    <div class="flex w-full">

      <div class="fixed inset-0 flex justify-center sm:px-8">
        <div class="flex w-full max-w-7xl lg:px-8">
          <div class="w-full bg-white ring-1 ring-zinc-100"></div>
        </div>
      </div>

      <div class="relative flex w-full flex-col">
        <header class="pointer-events-none relative z-50 flex flex-none flex-col" style="height:var(--header-height);margin-bottom:var(--header-mb)">
          <div class="order-last mt-[calc(--spacing(16)-(--spacing(3)))]"></div>
          <div class="top-0 z-10 h-16 pt-6" style="position:var(--header-position)">
            <div class="sm:px-8 top-(--header-top,--spacing(6)) w-full">
              <div class="mx-auto w-full max-w-7xl lg:px-8">
                <div class="relative px-4 sm:px-8 lg:px-12">
                  <div class="mx-auto max-w-2xl lg:max-w-5xl">
                    <div class="relative flex gap-4">
                      <div class="">
                        <div class="sm:px-8 top-0 order-last -mb-3 pt-3">
                          <div class="mx-auto max-w-2xl lg:max-w-5xl">
                            <a aria-label="Home" class="block h-16 w-16 origin-left pointer-events-auto " style="transform:var(--avatar-image-transform)" href="/">
                              <img alt="Falicon" fetchPriority="high" decoding="async" class="rounded-md bg-zinc-100 object-cover -rotate-[0.140rad]" style="color:transparent" sizes="4rem" src="/images/falicon.png" />
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="flex flex-1 justify-end md:justify-center">
                        <div class="pointer-events-auto md:hidden" data-headlessui-state="">
                          <nav class="pointer-events-auto">
                            <ul class="flex bg-white/90 px-3 text-xs font-medium text-zinc-800">
                              <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/code">Code</a></li>
                              <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/companies">Companies</a></li>
                              <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/games">Games</a></li>
                              
                                <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/sign/in">Insiders</a></li>
                              
                              <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/other">Other</a></li>
                            </ul>
                          </nav>
                        </div>
                        <!-- <div hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></div> -->
                        <nav class="pointer-events-auto hidden md:block">
                          <ul class="flex bg-white/90 px-3 text-xs font-medium text-zinc-800">
                            <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/code">Code &amp; Tech</a></li>
                            <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/companies">Companies</a></li>
                            <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/games">Games</a></li>
                            
                              <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/sign/in">Insiders</a></li>
                            
                            <li><a class="relative block px-3 py-2 transition hover:text-teal-500" href="/other">Everything Else</a></li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </header>

        <div class="flex-none" style="height:var(--content-offset)"></div>

        <main class="flex-auto">
          

<div class="sm:px-8 mt-24 md:mt-28">
  <div class="mx-auto w-full max-w-7xl lg:px-8">
    <div class="relative px-4 sm:px-8 lg:px-12">
      <div class="mx-auto max-w-2xl lg:max-w-5xl">
        <div class="mx-auto grid max-w-xl grid-cols-1 gap-y-20 lg:max-w-none lg:grid-cols-2">

          <!-- HEADER BLURB -->
          <div class="flex flex-col gap-8">
            <h1 class="text-4xl font-bold tracking-tight text-zinc-800 sm:text-5xl">Hi, I'm Falicon. I build stuff.</h1>
            <p class="mt-6 text-base text-zinc-600">My real name is Kevin Marshall and I'm a husband, dad, <a href="/companies" class="underline">startup geek</a>, <a href="/code" class="underline">software developer</a>, <a href="/other" class="underline">youth sports coach</a>, sometimes early stage investor, and <a href="/games" class="underline">all-the-time gamer</a>.</p>
            <p class="text-base text-zinc-600">I like building, learning, &amp; creating things so I'm almost always involved in multiple things at once. I put this site together to serve as a bit of mashup of those various interests, projects, and whatever my latest distractions might be.</p>
            <p class="text-base text-zinc-600">I hope you'll find at least a nugget or two of something useful &amp; interesting here. And, as always, if you've got questions or just want to chat about something please email me at <span class="font-bold">kevin at falicon.com</span> any time!</p>
            <div class="mt-6 flex gap-6">
              <a class="group -m-1 p-1" aria-label="Follow on X" href="https://twitter.com/falicon" target="_blank">
                <svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600">
                  <path d="M13.3174 10.7749L19.1457 4H17.7646L12.7039 9.88256L8.66193 4H4L10.1122 12.8955L4 20H5.38119L10.7254 13.7878L14.994 20H19.656L13.3171 10.7749H13.3174ZM11.4257 12.9738L10.8064 12.0881L5.87886 5.03974H8.00029L11.9769 10.728L12.5962 11.6137L17.7652 19.0075H15.6438L11.4257 12.9742V12.9738Z"></path>
                </svg>
              </a>
              <a class="group -m-1 p-1" aria-label="Follow on Instagram" href="https://instagram.com/falicon33" target="_blank">
                <svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600">
                  <path d="M12 3c-2.444 0-2.75.01-3.71.054-.959.044-1.613.196-2.185.418A4.412 4.412 0 0 0 4.51 4.511c-.5.5-.809 1.002-1.039 1.594-.222.572-.374 1.226-.418 2.184C3.01 9.25 3 9.556 3 12s.01 2.75.054 3.71c.044.959.196 1.613.418 2.185.23.592.538 1.094 1.039 1.595.5.5 1.002.808 1.594 1.038.572.222 1.226.374 2.184.418C9.25 20.99 9.556 21 12 21s2.75-.01 3.71-.054c.959-.044 1.613-.196 2.185-.419a4.412 4.412 0 0 0 1.595-1.038c.5-.5.808-1.002 1.038-1.594.222-.572.374-1.226.418-2.184.044-.96.054-1.267.054-3.711s-.01-2.75-.054-3.71c-.044-.959-.196-1.613-.419-2.185A4.412 4.412 0 0 0 19.49 4.51c-.5-.5-1.002-.809-1.594-1.039-.572-.222-1.226-.374-2.184-.418C14.75 3.01 14.444 3 12 3Zm0 1.622c2.403 0 2.688.009 3.637.052.877.04 1.354.187 1.67.31.421.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.671.043.95.052 1.234.052 3.637s-.009 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.421-.358.72-.673 1.036a2.79 2.79 0 0 1-1.035.673c-.317.123-.794.27-1.671.31-.95.043-1.234.052-3.637.052s-2.688-.009-3.637-.052c-.877-.04-1.354-.187-1.67-.31a2.789 2.789 0 0 1-1.036-.673 2.79 2.79 0 0 1-.673-1.035c-.123-.317-.27-.794-.31-1.671-.043-.95-.052-1.234-.052-3.637s.009-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.421.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.671-.31.95-.043 1.234-.052 3.637-.052Z"></path>
                  <path d="M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm0-7.622a4.622 4.622 0 1 0 0 9.244 4.622 4.622 0 0 0 0-9.244Zm5.884-.182a1.08 1.08 0 1 1-2.16 0 1.08 1.08 0 0 1 2.16 0Z"></path>
                </svg>
              </a>
              <a class="group -m-1 p-1" aria-label="Follow on GitHub" href="https://github.com/falicon" target="_blank">
                <svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.475 2 2 6.588 2 12.253c0 4.537 2.862 8.369 6.838 9.727.5.09.687-.218.687-.487 0-.243-.013-1.05-.013-1.91C7 20.059 6.35 18.957 6.15 18.38c-.113-.295-.6-1.205-1.025-1.448-.35-.192-.85-.667-.013-.68.788-.012 1.35.744 1.538 1.051.9 1.551 2.338 1.116 2.912.846.088-.666.35-1.115.638-1.371-2.225-.256-4.55-1.14-4.55-5.062 0-1.115.387-2.038 1.025-2.756-.1-.256-.45-1.307.1-2.717 0 0 .837-.269 2.75 1.051.8-.23 1.65-.346 2.5-.346.85 0 1.7.115 2.5.346 1.912-1.333 2.75-1.05 2.75-1.05.55 1.409.2 2.46.1 2.716.637.718 1.025 1.628 1.025 2.756 0 3.934-2.337 4.806-4.562 5.062.362.32.675.936.675 1.897 0 1.371-.013 2.473-.013 2.82 0 .268.188.589.688.486a10.039 10.039 0 0 0 4.932-3.74A10.447 10.447 0 0 0 22 12.253C22 6.588 17.525 2 12 2Z"></path>
                </svg>
              </a>
              <a class="group -m-1 p-1" aria-label="Follow on LinkedIn" href="https://linkedin.com/in/falicon" target="_blank">
                <svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600">
                  <path d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715zM7.003 8.575a1.546 1.546 0 01-1.548-1.549 1.548 1.548 0 111.547 1.549zm1.336 9.764H5.666V9.75H8.34v8.589zM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.003z"></path>
                </svg>
              </a>
            </div>
          </div>

          <!-- JOIN MY MAILING LIST -->
          <div class="space-y-10 lg:pl-16 xl:pl-24">
            <form class="rounded-2xl border border-green-300 p-6" id="mailing_list">
              <h2 class="flex text-sm font-semibold text-zinc-900 items-center">
                <svg viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-6 w-6 flex-none">
                  <path d="M2.75 7.75a3 3 0 0 1 3-3h12.5a3 3 0 0 1 3 3v8.5a3 3 0 0 1-3 3H5.75a3 3 0 0 1-3-3v-8.5Z" class="fill-zinc-100 stroke-zinc-400"></path>
                  <path d="m4 6 6.024 5.479a2.915 2.915 0 0 0 3.952 0L20 6" class="stroke-zinc-400"></path>
                </svg>
                <span class="ml-3">Stay up to date</span>
              </h2>
              <p class="mt-2 text-sm text-zinc-600">Get notified when I have something new and exciting to share with you.</p>
              <div class="mt-6 flex">
                <input type="email" id="email" placeholder="Email address" aria-label="Email address" required="" class="min-w-0 flex-auto appearance-none rounded-md border border-zinc-900/10 bg-white px-3 py-[calc(--spacing(2)-1px)] shadow-md shadow-zinc-800/5 placeholder:text-zinc-400 focus:border-teal-500 focus:ring-4 focus:ring-teal-500/10 focus:outline-hidden sm:text-sm"/>
                <button onclick="return join_mailing_list()" class="inline-flex items-center gap-2 justify-center rounded-md py-2 px-3 text-sm outline-offset-2 transition active:transition-none bg-zinc-800 font-semibold text-zinc-100 hover:bg-zinc-700 active:bg-zinc-800 active:text-zinc-100/70 ml-4 flex-none">Join</button>
              </div>
            </form>

            <!-- WATCH STUFF -->
            <div class="rounded-2xl border border-purple-300 p-6">
              <h2 class="flex text-sm font-semibold text-zinc-900 items-center">
                <svg class="h-6 w-6 flex-none text-zinc-600" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                  <g id="SVGRepo_iconCarrier">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.96338L5.75926 0.349182L4.24074 1.65076L6.25437 4H1V15H15V4H9.74563L11.7593 1.65076L10.2407 0.349182L8 2.96338ZM11 6H3V13H11V6Z" ></path>
                  </g>
                </svg>
                <span class="ml-3">Follow my stream</span>
              </h2>
              <p class="">I randomly live streaming tech and gaming sessions &mdash; so if you're into that sort of thing, I would love to have you <a href="https://twitch.tv/falicon33" class="underline">check it out and follow my channel</a>.</p>
              <div class="flex gap-4 mt-2 justify-end">
                <a href="https://twitch.tv" class="">
                  <svg class="h-6 w-6 flex-none text-zinc-600" fill="currentColor" viewBox="0 0 48 48" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg">
                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                    <g id="SVGRepo_iconCarrier">
                      <path class="cls-1" d="M31.16,12.16v8.19h2.47V12.16Zm-7.75,0v8.19H26V12.16ZM14.11,4.5,7.23,11.34l0,25.12h8.3l0,7,7.06-7H28.2L40.77,24V4.5Zm1.42,2.89H38v15.2L32.55,28H26.94l-5.12,5.13V28H15.53Z"></path>
                    </g>
                  </svg>
                </a>
                <a href="https://www.youtube.com/@falicon33" class="">
                  <svg class="h-6 w-6 flex-none text-zinc-600" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                    <g id="SVGRepo_iconCarrier">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.49614 7.13176C9.18664 6.9549 8.80639 6.95617 8.49807 7.13509C8.18976 7.31401 8 7.64353 8 8V16C8 16.3565 8.18976 16.686 8.49807 16.8649C8.80639 17.0438 9.18664 17.0451 9.49614 16.8682L16.4961 12.8682C16.8077 12.6902 17 12.3589 17 12C17 11.6411 16.8077 11.3098 16.4961 11.1318L9.49614 7.13176ZM13.9844 12L10 14.2768V9.72318L13.9844 12Z"></path>
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12C0 8.25027 0 6.3754 0.954915 5.06107C1.26331 4.6366 1.6366 4.26331 2.06107 3.95491C3.3754 3 5.25027 3 9 3H15C18.7497 3 20.6246 3 21.9389 3.95491C22.3634 4.26331 22.7367 4.6366 23.0451 5.06107C24 6.3754 24 8.25027 24 12C24 15.7497 24 17.6246 23.0451 18.9389C22.7367 19.3634 22.3634 19.7367 21.9389 20.0451C20.6246 21 18.7497 21 15 21H9C5.25027 21 3.3754 21 2.06107 20.0451C1.6366 19.7367 1.26331 19.3634 0.954915 18.9389C0 17.6246 0 15.7497 0 12ZM9 5H15C16.9194 5 18.1983 5.00275 19.1673 5.10773C20.0989 5.20866 20.504 5.38448 20.7634 5.57295C21.018 5.75799 21.242 5.98196 21.4271 6.23664C21.6155 6.49605 21.7913 6.90113 21.8923 7.83269C21.9973 8.80167 22 10.0806 22 12C22 13.9194 21.9973 15.1983 21.8923 16.1673C21.7913 17.0989 21.6155 17.504 21.4271 17.7634C21.242 18.018 21.018 18.242 20.7634 18.4271C20.504 18.6155 20.0989 18.7913 19.1673 18.8923C18.1983 18.9973 16.9194 19 15 19H9C7.08058 19 5.80167 18.9973 4.83269 18.8923C3.90113 18.7913 3.49605 18.6155 3.23664 18.4271C2.98196 18.242 2.75799 18.018 2.57295 17.7634C2.38448 17.504 2.20866 17.0989 2.10773 16.1673C2.00275 15.1983 2 13.9194 2 12C2 10.0806 2.00275 8.80167 2.10773 7.83269C2.20866 6.90113 2.38448 6.49605 2.57295 6.23664C2.75799 5.98196 2.98196 5.75799 3.23664 5.57295C3.49605 5.38448 3.90113 5.20866 4.83269 5.10773C5.80167 5.00275 7.08058 5 9 5Z" ></path>
                    </g>
                  </svg>
                </a>
              </div>
            </div>

            <!-- BUY STUFF -->
            <div class="rounded-2xl border border-yellow-300 p-6">
              <h2 class="flex text-sm font-semibold text-zinc-900 items-center">
                <svg class="h-6 w-6 flex-none text-zinc-600" fill="currentColor" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 490.2 490.2" xml:space="preserve">
                  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                  <g id="SVGRepo_iconCarrier">
                    <g>
                      <g>
                        <path d="M368.4,245.1c0,12.9-10.5,23.4-23.4,23.4s-23.4-10.5-23.4-23.4s10.5-23.4,23.4-23.4S368.4,232.2,368.4,245.1z M76.1,245.1 c0,12.9,10.5,23.4,23.4,23.4s23.4-10.5,23.4-23.4s-10.5-23.4-23.4-23.4S76.1,232.2,76.1,245.1z M38.5,382.7h268v-32.9H78.1 c0.4-2.3,0.7-4.7,0.7-7.2c0-21.5-17.5-39-39-39c-2.3,0-4.6,0.2-6.8,0.6V185.9c2.2,0.4,4.5,0.6,6.8,0.6c21.5,0,39-17.5,39-39 c0-2.5-0.2-4.8-0.7-7.2h286.1c-0.8,3-1.2,6.2-1.2,9.5c0,21.5,17.5,39,39,39c3.3,0,6.6-0.4,9.6-1.2v79.9h32.9V146 c0-21.2-17.3-38.5-38.5-38.5H38.5C17.3,107.5,0,124.8,0,146v198.2C0,365.4,17.3,382.7,38.5,382.7z M321.6,355.1 c-2.7,0-4.9,2.2-4.9,4.9v17.8c0,2.7,2.2,4.9,4.9,4.9h118c2.7,0,4.9-2.2,4.9-4.9V360c0-2.7-2.2-4.9-4.9-4.9H321.6z M467.4,339.1 v-17.8c0-2.7-2.2-4.9-4.9-4.9h-118c-2.7,0-4.9,2.2-4.9,4.9v17.8c0,2.7,2.2,4.9,4.9,4.9h118C465.2,344,467.4,341.8,467.4,339.1z M485.3,277.7h-118c-2.7,0-4.9,2.2-4.9,4.9v17.8c0,2.7,2.2,4.9,4.9,4.9h118c2.7,0,4.9-2.2,4.9-4.9v-17.8 C490.2,279.9,488,277.7,485.3,277.7z M222.3,160.7c46.6,0,84.4,37.8,84.4,84.4s-37.8,84.4-84.4,84.4s-84.4-37.8-84.4-84.4 S175.6,160.7,222.3,160.7z M229.7,182.4h-9.6c-1.5,0-2.6,1.2-2.6,2.6v11.5c-7.3,1.1-13.3,3.7-17.8,8.1c-5,4.8-7.5,10.9-7.5,18.4 c0,8.2,2.4,14.5,7.1,18.7c4.7,4.2,12.3,8.4,22.6,12.6c4.3,1.8,7.2,3.7,8.9,5.6c1.7,1.9,2.5,4.6,2.5,8.1c0,3-0.8,5.4-2.4,7.3 c-1.6,1.8-4,2.8-7.2,2.8c-3.8,0-6.9-1.2-9.2-3.6c-1.9-2-3.1-5-3.4-9c-0.1-1.6-1.5-2.8-3.1-2.7l-15.8,0.3c-1.7,0-3.1,1.5-3.1,3.2 c0.4,8.4,3.1,14.8,8.1,19.4c5.4,4.9,12.2,7.9,20.3,8.8v10.8c0,1.5,1.2,2.6,2.6,2.6h9.6c1.5,0,2.6-1.2,2.6-2.6v-11.2 c6.5-1.2,11.8-3.8,15.9-7.7c4.8-4.7,7.2-10.8,7.2-18.5c0-8-2.4-14.2-7.2-18.6c-4.8-4.3-12.3-8.7-22.5-13c-4.4-1.9-7.4-3.8-9-5.7 s-2.4-4.4-2.4-7.4s0.7-5.4,2.2-7.4c1.5-1.9,3.8-2.9,6.9-2.9c3.1,0,5.5,1.2,7.4,3.5c1.5,1.9,2.4,4.5,2.7,8c0.1,1.6,1.6,2.7,3.1,2.7 l15.8-0.2c1.7,0,3.2-1.5,3.1-3.2c-0.4-6.9-2.6-12.7-6.7-17.4c-4.2-4.9-9.7-8-16.6-9.4V185C232.3,183.5,231.1,182.4,229.7,182.4z"></path>
                      </g>
                    </g>
                  </g>
                </svg>
                <span class="ml-3">Consider becoming an insider</span>
              </h2>
              <p class="">If you're interested in behind-the-scenes access to everything I have going on including some exclusive games, content, and apps then you should <a href="/sign/up" class="underline">become an insider</a>.</p>
            </div>

          </div>

        </div>
      </div>
    </div>
  </div>
</div>

<div class="mt-16 sm:mt-20">
  <div class="-my-4 flex justify-center gap-5 overflow-hidden py-4 sm:gap-8">
    <div class="relative aspect-9/10 w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 sm:w-72 sm:rounded-2xl rotate-2"><img class="" src="/images/kevin.png" /></div>
    <div class="relative aspect-9/10 w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 sm:w-72 sm:rounded-2xl -rotate-2"><img class="" src="/images/herobrawl.png" /></div>
    <div class="relative aspect-9/10 w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 sm:w-72 sm:rounded-2xl rotate-2"><img class="" src="/images/fubnub.png" /></div>
    <div class="relative aspect-9/10 w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 sm:w-72 sm:rounded-2xl -rotate-2"><img class="" src="/images/slide_tap.png" /></div>
    <div class="relative aspect-9/10 w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 sm:w-72 sm:rounded-2xl rotate-2"><img class="" src="/images/digdownlabs.png" /></div>
  </div>
</div>


        </main>

        <footer class="mt-32 flex-none">
          <div class="sm:px-8">
            <div class="mx-auto w-full max-w-7xl lg:px-8">
              <div class="border-t border-zinc-100 pt-10 pb-16">
                <div class="relative px-4 sm:px-8 lg:px-12">
                  <div class="mx-auto max-w-2xl lg:max-w-5xl">
                    <div class="flex flex-col items-start justify-between gap-6 md:flex-row">
                      <div class="flex flex-wrap justify-center gap-x-6 gap-y-1 text-sm font-medium text-zinc-800">
                        <a class="transition hover:text-teal-500" href="/code">Code &amp; Tech</a>
                        <a class="transition hover:text-teal-500" href="/companies">Companies</a>
                        <a class="transition hover:text-teal-500" href="/games">Games</a>
                        
                          <a class="transition hover:text-teal-500" href="/sign/in">Insiders</a>
                        
                        <a class="transition hover:text-teal-500" href="/other">Everything Else</a>
                      </div>
                      <p class="text-sm text-zinc-400">
                        &copy; <span id="year"></span> Dig Down Labs LLC. All rights reserved.
                        <a href="/unsubscribe" class="text-zinc-400 ml-2">Unsubscribe</a>.
                        
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </footer>

      </div>

    </div>

    <script src="/js/jquery-3.6.4.min.js"></script>
    <script src="/js/flowbite.min.js"></script>
    
<script type="text/javascript">
  /****************************************
  JOIN MAILING LIST
  ****************************************/
  function join_mailing_list() {
    let email = $('#email').val()
    $.post('/join/mailing-list', {'email': email}, function(data) {
      // let the user know they are signed up
      $('#mailing_list').addClass('bg-green-100')
      $('#mailing_list').html('Thank you! Please check your email for a confirmation link to complete the sign up process.')
      // $('#email').val('')
    })

    return false
  }

  $('#mailing_list').submit(function(event) {
    event.preventDefault()
    join_mailing_list()
  })
</script>

    <script type="text/javascript">
      document.getElementById("year").innerHTML = new Date().getFullYear()
    </script>
  </body>
</html>
