<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta content="width=device-width,initial-scale=1" name="viewport">
<title>Patrick Crowley</title>
<meta content="Patrick Crowley designs and builds products. Based in San Diego." name="description">
<link href="https://mokolabs.com/sitemap.xml" rel="canonical">
<meta content="light dark" name="color-scheme">
<meta content="#193cb8" media="(prefers-color-scheme: light)" name="theme-color">
<meta content="#193cb8" media="(prefers-color-scheme: dark)" name="theme-color">
<meta content="Patrick Crowley" property="og:title">
<meta content="Patrick Crowley designs and builds products. Based in San Diego." property="og:description">
<meta content="website" property="og:type">
<meta content="https://mokolabs.com/sitemap.xml" property="og:url">
<meta content="Patrick Crowley" property="og:site_name">
<meta content="https://mokolabs.com/assets/favicons/opengraph-e8cc1d12.png" property="og:image">
<meta content="summary_large_image" name="twitter:card">
<link href="/assets/favicons/icon-dark-849de675.svg" media="(prefers-color-scheme: dark)" rel="icon" type="image/svg+xml">
<link href="/assets/favicons/icon-335d30dd.svg" media="(prefers-color-scheme: light)" rel="icon" type="image/svg+xml">
<link href="/assets/favicons/icon-e73161f5.png" rel="icon" type="image/png">
<link href="/apple-touch-icon.png" rel="apple-touch-icon">

<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="7GHhMQ0OQ6u3tlKuluH1DxdJuuu2awo93LXXc5lZF7MmDpA0Q4tSNZ7YypQrR6O-cPeJnITVSdMKHxZndFlF3g" />

<link rel="preload" href="/assets/newsreader-latin-wght-normal-dd08b472.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/assets/inter-latin-wght-normal-1f021a24.woff2" as="font" type="font/woff2" crossorigin="anonymous">

<link rel="stylesheet" href="/assets/tailwind-e7f0049d.css" />
<script type="importmap" data-turbo-track="reload">{
  "imports": {
    "application": "/assets/application-62396312.js"
  }
}</script>
<link rel="modulepreload" href="/assets/application-62396312.js">
<script type="module">import "application"</script>

</head>
<body class="flex min-h-screen flex-col">
<a class="sr-only focus:not-sr-only focus:fixed focus:top-3 focus:left-3 focus:z-50 focus:bg-ink focus:px-3 focus:py-2 focus:text-bg" href="#main">Skip to content</a>
<header class="sticky top-0 z-40 bg-blue-800 bg-dots text-zinc-200 [&amp;_a:focus-visible]:outline-white" data-menu-header>
<div class="site flex h-14 items-center justify-between gap-4">
<a class="group flex shrink-0 items-center gap-2.5 whitespace-nowrap" aria-label="Patrick Crowley, home" href="/"><img alt="" width="32" height="32" class="hidden size-8 shrink-0 rounded-full object-cover ring-1 ring-white/25 sm:block" src="/assets/me-a31a10d4.jpg" />
<span class="font-display leading-none text-white transition-colors group-hover:text-zinc-200 text-[1.1875rem] tracking-[-0.01em]">Patrick Crowley</span>
</a><nav aria-label="Main">
<button aria-controls="main-menu" aria-expanded="false" aria-label="Menu" class="group -mr-2 grid size-10 place-items-center rounded-full transition-colors hover:text-white sm:hidden" data-menu-toggle hidden type="button">
<svg aria-hidden="true" class="size-5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" viewBox="0 0 20 20">
<path class="group-aria-expanded:hidden" d="M3 5.5h14M3 10h14M3 14.5h14"></path>
<path class="hidden group-aria-expanded:block" d="M5 5l10 10M15 5L5 15"></path>
</svg>
</button>
<ul class="flex items-center font-mono uppercase gap-3.5 text-[0.6875rem] tracking-[0.06em] sm:gap-7 menu-closed:hidden menu-open:absolute menu-open:inset-x-0 menu-open:top-full menu-open:flex-col menu-open:items-stretch menu-open:gap-0 menu-open:border-t menu-open:border-white/10 menu-open:bg-blue-800 menu-open:bg-dots menu-open:px-4 menu-open:pb-3 menu-open:text-[0.8125rem] menu-open:shadow-lg menu-open:[&amp;_a]:block menu-open:[&amp;_a]:py-3.5 menu-open:[&amp;_li+li]:border-t menu-open:[&amp;_li+li]:border-white/10" id="main-menu">
<li><a class="transition-colors hover:text-white hover:underline underline-offset-[6px]" href="/projects">Work</a></li>
<li class="max-[399px]:hidden menu-open:block"><a class="transition-colors hover:text-white hover:underline underline-offset-[6px]" href="/photo">Photo</a></li>
<li><a class="transition-colors hover:text-white hover:underline underline-offset-[6px]" href="/film">Film</a></li>
<li><a class="transition-colors hover:text-white hover:underline underline-offset-[6px]" href="/art">Art</a></li>
<li class="max-[359px]:hidden menu-open:block"><a class="transition-colors hover:text-white hover:underline underline-offset-[6px]" href="/about">About</a></li>
</ul>
</nav>
</div>
</header>

