zachery.lol/routes/contact/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contact</title>
    <style>
      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      body {
        font-family: system-ui, -apple-system, sans-serif;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #060a10;
      }

      #fractal-canvas {
        image-rendering: auto;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
      }

      .content-overlay {
        position: relative;
        z-index: 1;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .glass-card {
        background: rgba(10, 14, 20, 0.55);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        padding: 2.5rem 3rem;
        text-align: center;
        min-width: 250px;
      }

      .glass-card h2 {
        color: #fff;
        margin: 0 0 1.5rem 0;
        font-weight: 300;
        font-family: system-ui, -apple-system, sans-serif;
        font-size: 1.6rem;
        letter-spacing: 0.01em;
      }

      .contact-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .contact-list li {
        margin: 0.75rem 0;
      }

      .contact-list li a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.75);
        padding: 0.6rem 1.5rem;
        display: inline-block;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        font-size: 0.85rem;
        font-weight: 400;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        transition: all 250ms ease;
      }

      .contact-list li a:hover {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.2);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      }

      .back-link {
        margin-top: 2rem;
      }

      .back-link a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.4);
        font-size: 0.8rem;
        letter-spacing: 0.04em;
        transition: color 250ms ease;
      }

      .back-link a:hover {
        color: rgba(255, 255, 255, 0.7);
      }

      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(12px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
    </style>
    <link rel="preload" href="/routes/root/dist-strips.bin?v=1" as="fetch" crossorigin />
    <script defer src="/routes/root/fractal-gl.js?v=13"></script>
  </head>
  <body>
    <canvas id="fractal-canvas"></canvas>

    <div class="content-overlay">
      <div class="glass-card">
        <h2>Contact</h2>
        <ul class="contact-list">
          <li><a href="mailto:">Email me</a></li>
          <li><a href="/contact/message">Direct message</a></li>
        </ul>
      </div>

      <nav class="back-link">
        <a href="/">back to home</a>
      </nav>
    </div>

    <!-- fractal background loaded via deferred <script> in <head> -->

  </body>
</html>
init 2025-11-17 22:21:49 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`<title>Contact</title>`
init 2025-11-17 22:21:49 +00:00			`<style>`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`*,`
			`*::before,`
			`*::after {`
			`box-sizing: border-box;`
			`}`

init 2025-11-17 22:21:49 +00:00			`body {`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`font-family: system-ui, -apple-system, sans-serif;`
init 2025-11-17 22:21:49 +00:00			`margin: 0;`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`padding: 0;`
			`overflow: hidden;`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`background: #060a10;`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`}`

			`#fractal-canvas {`
feat: webgl fractal refactor, page updates Rework routes/root/fractal-gl.js for animated WebGL fractal rendering and refresh contact, who, root, and message page markup. Add new root/dist.png asset. Authored by Claude, lovingly guided by Zachery Aaron Shores-Chmielewski 2026-05-21 11:13:36 +00:00			`image-rendering: auto;`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`position: fixed;`
			`top: 0;`
			`left: 0;`
			`width: 100%;`
			`height: 100%;`
			`z-index: 0;`
init 2025-11-17 22:21:49 +00:00			`}`

feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`.content-overlay {`
			`position: relative;`
			`z-index: 1;`
			`min-height: 100vh;`
			`display: flex;`
			`flex-direction: column;`
			`align-items: center;`
			`justify-content: center;`
init 2025-11-17 22:21:49 +00:00			`}`

fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`.glass-card {`
			`background: rgba(10, 14, 20, 0.55);`
			`backdrop-filter: blur(16px);`
			`-webkit-backdrop-filter: blur(16px);`
			`border: 1px solid rgba(255, 255, 255, 0.08);`
			`border-radius: 16px;`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`padding: 2.5rem 3rem;`
init 2025-11-17 22:21:49 +00:00			`text-align: center;`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`min-width: 250px;`
init 2025-11-17 22:21:49 +00:00			`}`

fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`.glass-card h2 {`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`color: #fff;`
			`margin: 0 0 1.5rem 0;`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`font-weight: 300;`
			`font-family: system-ui, -apple-system, sans-serif;`
			`font-size: 1.6rem;`
			`letter-spacing: 0.01em;`
init 2025-11-17 22:21:49 +00:00			`}`

feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`.contact-list {`
			`list-style: none;`
			`padding: 0;`
			`margin: 0;`
init 2025-11-17 22:21:49 +00:00			`}`

feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`.contact-list li {`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`margin: 0.75rem 0;`
init 2025-11-17 22:21:49 +00:00			`}`

feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`.contact-list li a {`
			`text-decoration: none;`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`color: rgba(255, 255, 255, 0.75);`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`padding: 0.6rem 1.5rem;`
			`display: inline-block;`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`border: 1px solid rgba(255, 255, 255, 0.08);`
			`border-radius: 8px;`
			`font-size: 0.85rem;`
			`font-weight: 400;`
			`letter-spacing: 0.06em;`
			`text-transform: uppercase;`
			`transition: all 250ms ease;`
init 2025-11-17 22:21:49 +00:00			`}`

feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`.contact-list li a:hover {`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`color: #fff;`
			`border-color: rgba(255, 255, 255, 0.2);`
			`transform: translateY(-1px);`
			`box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);`
init 2025-11-17 22:21:49 +00:00			`}`

fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`.back-link {`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`margin-top: 2rem;`
init 2025-11-17 22:21:49 +00:00			`}`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`.back-link a {`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`text-decoration: none;`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`color: rgba(255, 255, 255, 0.4);`
			`font-size: 0.8rem;`
			`letter-spacing: 0.04em;`
			`transition: color 250ms ease;`
			`}`

			`.back-link a:hover {`
			`color: rgba(255, 255, 255, 0.7);`
init 2025-11-17 22:21:49 +00:00			`}`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`@keyframes fadeInUp {`
			`from {`
			`opacity: 0;`
			`transform: translateY(12px);`
			`}`
			`to {`
			`opacity: 1;`
			`transform: translateY(0);`
			`}`
init 2025-11-17 22:21:49 +00:00			`}`
			`</style>`
Account for remaining site changes 2026-07-24 08:51:40 +00:00			`<link rel="preload" href="/routes/root/dist-strips.bin?v=1" as="fetch" crossorigin />`
Smooth fractal background animation 2026-07-24 09:06:42 +00:00			`<script defer src="/routes/root/fractal-gl.js?v=13"></script>`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`</head>`
			`<body>`
			`<canvas id="fractal-canvas"></canvas>`

			`<div class="content-overlay">`
fix: fractal animation on webgl, targeted builds Fractal animation (Newton's fractal) now animates smoothly. Rebuilds now can be targeted based on which module was changed. 2026-02-15 05:39:10 +00:00			`<div class="glass-card">`
feat: better page layout, contact page (#2) Move the message box and such around, fix the contact page 2026-02-06 16:55:15 +00:00			`<h2>Contact</h2>`
			`<ul class="contact-list">`
			`<li><a href="mailto:">Email me</a></li>`
			`<li><a href="/contact/message">Direct message</a></li>`
			`</ul>`
			`</div>`

			`<nav class="back-link">`
			`<a href="/">back to home</a>`
			`</nav>`
			`</div>`

Account for remaining site changes 2026-07-24 08:51:40 +00:00			`<!-- fractal background loaded via deferred <script> in <head> -->`

init 2025-11-17 22:21:49 +00:00			`</body>`
			`</html>`