add openable top-nav (main-site links) + make same-domain links relative

- Bootstrap offcanvas-top #worknav with About/Desk/Now/Studio/Work (centered,
  Playfair, translucent) opened from the brand/logo — mirrors the main site's
  drop-down nav; coexists with the hamburger sidebar (Who/What/When/Why/How).
- Converted davidawindham.com absolute links to root-relative (/about, /desk, …);
  left cross-domain davidwindham.com + code.davidawindham.com absolute.

index.html

@@ -56,7 +56,7 @@
       "closes": "15:00"
     },
     "sameAs": [
-      "https://davidawindham.com",
+      "",
       "https://twitter.com/windhamdavid",
       "https://linkedin.com/in/windhamdavid",
       "https://en.wikipedia.org/wiki/User:Windhamdavid",
@@ -84,7 +84,7 @@
   </div>
 </header>
 <header class="header-small">
-  <a href="#header" class="brand">
+  <a href="#worknav" class="brand" data-bs-toggle="offcanvas" data-bs-target="#worknav" role="button" aria-label="Open navigation">
     <img class="light" src="img/dw-light.svg" srcset="img/dw-light.svg 2x" alt="David Windham logo">
     <img class="dark" src="img/dw-dark.svg" srcset="img/dw-dark.svg 2x" alt="David Windham logo">
   </a>
@@ -102,6 +102,27 @@
   </div>
 </header>
 
+<!-- ** TOP NAV (main-site links, opened from the brand) ** -->
+<style>
+  #worknav.work-nav { height: auto; min-height: 0; background: rgba(72,76,87,.9); backdrop-filter: blur(6px); border: 0; }
+  #worknav .offcanvas-body { padding: 1.1rem 1rem; }
+  .work-nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 2.2rem; margin: 0; }
+  .work-nav-links a { color: #fff; text-decoration: none; font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.35rem; }
+  .work-nav-links a:hover { color: #25c2a0; }
+</style>
+<div class="offcanvas offcanvas-top work-nav" tabindex="-1" id="worknav" aria-labelledby="worknav-label">
+  <div class="offcanvas-body">
+    <nav class="work-nav-links" aria-label="Main site navigation">
+      <a href="/about">About</a>
+      <a href="/desk">Desk</a>
+      <a href="/now">Now</a>
+      <a href="/studio">Studio</a>
+      <a href="/work">Work</a>
+    </nav>
+  </div>
+</div>
+<!-- ** TOP NAV ** -->
+
 
 
  <!-- ============================= ** MAIN ** ============================= -->
@@ -120,7 +141,7 @@
           <p class="lead">I'm glad you found me.
             I, too, have a computer on a network, so here you are.
             No man is an island<sub>1</sub> even though this is mostly a one-man show<sub>2</sub>.
-            I published this site as single-page professional overview so I can have fun with my <a href="https://davidawindham.com/desk">personal site</a> and avoid sending potential clients navigating down the 2,000-page rabbit hole<sub>3</sub>.
+            I published this site as single-page professional overview so I can have fun with my <a href="/desk">personal site</a> and avoid sending potential clients navigating down the 2,000-page rabbit hole<sub>3</sub>.
             <br><br>
             Right on,
           </p>
@@ -188,7 +209,7 @@
             </svg>
           </a>
           <p class="mt-3 ps-5 gaegu illustration small float-start">
-            This is the icon I use everywhere. It came from a card I designed for my business. The name came from our two dogs <a href="https://davidawindham.com/boozie/">Zeke and Woozie</a>.  ( Click to see the original )
+            This is the icon I use everywhere. It came from a card I designed for my business. The name came from our two dogs <a href="/boozie/">Zeke and Woozie</a>.  ( Click to see the original )
           </p>
         </div>
       </div>
@@ -521,7 +542,7 @@
             <div id="audit-tab" class="tab-pane fade" role="tabpanel" aria-labelledby="audit-tab" tabindex="2">
               <h4 class="how fw-bold">Careful</h4>
               <p>I will carefully review and critique your existing software, applications,  sites and workflow to write up an unbiased detailed report that'll give your team some actionable feedback. I'll provide references and suggestions and I'll either propose a solution or refer elsewhere for assistance.</p>
-              <p class="mt-3"><a class="fw-bold" data-bs-toggle="modal" data-bs-target="#work-rules-modal" href="#work-rules-modal" role="button">Read how I work &rarr;</a></p>
+              <p class="mt-3"><a data-bs-toggle="modal" data-bs-target="#work-rules-modal" href="#work-rules-modal" role="button">Read how I work &rarr;</a></p>
             </div>
             <div id="manage-tab" class="tab-pane fade" role="tabpanel" aria-labelledby="manage-tab" tabindex="3">
               <h4 class="how fw-bold">Reliable</h4>
@@ -541,16 +562,16 @@
             </div>
             <div class="modal-body" style="background:#fff !important;padding:1.5rem 2rem !important;">
                 <p>Almost half of the work I do each year is project work for private clients while the other half is on contract for agencies and companies. As much as it sounds like fun working from home, freelancing can be a daunting work schedule because of the ups and downs involved with juggling timelines and clients. Most of my work comes from personal referrals. But when they don&#8217;t, here are some brief guidelines on how I work.</p>
-                <p><strong>1</strong>) I prefer to work on one project at a time in order to optimize my output and creative energy. Please check the calendar on my <a href="https://davidawindham.com/about">about page</a> for availability because I try to schedule work up to six months in advance.</p>
-                <p><strong>2</strong>) Once you&#8217;ve contacted me with some minor details, I will schedule an interview to ask questions before providing you with an estimated cost and timeline for your project. If the proposal suits your budget, I&#8217;ll ask you to sign an <a href="https://davidawindham.com/contract">Independent Contractor Agreement</a> for the work.</p>
-                <p><strong>3</strong>) In order to engage high quality clients, I charge a $500 retainer fee up front and I bill $50 per hour for any work delivered. I guarantee client satisfaction on all deliverables and will not bill for any additional hours to meet that goal. However, I will bill for any time spent consulting or training via chat, phone, or email. </p>
-                <p><strong>4</strong>) I am not a full service advertising agency as I prefer to focus on creative deliverables only. If your project goals are more suited to a full service agency I will gladly recommend one I work with. Likewise, If your project can be filled with a pre-built solution at a lower cost, I will be glad to recommend a solution for you. </p>
-                <p><strong>6</strong>) I am not interested in partnerships, shares, or equity in your company.</p>
-                <p><strong>7</strong>) Software and web development will require regular maintenance. I will support anything I build for the lifetime of the project at the same billable hourly rate. Additional features and major updates will be written up as separate contract work. </p>
-                <p><strong>8</strong>) On rare occasion, I&#8217;ve had to outsource project work to other developers under tight deadlines. I try my best not to do so, but I retain a small network of associates who can assist.  </p>
-                <p><strong>9</strong>) I retain the right to reject a project when requests outside the scope of the initial contract misalign the project goals.</p>
-                <p><strong>10</strong>) I like to love my work and happy clients are what make it possible. If you are in anyway known as difficult to work with, please don&#8217;t contact me. </p>
-                <p>If all of these make sense to you, please head on over to my <a href="https://davidawindham.com/contact">contact page</a> and let&#8217;s get started. </p>
+                <p>1) I prefer to work on one project at a time in order to optimize my output and creative energy. Please check the calendar on my <a href="/about">about page</a> for availability because I try to schedule work up to six months in advance.</p>
+                <p>2) Once you&#8217;ve contacted me with some minor details, I will schedule an interview to ask questions before providing you with an estimated cost and timeline for your project. If the proposal suits your budget, I&#8217;ll ask you to sign an <a href="/contract">Independent Contractor Agreement</a> for the work.</p>
+                <p>3) In order to engage high quality clients, I charge a $500 retainer fee up front and I bill $50 per hour for any work delivered. I guarantee client satisfaction on all deliverables and will not bill for any additional hours to meet that goal. However, I will bill for any time spent consulting or training via chat, phone, or email. </p>
+                <p>4) I am not a full service advertising agency as I prefer to focus on creative deliverables only. If your project goals are more suited to a full service agency I will gladly recommend one I work with. Likewise, If your project can be filled with a pre-built solution at a lower cost, I will be glad to recommend a solution for you. </p>
+                <p>6) I am not interested in partnerships, shares, or equity in your company.</p>
+                <p>7) Software and web development will require regular maintenance. I will support anything I build for the lifetime of the project at the same billable hourly rate. Additional features and major updates will be written up as separate contract work. </p>
+                <p>8) On rare occasion, I&#8217;ve had to outsource project work to other developers under tight deadlines. I try my best not to do so, but I retain a small network of associates who can assist.  </p>
+                <p>9) I retain the right to reject a project when requests outside the scope of the initial contract misalign the project goals.</p>
+                <p>10) I like to love my work and happy clients are what make it possible. If you are in anyway known as difficult to work with, please don&#8217;t contact me. </p>
+                <p>If all of these make sense to you, please me contact me and let&#8217;s get started. </p>
             </div>
           </div>
         </div>
