Add real husky photos and a compact responsive presentation

README.md

@@ -30,6 +30,8 @@ The organization palette and home badge follow the supplied husky artwork. Dalla
 
 MIT. Vendored package licenses are included in their directories.
 
+Owner-supplied Dallas and Benji photographs are separate from the software license; see [photo notes](assets/huskies/README.md). The homepage uses a compact photo-led introduction, immediate tool navigation, and shared responsive navigation across home, story and workflow pages.
+
 ## Practical v1 integrations
 
 Each tool keeps its playful library and adds an equally visible developer-value panel: measured build summaries, Error cause diagnostics, accountable incident drafts, context redaction plus a runnable Node async-scope example, and report-backed release policies. The browser runs actual pure package APIs. AsyncLocalStorage, file reading, CI report collection and process exit preservation run in Node; examples identify those boundaries. Demo receipt data is labeled sample data, never claimed as real CI evidence.

assets/huskies/README.md

@@ -0,0 +1,7 @@
+# Dallas and Benji
+
+Photographs supplied by the project owner for the DeployAnyway website. Dallas is the red/brown/white husky; Benji is the black/white husky.
+
+Sources: Dallas — IMG_5021.JPG; Benji — IMG_5019.JPG; together — IMG_4269.JPG. WebP versions preserve the photographs, correct display orientation, and omit embedded EXIF/XMP/IPTC metadata. Responsive480/960 pixel sources keep page downloads small. CSS controls how the cards frame them.
+
+The repository's MIT software license does not apply to these photographs.

index.html

@@ -31,7 +31,7 @@
     />
     <meta name="twitter:card" content="summary" />
     <link rel="icon" href="favicon.svg" type="image/svg+xml" />
-    <link rel="stylesheet" href="style-54d303f2.css?v=stable-1.0.3" />
+    <link rel="stylesheet" href="style-54d303f2.css?v=husky-photos-1" />
     <script type="importmap">
       { "imports": { "node:util": "./browser-format.js" } }
     </script>
@@ -40,99 +40,98 @@
     <script type="module" src="value-1.0.0.js?v=stable-1.0.3"></script>
   </head>
   <body>
