From 509f0ca305fd70ef794ecccadc1be406db66edb5 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Fri, 9 Jan 2026 11:57:45 -0600
Subject: [PATCH] Consolidate footer text into a shared partial

---
 app/assets/stylesheets/utilities.css        | 4 +++-
 app/views/layouts/shared/_colophon.html.erb | 9 +++++++++
 app/views/my/menus/show.html.erb            | 2 +-
 app/views/public/_footer.html.erb           | 2 +-
 app/views/sessions/_footer.html.erb         | 2 +-
 5 files changed, 15 insertions(+), 4 deletions(-)
 create mode 100644 app/views/layouts/shared/_colophon.html.erb

diff --git a/app/assets/stylesheets/utilities.css b/app/assets/stylesheets/utilities.css
index 62304d020..aa19f0f58 100644
--- a/app/assets/stylesheets/utilities.css
+++ b/app/assets/stylesheets/utilities.css
@@ -13,6 +13,7 @@
   .txt-align-start { text-align: start; }
   .txt-align-end { text-align: end; }
 
+  .txt-current { color: currentColor; }
   .txt-ink { color: var(--color-ink); }
   .txt-reversed { color: var(--color-ink-inverted); }
   .txt-negative { color: var(--color-negative); }
@@ -29,8 +30,9 @@
   .txt-capitalize-first-letter::first-letter { text-transform: capitalize; }
   .txt-link { color: var(--color-link); text-decoration: underline; }
 
-  .font-weight-black { font-weight: 900; }
   .font-weight-normal { font-weight: normal; }
+  .font-weight-bold { font-weight: bold; }
+  .font-weight-black { font-weight: 900; }
 
   /* Flexbox and Grid */
   .justify-end { justify-content: end; }
diff --git a/app/views/layouts/shared/_colophon.html.erb b/app/views/layouts/shared/_colophon.html.erb
new file mode 100644
index 000000000..a6acb8a3b
--- /dev/null
+++ b/app/views/layouts/shared/_colophon.html.erb
@@ -0,0 +1,9 @@
+<%= link_to "https://www.fizzy.do", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %>
+  <%= icon_tag "fizzy", class: "v-align-middle" %>
+  Fizzy™
+<% end %>
+is designed, built, and backed by
+<%= link_to "https://37signals.com", class: "txt-current font-weight-bold txt-nowrap", target: "_blank", rel: "noopener noreferrer" do %>
+  <%= icon_tag "37signals", class: "v-align-middle" %>
+  37signals™
+<% end %>
diff --git a/app/views/my/menus/show.html.erb b/app/views/my/menus/show.html.erb
index 5bff2f387..a942c2af7 100644
--- a/app/views/my/menus/show.html.erb
+++ b/app/views/my/menus/show.html.erb
@@ -9,6 +9,6 @@
   <% end %>
 
   <footer class="nav__footer">
-    <strong class="txt-nowrap"><a href="https://www.fizzy.do" target="_blank" rel="noopener noreferrer" class="txt-ink"><%= icon_tag "fizzy", class: "v-align-middle" %> Fizzy™</a></strong> is designed, built, and backed by <strong class="txt-nowrap"><a href="https://37signals.com" target="_blank" rel="noopener noreferrer" class="txt-ink"><%= icon_tag "37signals", class: "v-align-middle" %> 37signals™</a></strong>
+    <%= render "layouts/shared/colophon" %>
   </footer>
 <% end %>
diff --git a/app/views/public/_footer.html.erb b/app/views/public/_footer.html.erb
index a68dce8ed..ab2856821 100644
--- a/app/views/public/_footer.html.erb
+++ b/app/views/public/_footer.html.erb
@@ -1,3 +1,3 @@
 <div class="txt-align-center center margin-block-double txt-subtle txt-small">
-  <strong class="txt-nowrap"><a href="https://www.fizzy.do" target="_blank" rel="noopener noreferrer" class="txt-subtle"><%= icon_tag "fizzy", class: "v-align-middle" %> Fizzy™</a></strong> is designed, built, and backed by <strong class="txt-nowrap"><%= icon_tag "37signals", class: "v-align-middle" %> <a href="https://37signals.com" target="_blank" rel="noopener noreferrer" class="txt-subtle">37signals</a></strong>.
+  <%= render "layouts/shared/colophon" %>
 </div>
diff --git a/app/views/sessions/_footer.html.erb b/app/views/sessions/_footer.html.erb
index d4a00acab..89055e0b3 100644
--- a/app/views/sessions/_footer.html.erb
+++ b/app/views/sessions/_footer.html.erb
@@ -1,4 +1,4 @@
 <div class="pad-inline txt-align-center center margin-block-double txt-subtle txt-small">
-  <strong class="txt-nowrap"><a href="https://www.fizzy.do" target="_blank" rel="noopener noreferrer" class="txt-subtle"><%= icon_tag "fizzy", class: "v-align-middle" %> Fizzy™</a></strong> is designed, built, and backed by <strong class="txt-nowrap"><%= icon_tag "37signals", class: "v-align-middle" %> <a href="https://37signals.com" target="_blank" rel="noopener noreferrer" class="txt-subtle">37signals™</a></strong>.
+  <%= render "layouts/shared/colophon" %>.
   Need help? <%= mail_to "support@fizzy.do", "Send us an email", class: "txt-link" %>.
 </div>