zachery.lol/routes/root/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Zach's page</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: -1;
      }

      .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;
      }

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

      .nav-links {
        display: flex;
        gap: 1rem;
        justify-content: center;
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .nav-links a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.75);
        padding: 0.5rem 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;
      }

      .nav-links 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);
      }

      @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=12"></script>
  </head>
  <body>
    <canvas id="fractal-canvas"></canvas>

    <div class="content-overlay">
      <div class="glass-card">
        <header>
          <h2>Zachery Aaron Shores-Chmielewski</h2>
        </header>

        <nav>
          <div class="nav-links">
            <a href="./about">About</a>
            <a href="./projects">Projects</a>
            <a href="./contact">Contact</a>
          </div>
        </nav>
      </div>
    </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" />`
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			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
init 2025-11-17 22:21:49 +00:00			`<title>Zach's page</title>`
			`<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;`
feat: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +00:00			`margin: 0;`
			`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: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +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: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +00:00			`position: fixed;`
			`top: 0;`
			`left: 0;`
			`width: 100%;`
			`height: 100%;`
			`z-index: -1;`
init 2025-11-17 22:21:49 +00:00			`}`
feat: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +00:00
			`.content-overlay {`
			`position: relative;`
			`z-index: 1;`
			`min-height: 100vh;`
			`display: flex;`
			`flex-direction: column;`
			`align-items: center;`
			`justify-content: center;`
			`}`

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;`
			`padding: 2.5rem 3rem;`
init 2025-11-17 22:21:49 +00:00			`text-align: center;`
			`}`

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			`header h2 {`
			`font-weight: 300;`
			`font-family: system-ui, -apple-system, sans-serif;`
init 2025-11-17 22:21:49 +00:00			`text-align: center;`
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;`
			`margin: 0 0 1.5rem 0;`
			`font-size: 1.6rem;`
			`letter-spacing: 0.01em;`
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			`.nav-links {`
			`display: flex;`
			`gap: 1rem;`
			`justify-content: center;`
			`list-style: none;`
			`padding: 0;`
			`margin: 0;`
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			`.nav-links a {`
init 2025-11-17 22:21:49 +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.75);`
			`padding: 0.5rem 1.5rem;`
init 2025-11-17 22:21:49 +00:00			`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;`
feat: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +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			`.nav-links 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);`
			`}`

			`@keyframes fadeInUp {`
			`from {`
			`opacity: 0;`
			`transform: translateY(12px);`
			`}`
			`to {`
			`opacity: 1;`
			`transform: translateY(0);`
			`}`
init 2025-11-17 22:21:49 +00:00			`}`
			`</style>`
Flesh out about and projects pages Authored by Claude, lovingly guided by Zachery Aaron Shores-Chmielewski 2026-07-24 08:45:02 +00:00			`<link rel="preload" href="/routes/root/dist-strips.bin?v=1" as="fetch" crossorigin />`
			`<script defer src="/routes/root/fractal-gl.js?v=12"></script>`
init 2025-11-17 22:21:49 +00:00			`</head>`
			`<body>`
feat: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +00:00			`<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">`
			`<header>`
			`<h2>Zachery Aaron Shores-Chmielewski</h2>`
			`</header>`
feat: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +00:00
			`<nav>`
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="nav-links">`
Flesh out about and projects pages Authored by Claude, lovingly guided by Zachery Aaron Shores-Chmielewski 2026-07-24 08:45:02 +00:00			`<a href="./about">About</a>`
			`<a href="./projects">Projects</a>`
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			`<a href="./contact">Contact</a>`
			`</div>`
feat: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +00:00			`</nav>`
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>`
feat: main page background Render newtons fractal in the background of the main page 2026-02-06 04:48:46 +00:00			`</div>`

Flesh out about and projects pages Authored by Claude, lovingly guided by Zachery Aaron Shores-Chmielewski 2026-07-24 08:45:02 +00:00			`<!-- fractal background loaded via deferred <script> in <head> -->`

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