-    <main>
-      <a
-        class="brand-logo"
-        href="https://deployanyway.github.io/"
-        aria-label="DeployAnyway home"
-        ><img
-          src="assets/deployanyway-husky.png"
-          alt="DeployAnyway husky developer badge"
-          width="220"
-          height="220"
-      /></a>
-      <p class="eyebrow">CURIOSITY, CREATIVITY &amp; A LITTLE MISCHIEF</p>
-      <h1>DeployAnyway.</h1>
-      <p class="manifesto">
-        Software nobody requested, built with questionable priorities, and
-        shipped with absolute confidence!
-      </p>
-      <p>
-        For developers who probably should know better—and still love asking,
-        “What happens if we try this?”
-      </p>
-      <section class="why" aria-labelledby="why-title">
-        <p class="eyebrow">THE SPIRIT BEHIND DEPLOYANYWAY</p>
-        <h2 id="why-title">
-          Two huskies. An unreasonable amount of possibility.
-        </h2>
-        <p>
-          Dallas and Benji are our fun-loving, high-energy huskies. Their spirit
-          is the starting point for DeployAnyway: curiosity about what comes
-          next, enthusiasm for an adventure, and just enough mischief to make
-          the ordinary interesting.
-        </p>
-        <p>
-          Imagine the world through a husky’s eyes. A familiar path still has
-          something worth investigating. A little detour might become the best
-          part of the day. And when excitement turns into zoomies, the joy is
-          wonderfully obvious. Dallas and Benji remind us to bring that same
-          attention and delight to the things we make.
-        </p>
-        <p>
-          Many of us started coding with that feeling: a question, a tiny
-          experiment, the thrill of making something work. Deadlines and long
-          debugging sessions can crowd it out. We want to make room for it
-          again—for passion, for playful ideas, for the wonderfully unnecessary
-          “I wonder if…” that sometimes leads somewhere useful.
-        </p>
-        <p>
-          That’s our purpose. Make useful little things with personality. Give
-          someone a smile during a difficult day. Stay curious enough to learn,
-          and care enough to check what we ship. Bring a little mischief to the
-          idea; bring honesty and evidence to the result.
-        </p>
-        <p>
-          <strong>Keep wondering. Keep making. Leave room for zoomies.</strong>
-        </p>
-        <p>
-          <a href="story/"
-            >Meet Dallas and Benji and the idea behind DeployAnyway →</a
-          >
-        </p>
-      </section>
-      <p>
-        small open-source tools for expressing yourself, debugging, regrouping,
-        logging and deciding what to ship. Choose the one(s) that helps your
-        day.
-      </p>
-      <section class="why" aria-labelledby="purpose-tools-title">
-        <h2 id="purpose-tools-title">
-          A little of that spirit, in your everyday work.
-        </h2>
-        <p>
-          A terminal can have a personality. An error can become a useful next
-          question. A difficult moment can have an honest update. Logs can carry
-          context, and a release can have a reason to feel confident. These are
-          the small places where our tools help—and where a little fun belongs.
-        </p>
+    <a class="skip-link" href="#main-content">Skip to content</a>
+    <header class="site-header">
+      <div class="nav-shell">
+        <a class="site-brand" href="/" aria-label="DeployAnyway home"
+          ><img
+            src="assets/deployanyway-husky.png"
+            alt="DeployAnyway husky developer badge"
+            width="64"
+            height="64"
+          /><span>Deploy<span>Anyway</span></span></a
+        >
+        <nav aria-label="Main navigation">
+          <a href="/#tools">Tools</a><a href="/story/">Our huskies</a
+          ><a href="/launch/">Real workflow</a
+          ><a href="https://github.com/DeployAnyway">GitHub ↗</a>
+        </nav>
+      </div>
+    </header>
+    <main id="main-content">
+      <section class="home-hero" aria-labelledby="home-title">
+        <div class="hero-copy">
+          <p class="eyebrow">CURIOSITY, CREATIVITY &amp; A LITTLE MISCHIEF</p>
+          <h1 id="home-title">DeployAnyway<span class="cyan">.</span></h1>
+          <p class="manifesto">
+            Software nobody requested, built with questionable priorities, and
+            shipped with absolute confidence!
+          </p>
+          <p>
+            Dallas and Benji, our playful huskies, remind us to stay curious,
+            try the interesting idea, and enjoy making things. We bring that
+            spirit to useful developer tools—with a little mischief and plenty
+            of care.
+          </p>
+          <div class="hero-actions">
+            <a class="button-link" href="#tools">Explore the tools ↓</a
+            ><a href="story/">Meet our huskies →</a>
+          </div>
+          <p class="hero-note">
+            Keep wondering. Keep making. Leave room for zoomies.
+          </p>
+        </div>
+        <div class="husky-portraits">
+          <figure>
+            <img
+              src="assets/huskies/dallas-480.webp"
+              srcset="
+                assets/huskies/dallas-480.webp 480w,
+                assets/huskies/dallas-960.webp 960w
+              "
+              sizes="(max-width: 680px) 45vw, 260px"
+              width="480"
+              height="640"
+              alt="Dallas, the red, brown and white husky, stepping toward the camera"
+            />
+            <figcaption>
+              <strong>Dallas</strong><span>Red / brown &amp; white</span>
+            </figcaption>
+          </figure>
+          <figure>
+            <img
+              src="assets/huskies/benji-480.webp"
+              srcset="
+                assets/huskies/benji-480.webp 480w,
+                assets/huskies/benji-960.webp 960w
+              "
+              sizes="(max-width: 680px) 45vw, 260px"
+              width="480"
+              height="640"
+              alt="Benji, the black and white husky, with his paws on the edge of a water tub"
+            />
+            <figcaption>
+              <strong>Benji</strong><span>Black &amp; white</span>
+            </figcaption>
+          </figure>
+        </div>
       </section>
-      <section class="why" aria-labelledby="launch-title">
-        <h2 id="launch-title">
-          Fetch the request. Follow the cause. Bring receipts.
-        </h2>
+      <section class="tool-intro" aria-labelledby="tools-title">
+        <p class="eyebrow">1.0.0 · OPEN SOURCE · AVAILABLE ON NPM</p>
+        <h2 id="tools-title">Pick your next adventure.</h2>
         <p>
-          Dallas brings the energy. Benji asks whether the build passed. See all
-          five tools work together: request logging, real error diagnosis, an
-          honest incident draft, status summaries and a release gate backed by
-          measured commands.
+          small open-source tools for expressing yourself, debugging,
+          regrouping, logging and deciding what to ship. Choose the one(s) that
+          helps your day.
         </p>
         <p>
-          <a href="launch/">Run the real workflow →</a> · Copyable setup,
-          source, tests and actual passing/blocked results.
+          <a href="launch/">Run the real workflow →</a>
+          <span class="muted"
+            >Logging, diagnosis and release checks working together.</span
+          >
         </p>
       </section>
-      <nav class="tool-grid" aria-label="Choose a tool">
+      <nav id="tools" class="tool-grid" aria-label="Choose a tool">
         <a href="#bro-say"
           ><strong>bro-say</strong><span>Give your terminal a personality</span
           ><small

launch/index.html

@@ -9,7 +9,7 @@
     />
     <link rel="canonical" href="https://deployanyway.github.io/launch/" />
     <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
-    <link rel="stylesheet" href="../style-54d303f2.css?v=launch-1" />
+    <link rel="stylesheet" href="../style-54d303f2.css?v=husky-photos-1" />
     <title>Fetch. Diagnose. Verify. · DeployAnyway 1.0</title>
     <meta property="og:type" content="article" />
     <meta
@@ -33,14 +33,25 @@
     <script type="module" src="launch.js?v=launch-1"></script>
   </head>
   <body>
