refactor(wpcarro/website): Prefer substituteAll r/3483

`substituteAll` supports templating with @variables@, which I think really
cleans things up.

Change-Id: Icfad15ac9e174495ba02260d817f7330f1616c6f
Reviewed-on: https://cl.tvl.fyi/c/depot/+/4722
Reviewed-by: wpcarro <wpcarro@gmail.com>
Autosubmit: wpcarro <wpcarro@gmail.com>
Tested-by: BuildkiteCI

3 files changed, 39 insertions, 33 deletions

diff --git a/users/wpcarro/website/fragments/addendum.html b/users/wpcarro/website/fragments/addendum.html
deleted file mode 100644
index 9623db9bf91e..000000000000
--- a/users/wpcarro/website/fragments/addendum.html
+++ /dev/null
@@ -1,13 +0,0 @@
-    </div>
-    <script>
-      const $header = document.querySelector("header");
-      const dropShadow = "drop-shadow-md";
-      const update = () => window.scrollY !== 0 ?
-        $header.classList.add(dropShadow) :
-        $header.classList.remove(dropShadow);
-
-      update();
-      document.addEventListener("scroll", update);
-    </script>
-  </body>
-</html>
diff --git a/users/wpcarro/website/fragments/footer.html b/users/wpcarro/website/fragments/footer.html
deleted file mode 100644
index c0c9a3d7ccf8..000000000000
--- a/users/wpcarro/website/fragments/footer.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<footer class="md:hidden pb-6">
-  <h2 class="text-2xl font-bold pt-4 pb-6">Other Links</h2>
-  <ul>
-    <li class="pb-6">
-      <a class="text-blue-600 font-bold" href="https://wpcarro.dev/blog">
-        Blog <span class="text-blue-300">-></span>
-      </a>
-    </li>
-    <li class="pb-6">
-      <a class="text-blue-600 font-bold" href="https://github.com/wpcarro">
-        GitHub <span class="text-blue-300">-></span>
-      </a>
-    </li>
-    <li class="pb-6">
-      <a class="text-blue-600 font-bold" href="https://linkedin.com/in/williampatrickcarroll">
-        LinkedIn <span class="text-blue-300">-></span>
-      </a>
-    </li>
-  </ul>
-</footer>
diff --git a/users/wpcarro/website/fragments/header.html b/users/wpcarro/website/fragments/template.html
index 42230ded1ec8..96d19e849196 100644
--- a/users/wpcarro/website/fragments/header.html
+++ b/users/wpcarro/website/fragments/template.html
@@ -55,3 +55,42 @@
       </div>
     </header>
     <div class="max-w-sm px-2 md:px-0 md:max-w-prose mx-auto">
+      @contentHtml@
+      <footer class="md:hidden pb-6">
+        <h2 class="text-xl font-bold py-4">More wpcarro?</h2>
+        <ul>
+          <li class="pb-6">
+            <a class="text-blue-600 font-bold" href="https://wpcarro.dev">
+              Home <span class="text-blue-300">-></span>
+            </a>
+          </li>
+          <li class="pb-6">
+            <a class="text-blue-600 font-bold" href="https://wpcarro.dev/blog">
+              Blog <span class="text-blue-300">-></span>
+            </a>
+          </li>
+          <li class="pb-6">
+            <a class="text-blue-600 font-bold" href="https://github.com/wpcarro">
+              GitHub <span class="text-blue-300">-></span>
+            </a>
+          </li>
+          <li class="pb-6">
+            <a class="text-blue-600 font-bold" href="https://linkedin.com/in/williampatrickcarroll">
+              LinkedIn <span class="text-blue-300">-></span>
+            </a>
+          </li>
+        </ul>
+      </footer>
+    </div>
+    <script>
+      const $header = document.querySelector("header");
+      const dropShadow = "drop-shadow-md";
+      const update = () => window.scrollY !== 0 ?
+        $header.classList.add(dropShadow) :
+        $header.classList.remove(dropShadow);
+
+      update();
+      document.addEventListener("scroll", update);
+    </script>
+  </body>
+</html>