<main class="flex-1" id="main">
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url><loc>https://mokolabs.com/</loc></url>
  <url><loc>https://mokolabs.com/projects</loc></url>
  <url><loc>https://mokolabs.com/projects/lauren-rosenbloom</loc></url>
  <url><loc>https://mokolabs.com/projects/sidewalks-of-south-park</loc></url>
  <url><loc>https://mokolabs.com/projects/artemis-watch</loc></url>
  <url><loc>https://mokolabs.com/projects/tabby</loc></url>
  <url><loc>https://mokolabs.com/projects/services-yml</loc></url>
  <url><loc>https://mokolabs.com/projects/ivy-street</loc></url>
  <url><loc>https://mokolabs.com/projects/scientist</loc></url>
  <url><loc>https://mokolabs.com/projects/graffletopia</loc></url>
  <url><loc>https://mokolabs.com/projects/cinema-treasures</loc></url>
  <url><loc>https://mokolabs.com/projects/chumby</loc></url>
  <url><loc>https://mokolabs.com/projects/868-lorimer</loc></url>
  <url><loc>https://mokolabs.com/projects/the-railsist</loc></url>
  <url><loc>https://mokolabs.com/projects/summer-of-rails</loc></url>
  <url><loc>https://mokolabs.com/projects/eventful</loc></url>
  <url><loc>https://mokolabs.com/projects/galacticaa</loc></url>
  <url><loc>https://mokolabs.com/projects/songwriter-101</loc></url>
  <url><loc>https://mokolabs.com/projects/green-hummer-project</loc></url>
  <url><loc>https://mokolabs.com/projects/icalshare</loc></url>
  <url><loc>https://mokolabs.com/projects/shortbuzz</loc></url>
  <url><loc>https://mokolabs.com/projects/lost-in-america</loc></url>
  <url><loc>https://mokolabs.com/projects/satellite</loc></url>
  <url><loc>https://mokolabs.com/projects/tucker</loc></url>
  <url><loc>https://mokolabs.com/projects/sandiegojs</loc></url>
  <url><loc>https://mokolabs.com/projects/the-daily-patdown</loc></url>
  <url><loc>https://mokolabs.com/projects/bmi</loc></url>
  <url><loc>https://mokolabs.com/timeline</loc></url>
  <url><loc>https://mokolabs.com/talks</loc></url>
  <url><loc>https://mokolabs.com/art</loc></url>
  <url><loc>https://mokolabs.com/about</loc></url>
  <url><loc>https://mokolabs.com/film</loc></url>
  <url><loc>https://mokolabs.com/photo</loc></url>
  <url><loc>https://mokolabs.com/photo/amtrak</loc></url>
  <url><loc>https://mokolabs.com/photo/paris</loc></url>
</urlset>

</main>
<footer class="mt-24 border-t border-line sm:mt-32">
<div class="site flex flex-col gap-4 py-8 sm:flex-row sm:items-center sm:justify-between">
<p class="meta">© 2026 Patrick Crowley</p>
<ul class="meta flex flex-wrap gap-x-6 gap-y-2">
<li><a class="transition-colors hover:text-accent" href="/about">About</a></li>
<li><a class="transition-colors hover:text-accent" href="/talks">Talks</a></li>
<li><a class="transition-colors hover:text-accent" href="/photo">Photography</a></li>
<li><a class="transition-colors hover:text-accent" href="https://github.com/mokolabs">GitHub</a></li>
<li><a class="transition-colors hover:text-accent" href="mailto:patrick@mokolabs.com">Email</a></li>
<li><a class="transition-colors hover:text-accent" href="/Patrick%20Crowley.pdf">Resume</a></li>
</ul>
</div>
</footer>

</body>
</html>