-    <main>
-      <a class="brand-logo" href="/" aria-label="DeployAnyway home"
-        ><img
-          src="../assets/deployanyway-husky.png"
-          alt="DeployAnyway husky developer badge"
-          width="180"
-          height="180"
-      /></a>
+    <a class="skip-link" href="#main-content">Skip to content</a>
+    <header class="site-header">
+      <div class="nav-shell">
+        <a class="site-brand" href="/" aria-label="DeployAnyway home"
+          ><img
+            src="../assets/deployanyway-husky.png"
+            alt="DeployAnyway husky developer badge"
+            width="64"
+            height="64"
+          /><span>Deploy<span>Anyway</span></span></a
+        >
+        <nav aria-label="Main navigation">
+          <a href="/#tools">Tools</a><a href="/story/">Our huskies</a
+          ><a href="/launch/">Real workflow</a
+          ><a href="https://github.com/DeployAnyway">GitHub ↗</a>
+        </nav>
+      </div>
+    </header>
+    <main id="main-content" class="reading-page">
       <p class="eyebrow">DEPLOYANYWAY 1.0 · A REAL WORKFLOW</p>
       <h1>Fetch the request. Follow the cause. Bring receipts.</h1>
       <p class="manifesto">

story/index.html

@@ -10,7 +10,7 @@
     />
     <link rel="canonical" href="https://deployanyway.github.io/story/" />
     <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
-    <link rel="stylesheet" href="../style-54d303f2.css?v=story-1" />
+    <link rel="stylesheet" href="../style-54d303f2.css?v=husky-photos-1" />
     <meta property="og:type" content="article" />
     <meta
       property="og:title"
@@ -32,14 +32,25 @@
     <meta name="twitter:card" content="summary" />
   </head>
   <body>
-    <main>
-      <a class="brand-logo" href="/" aria-label="DeployAnyway home"
-        ><img
-          src="../assets/deployanyway-husky.png"
-          alt="DeployAnyway husky developer badge"
-          width="180"
-          height="180"
-      /></a>
+    <a class="skip-link" href="#main-content">Skip to content</a>
+    <header class="site-header">
+      <div class="nav-shell">
+        <a class="site-brand" href="/" aria-label="DeployAnyway home"
+          ><img
+            src="../assets/deployanyway-husky.png"
+            alt="DeployAnyway husky developer badge"
+            width="64"
+            height="64"
+          /><span>Deploy<span>Anyway</span></span></a
+        >
+        <nav aria-label="Main navigation">
+          <a href="/#tools">Tools</a><a href="/story/">Our huskies</a
+          ><a href="/launch/">Real workflow</a
+          ><a href="https://github.com/DeployAnyway">GitHub ↗</a>
+        </nav>
+      </div>
+    </header>
+    <main id="main-content" class="reading-page">
       <p class="eyebrow">DALLAS &amp; BENJI · THE SPIRIT BEHIND DEPLOYANYWAY</p>
       <h1>Two huskies. An unreasonable amount of possibility.</h1>
       <p class="manifesto">
@@ -52,6 +63,57 @@ <h1>Two huskies. An unreasonable amount of possibility.</h1>
         a worthwhile part of the day.
       </p>
 
+      <div class="husky-portraits story-portraits">
+        <figure>
+          <img
+            src="../assets/huskies/dallas-480.webp"
+            srcset="
+              ../assets/huskies/dallas-480.webp 480w,
+              ../assets/huskies/dallas-960.webp 960w
+            "
+            sizes="(max-width: 680px) 45vw, 260px"
+            width="480"
+            height="640"
+            alt="Dallas, the red, brown and white husky, stepping toward the camera"
+          />
+          <figcaption>
+            <strong>Dallas</strong><span>Red / brown &amp; white</span>
+          </figcaption>
+        </figure>
+        <figure>
+          <img
+            src="../assets/huskies/benji-480.webp"
+            srcset="
+              ../assets/huskies/benji-480.webp 480w,
+              ../assets/huskies/benji-960.webp 960w
+            "
+            sizes="(max-width: 680px) 45vw, 260px"
+            width="480"
+            height="640"
+            alt="Benji, the black and white husky, with his paws on the edge of a water tub"
+          />
+          <figcaption>
+            <strong>Benji</strong><span>Black &amp; white</span>
+          </figcaption>
+        </figure>
+      </div>
+      <figure class="adventure-photo">
+        <img
+          src="../assets/huskies/dallas-and-benji-960.webp"
+          srcset="
+            ../assets/huskies/dallas-and-benji-480.webp 480w,
+            ../assets/huskies/dallas-and-benji-960.webp 960w
+          "
+          sizes="(max-width: 760px) 92vw, 700px"
+          width="960"
+          height="1280"
+          loading="lazy"
+          alt="Dallas in front and Benji behind him, playing together outside"
+        />
+        <figcaption>
+          Dallas in front. Benji behind. A little mischief, captured.
+        </figcaption>
+      </figure>
       <section class="why" aria-labelledby="adventure-title">
         <h2 id="adventure-title">
           The adventure begins with “What’s over there?”