From d1a2519330f3647447053c89c49d6098af29519f Mon Sep 17 00:00:00 2001
From: Joe Mooring <joe.mooring@veriphor.com>
Date: Wed, 12 Feb 2025 19:54:44 -0800
Subject: [PATCH] theme: Optimize for printing

---
 layouts/partials/layouts/footer.html        |  2 +-
 layouts/partials/layouts/header/header.html |  2 +-
 layouts/partials/layouts/page-edit.html     | 38 +++++++++++----------
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/layouts/partials/layouts/footer.html b/layouts/partials/layouts/footer.html
index 89190b45f..99a856f7e 100644
--- a/layouts/partials/layouts/footer.html
+++ b/layouts/partials/layouts/footer.html
@@ -1,4 +1,4 @@
-<footer class="bg-blue-950 mt-8 sm:mt-24 border-t-1 border-gray-800">
+<footer class="print:hidden bg-blue-950 mt-8 sm:mt-24 border-t-1 border-gray-800">
   <div class="mx-auto max-w-7xl pt-16 pb-8 sm:pt-18 lg:pt-20">
     <div class="xl:grid xl:grid-cols-3 xl:gap-8">
       {{/* Column 1 */}}
diff --git a/layouts/partials/layouts/header/header.html b/layouts/partials/layouts/header/header.html
index 141db84d1..079c40bae 100644
--- a/layouts/partials/layouts/header/header.html
+++ b/layouts/partials/layouts/header/header.html
@@ -1,6 +1,6 @@
 <header
   x-data="navbar"
-  class="sticky top-0 z-50 bg-blue-950 flex flex-none flex-wrap items-center justify-between px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 sm:px-6 lg:px-8 dark:shadow-none"
+  class="print:hidden sticky top-0 z-50 bg-blue-950 flex flex-none flex-wrap items-center justify-between px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 sm:px-6 lg:px-8 dark:shadow-none"
   :class="$store.nav.scroll.atTop ? '': 'bg-blue-950/80'">
   <div class="relative flex basis-0 items-cente mr-2 lg:mr-8">
     {{ with site.Home }}
diff --git a/layouts/partials/layouts/page-edit.html b/layouts/partials/layouts/page-edit.html
index 59b0c6e1b..b6f76a560 100644
--- a/layouts/partials/layouts/page-edit.html
+++ b/layouts/partials/layouts/page-edit.html
@@ -1,22 +1,24 @@
-<hr class="border-t border-gray-200 dark:border-gray-800 my-10 lg:my-16" />
+<div class="print:hidden">
+  <hr class="border-t border-gray-200 dark:border-gray-800 my-10 lg:my-16" />
 
-<div class="text-gray-800 dark:text-gray-300 font-semibold">
-  Last updated:
-  {{ .Lastmod.Format "January 2, 2006" }}{{ with .GitInfo }}
-    :
+  <div class="text-gray-800 dark:text-gray-300 font-semibold">
+    Last updated:
+    {{ .Lastmod.Format "January 2, 2006" }}{{ with .GitInfo }}
+      :
+      <a
+        class="text-blue-600 hover:text-blue-500"
+        href="{{ $.Site.Params.ghrepo }}commit/{{ .Hash }}"
+        >{{ .Subject }} ({{ .AbbreviatedHash }})</a
+      >
+    {{ end }}
+  </div>
+
+  {{ with .File }}
+    {{ $href := printf "%sedit/master/content/%s/%s" site.Params.ghrepo $.Lang .Path }}
     <a
-      class="text-blue-600 hover:text-blue-500"
-      href="{{ $.Site.Params.ghrepo }}commit/{{ .Hash }}"
-      >{{ .Subject }} ({{ .AbbreviatedHash }})</a
-    >
+      href="{{ $href }}"
+      class="mt-4 inline-block not-prose bg-blue-600 hover:bg-blue-800 text-white hover:text-white font-bold py-2 px-4 rounded">
+      Improve this page
+    </a>
   {{ end }}
 </div>
-
-{{ with .File }}
-  {{ $href := printf "%sedit/master/content/%s/%s" site.Params.ghrepo $.Lang .Path }}
-  <a
-    href="{{ $href }}"
-    class="mt-4 inline-block not-prose bg-blue-600 hover:bg-blue-800 text-white hover:text-white font-bold py-2 px-4 rounded">
-    Improve this page
-  </a>
-{{ end }}