@@ -652,9 +673,9 @@
       <div class="col-lg-2 col-xxs-4 offset-lg-2 mt-5">
         <div class="br-widget">
           <ul class="footer-links">
-            <li><a href="https://davidawindham.com/desk/" rel="me"><i class="bi bi-pencil"></i>&nbsp; Desk / Archive</a></li>
-            <li><a href="https://davidawindham.com/til/" rel="me"><i class="bi bi-journal-bookmark"></i>&nbsp; Today I Learned</a></li>
-            <li><a href="https://davidawindham.com/about/bio" rel="me"><i class="bi bi-person-lines-fill"></i>&nbsp; Biography</a></li>
+            <li><a href="/desk/" rel="me"><i class="bi bi-pencil"></i>&nbsp; Desk / Archive</a></li>
+            <li><a href="/til/" rel="me"><i class="bi bi-journal-bookmark"></i>&nbsp; Today I Learned</a></li>
+            <li><a href="/about/bio" rel="me"><i class="bi bi-person-lines-fill"></i>&nbsp; Biography</a></li>
           </ul>
         </div>
       </div>
@@ -662,7 +683,7 @@
       <div class="col-lg-2 col-xxs-4 mt-5">
         <div class="br-widget">
           <ul class="footer-links text-lg-end">
-            <li><a href="https://davidawindham.com/contract/" rel="me">Contract &nbsp;<i class="bi bi-pencil-square"></i></a></li>
+            <li><a href="/contract/" rel="me">Contract &nbsp;<i class="bi bi-pencil-square"></i></a></li>
             <li><a href="https://code.davidawindham.com/david/dw" rel="me">Code &nbsp;<i class="bi bi-file-code"></i></a></li>
             <li><a href="https://davidwindham.com/davidwindham.asc" rel="me">Key &nbsp;<i class="bi bi-file-earmark-lock"></i></a></li>
           </ul>
@@ -726,14 +747,14 @@
   _paq.push(['trackPageView']);
   _paq.push(['enableLinkTracking']);
   (function() {
-    var u="https://davidawindham.com/wik/";
+    var u="/wik/";
     _paq.push(['setTrackerUrl', u+'matomo.php']);
     _paq.push(['setSiteId', '5']);
     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
     g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
   })();
 </script>
-<noscript><p><img src="https://davidawindham.com/wik/matomo.php?idsite=5&amp;rec=1" style="border:0;" alt="" /></p></noscript>
+<noscript><p><img src="/wik/matomo.php?idsite=5&amp;rec=1" style="border:0;" alt="" /></p></noscript>
 -->
 </body>
 </html>