deploy: cb008d5

henrycatalinismith · Jul 28, 2024 · ef836cf · ef836cf
commit ef836cf
Show file tree

Hide file tree

Showing 29 changed files with 2,078 additions and 0 deletions.
diff --git a/.nojekyll b/.nojekyll
diff --git a/_root/index.html b/_root/index.html
diff --git a/disk2/index.html b/disk2/index.html
diff --git a/images/apple-touch-icon-114x114.png b/images/apple-touch-icon-114x114.png
diff --git a/images/apple-touch-icon-120x120.png b/images/apple-touch-icon-120x120.png
diff --git a/images/apple-touch-icon-144x144.png b/images/apple-touch-icon-144x144.png
diff --git a/images/apple-touch-icon-152x152.png b/images/apple-touch-icon-152x152.png
diff --git a/images/apple-touch-icon-180x180.png b/images/apple-touch-icon-180x180.png
diff --git a/images/apple-touch-icon-57x57.png b/images/apple-touch-icon-57x57.png
diff --git a/images/apple-touch-icon-72x72.png b/images/apple-touch-icon-72x72.png
diff --git a/images/apple-touch-icon-76x76.png b/images/apple-touch-icon-76x76.png
diff --git a/images/icon-1024x1024.png b/images/icon-1024x1024.png
diff --git a/images/icon-144x144.png b/images/icon-144x144.png
diff --git a/images/icon-168x168.png b/images/icon-168x168.png
diff --git a/images/icon-16x16.png b/images/icon-16x16.png
diff --git a/images/icon-192x192.png b/images/icon-192x192.png
diff --git a/images/icon-32x32.png b/images/icon-32x32.png
diff --git a/images/icon-48x48.png b/images/icon-48x48.png
diff --git a/images/icon-72x72.png b/images/icon-72x72.png
diff --git a/images/icon-96x96.png b/images/icon-96x96.png
diff --git a/images/maskable-274x274.png b/images/maskable-274x274.png
diff --git a/images/opengraph.png b/images/opengraph.png
diff --git a/index.html b/index.html
@@ -0,0 +1,173 @@
+<!doctype html>
+<html lang="en" class="h-full antialiased light">
+ <head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="webmention" href="https://webmention.io/henry.catalinismith.com/webmention">
+  <title>Tailbone – Henry Catalini Smith</title>
+  <meta name="description" content="Skateboarding dinosaur game inspired by the Chrome offline page.">
+  <meta name="og:description" content="Skateboarding dinosaur game inspired by the Chrome offline page.">
+  <meta name="og:title" content="Tailbone – Henry Catalini Smith">
+  <meta name="og:image" content="https://henry.catalinismith.com/2018/06/05/">
+  <link rel="alternate" type="application/rss+xml" href="https://henry.catalinismith.com/feed.xml">
+  <link rel="canonical" href="https://henry.catalinismith.com/tailbone/">
+  <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16">
+  <link rel="stylesheet" href="/styles/tailwind.css">
+ </head>
+ <body class="flex h-full bg-zinc-50 dark:bg-black">
+  <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 dark:bg-zinc-900 dark:ring-zinc-300/20"></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="top-0 z-10 h-16 pt-6" style="position:var(--header-position)">
+      <div class="sm:px-8 top-[var(--header-top,theme(spacing.6))] w-full" style="position:var(--header-inner-position)">
+       <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="flex flex-1">
+            <div class="h-10 w-10 rounded-full bg-white/90 p-0.5 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:ring-white/10"><a aria-label="Home" class="pointer-events-auto" href="/"><img alt="" fetchpriority="high" width="374" height="374" decoding="async" data-nimg="1" class="rounded-full bg-zinc-100 object-cover dark:bg-zinc-800 h-9 w-9" sizes="2.25rem" src="/images/avatar.jpg" style="color: transparent;"></a></div>
+           </div>
+           <div class="flex flex-1 justify-end md:justify-center">
+            <div class="pointer-events-auto md:hidden"><button class="group flex items-center rounded-full bg-white/90 px-4 py-2 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10 dark:hover:ring-white/20" type="button" aria-expanded="false">Menu
+<svg viewBox="0 0 8 6" aria-hidden="true" class="ml-3 h-auto w-2 stroke-zinc-500 group-hover:stroke-zinc-700 dark:group-hover:stroke-zinc-400">
+               <path d="M1.75 1.75 4 4.25l2.25-2.5" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg></button>
+             <dialog>
+              <div class="fixed inset-0 z-50 bg-zinc-800/40 backdrop-blur-sm dark:bg-black/80" aria-hidden="true"></div>
+              <div class="fixed inset-x-4 top-8 z-50 origin-top rounded-3xl bg-white p-8 ring-1 ring-zinc-900/5 dark:bg-zinc-900 dark:ring-zinc-800" tabindex="-1">
+               <div class="flex flex-row-reverse items-center justify-between"><button aria-label="Close menu" class="-m-1 p-1" type="button"><svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6 text-zinc-500 dark:text-zinc-300">
+                  <path d="m17.25 6.75-10.5 10.5M6.75 6.75l10.5 10.5" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                 </svg></button>
+                <h2 class="text-sm font-medium text-zinc-600 dark:text-zinc-300">Navigation</h2>
+               </div>
+               <nav class="mt-6">
+                <ul class="-my-2 divide-y divide-zinc-100 text-base text-zinc-800 dark:divide-zinc-100/5 dark:text-zinc-300">
+                 <li><a class="block py-2" href="/about">About</a></li>
+                 <li><a class="block py-2" href="/writing">Writing</a></li>
+                 <li><a class="block py-2" href="/projects">Projects</a></li>
+                 <li><a class="block py-2" href="/gallery">Gallery</a></li>
+                 <li><a class="block py-2" href="/speaking">Speaking</a></li>
+                </ul>
+               </nav>
+              </div>
+             </dialog>
+            </div>
+            <script>
+                          document.addEventListener("DOMContentLoaded", () => {
+                            const menuButton = document.querySelector("button[aria-expanded]");
+                            const closeButton = document.querySelector("button[aria-label='Close menu']");
+                            const dialog = document.querySelector("dialog");
+                            let listener
+
+                            function openMenu() {
+                              menuButton.ariaExpanded = "true";
+                              dialog.showModal();
+                              listener = document.addEventListener("keypress", (event) =>
+                                event.key === "Escape" && closeMenu()
+                              );
+                            }
+
+                            function closeMenu() {
+                              menuButton.ariaExpanded = "false";
+                              dialog.close();
+                              document.removeEventListener("keypress", listener);
+                            }
+
+                            menuButton.addEventListener("click", () => openMenu())
+                            closeButton.addEventListener("click", () => closeMenu())
+                          })
+                        </script>
+            <div 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 rounded-full bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
+              <li><a class="relative block px-3 py-2 transition hover:text-sky-300 hover:underline" href="/about/">About</a></li>
+              <li><a class="relative block px-3 py-2 transition hover:text-sky-300 hover:underline" href="/writing/">Writing</a></li>
+              <li><a class="relative block px-3 py-2 transition hover:text-sky-300 hover:underline" href="/projects/">Projects</a></li>
+              <li><a class="relative block px-3 py-2 transition hover:text-sky-300 hover:underline" href="/gallery/">Gallery</a></li>
+              <li><a class="relative block px-3 py-2 transition hover:text-sky-300 hover:underline" href="/speaking/">Speaking</a></li>
+             </ul>
+            </nav>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </header>
+    <main class="flex-auto">
+     <div class="sm:px-8 mt-16 sm:mt-32">
+      <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="project grid grid-cols-1 gap-y-16 lg:grid-cols-2 lg:grid-rows-[auto_1fr] lg:gap-y-12">
+          <div class="project-head">
+           <header class="flex flex-col">
+            <h1 class="mt-6 text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl" lang="">Tailbone</h1>
+           </header>
+           <div class="text-base text-zinc-600 dark:text-zinc-300 not-prose">Skateboarding dinosaur game inspired by the Chrome offline page.</div>
+          </div>
+          <div class="project-meta lg:pl-20">
+           <div class="lg:max-w-none">
+            <img src="/2018/06/05/[email protected]" alt="" class="w-full object-cover">
+           </div>
+           <dl class="divide-y divide-gray-100">
+            <div class="px-4 py-4">
+             <dt class="text-sm font-medium leading-6 text-gray-900">URL</dt>
+             <dd class="mt-1 text-sm leading-6 text-gray-700"><a href="https://henry.catalinismith.com/tailbone" class="text-sky-600 dark:text-sky-500 underline overflow-hidden whitespace-nowrap text-ellipsis block">henry.catalinismith.com/tailbone</a></dd>
+            </div>
+            <div class="px-4 py-4">
+             <dt class="text-sm font-medium leading-6 text-gray-900">GitHub</dt>
+             <dd class="mt-1 text-sm leading-6 text-gray-700"><a href="https://github.com/henrycatalinismith/tailbone" class="text-sky-600 dark:text-sky-500 underline overflow-hidden whitespace-nowrap text-ellipsis block">github.com/henrycatalinismith/tailbone</a></dd>
+            </div>
+            <div class="px-4 py-4">
+             <dt class="text-sm font-medium leading-6 text-gray-900">Published</dt>
+             <dd class="mt-1 text-sm leading-6 text-gray-700"><time datetime="2018-06-05">June 5, 2018</time></dd>
+            </div>
+           </dl>
+          </div>
+          <div class="project-body">
+           <div class="space-y-7 text-base text-zinc-600 dark:text-zinc-300">
+            <div class="prose mt-8 dark:prose-invert"></div>
+           </div>
+          </div>
+          <div class="project-feed">
+           <div></div>
+          </div>
+         </div>
+        </div>
+       </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 pb-16 pt-10 dark:border-zinc-700/40">
+        <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-center justify-between gap-6 sm:flex-row">
+           <div class="flex flex-wrap justify-center gap-x-6 gap-y-1 text-sm font-medium text-zinc-800 dark:text-zinc-200"><a class="transition hover:text-sky-500 dark:hover:text-sky-400" href="/about">About
+</a><a class="transition hover:text-sky-500 dark:hover:text-sky-400" href="/projects">Projects
+</a><a class="transition hover:text-sky-500 dark:hover:text-sky-400" href="/speaking">Speaking</a></div>
+           <p class="text-sm text-zinc-500 dark:text-zinc-400">
+            ©
+            <!-- -->2024<!-- -->
+            Henry Catalini Smith. All rights reserved.
+           </p>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </footer>
+   </div>
+  </div>
+ </body>
+</html>