From f4dc00978ab8479da88f429c684384b5f7a8d62d Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 14 Sep 2026 11:40:33 -0500
Subject: [PATCH 1/4] fix(ui): remove broken Twitter link from header

Twitter.com/NHERIDesignSafe no longer resolves; dropping the icon and asset until a working replacement URL is confirmed.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 designsafe/static/images/social-media/Twitter.svg | 1 -
 designsafe/templates/includes/header.html         | 5 -----
 2 files changed, 6 deletions(-)
 delete mode 100644 designsafe/static/images/social-media/Twitter.svg

diff --git a/designsafe/static/images/social-media/Twitter.svg b/designsafe/static/images/social-media/Twitter.svg
deleted file mode 100644
index affbd72bcd..0000000000
--- a/designsafe/static/images/social-media/Twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.cls-1{fill:#262626;}</style></defs><path class="cls-1" d="M42.5,0A42.5,42.5,0,1,0,85,42.5,42.5,42.5,0,0,0,42.5,0Zm19,32.79v1.27c0,12.9-9.79,27.78-27.79,27.78a27.51,27.51,0,0,1-15-4.39,20.1,20.1,0,0,0,2.33.14,19.58,19.58,0,0,0,12.12-4.16A9.76,9.76,0,0,1,24,46.65a10,10,0,0,0,4.41-.17,9.76,9.76,0,0,1-7.84-9.57v-.13A9.84,9.84,0,0,0,25,38a9.77,9.77,0,0,1-3-13A27.76,27.76,0,0,0,42.14,35.15a10.44,10.44,0,0,1-.25-2.23,9.77,9.77,0,0,1,16.89-6.68A19.48,19.48,0,0,0,65,23.87a9.74,9.74,0,0,1-4.29,5.41,19.48,19.48,0,0,0,5.61-1.54A19.7,19.7,0,0,1,61.46,32.79Z"/></svg>
\ No newline at end of file
diff --git a/designsafe/templates/includes/header.html b/designsafe/templates/includes/header.html
index 7d0b184229..defb490e6b 100644
--- a/designsafe/templates/includes/header.html
+++ b/designsafe/templates/includes/header.html
@@ -14,11 +14,6 @@
           <img alt="Facebook" src="{% static 'images/social-media/Facebook.svg' %}" />
         </a>
       </li>
-      <li>
-        <a href="https://twitter.com/NHERIDesignSafe" target="_blank" aria-describedby="msg-open-ext-site-new-window">
-          <img alt="Twitter" src="{% static 'images/social-media/Twitter.svg' %}" />
-        </a>
-      </li>
       <li>
         <a href="https://www.linkedin.com/company/nheri-designsafe/" target="_blank" aria-describedby="msg-open-ext-site-new-window">
           <img alt="LinkedIn" src="{% static 'images/social-media/Linkedin.svg' %}" />

From f9c320491d58fc089d3348a5cef6371c3b7bff45 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 14 Sep 2026 11:41:21 -0500
Subject: [PATCH 2/4] fix(ui): restore Twitter link with new URL

Points the header's Twitter icon at x.com/NHERIDesignSafe and drops the now-unused icon-swap snippet, since the link itself carries the new URL.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../static/images/social-media/Twitter.svg      |  1 +
 designsafe/templates/includes/header.html       |  5 +++++
 .../css-replace-twitter-icon-with-x.html        | 17 -----------------
 3 files changed, 6 insertions(+), 17 deletions(-)
 create mode 100644 designsafe/static/images/social-media/Twitter.svg
 delete mode 100644 designsafe/templates/snippets/css-replace-twitter-icon-with-x.html

diff --git a/designsafe/static/images/social-media/Twitter.svg b/designsafe/static/images/social-media/Twitter.svg
new file mode 100644
index 0000000000..affbd72bcd
--- /dev/null
+++ b/designsafe/static/images/social-media/Twitter.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.cls-1{fill:#262626;}</style></defs><path class="cls-1" d="M42.5,0A42.5,42.5,0,1,0,85,42.5,42.5,42.5,0,0,0,42.5,0Zm19,32.79v1.27c0,12.9-9.79,27.78-27.79,27.78a27.51,27.51,0,0,1-15-4.39,20.1,20.1,0,0,0,2.33.14,19.58,19.58,0,0,0,12.12-4.16A9.76,9.76,0,0,1,24,46.65a10,10,0,0,0,4.41-.17,9.76,9.76,0,0,1-7.84-9.57v-.13A9.84,9.84,0,0,0,25,38a9.77,9.77,0,0,1-3-13A27.76,27.76,0,0,0,42.14,35.15a10.44,10.44,0,0,1-.25-2.23,9.77,9.77,0,0,1,16.89-6.68A19.48,19.48,0,0,0,65,23.87a9.74,9.74,0,0,1-4.29,5.41,19.48,19.48,0,0,0,5.61-1.54A19.7,19.7,0,0,1,61.46,32.79Z"/></svg>
\ No newline at end of file
diff --git a/designsafe/templates/includes/header.html b/designsafe/templates/includes/header.html
index defb490e6b..e21f5a7257 100644
--- a/designsafe/templates/includes/header.html
+++ b/designsafe/templates/includes/header.html
@@ -14,6 +14,11 @@
           <img alt="Facebook" src="{% static 'images/social-media/Facebook.svg' %}" />
         </a>
       </li>
+      <li>
+        <a href="https://x.com/NHERIDesignSafe" target="_blank" aria-describedby="msg-open-ext-site-new-window">
+          <img alt="Twitter" src="{% static 'images/social-media/Twitter.svg' %}" />
+        </a>
+      </li>
       <li>
         <a href="https://www.linkedin.com/company/nheri-designsafe/" target="_blank" aria-describedby="msg-open-ext-site-new-window">
           <img alt="LinkedIn" src="{% static 'images/social-media/Linkedin.svg' %}" />
diff --git a/designsafe/templates/snippets/css-replace-twitter-icon-with-x.html b/designsafe/templates/snippets/css-replace-twitter-icon-with-x.html
deleted file mode 100644
index ac656c904a..0000000000
--- a/designsafe/templates/snippets/css-replace-twitter-icon-with-x.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<style id="css-replace-twitter-icon-with-x">
-a:has(img[alt="Twitter"]) {
-    display: inline-block;
-    vertical-align: middle;
-    width: 25px;
-    height: 25px;
-}
-a:has(img[alt="Twitter"])::after {
-    width: 100%;
-    height: 100%;
-    display: inline-block;
-    content: url("/media/filer_public/52/10/5210b030-f2c8-43f7-98a0-94d6227ee3de/twitter-x_icon.svg");
-}
-a > img[alt="Twitter"] {
-    display: none;
-}
-</style>

From fab2a4f0339104b51ba21ab50f1b350e55293488 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 14 Sep 2026 11:43:57 -0500
Subject: [PATCH 3/4] fix(ui): use X icon for restored link

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../static/images/social-media/Twitter.svg    |  1 -
 designsafe/static/images/social-media/X.svg   | 21 +++++++++++++++++++
 designsafe/templates/includes/header.html     |  2 +-
 3 files changed, 22 insertions(+), 2 deletions(-)
 delete mode 100644 designsafe/static/images/social-media/Twitter.svg
 create mode 100644 designsafe/static/images/social-media/X.svg

diff --git a/designsafe/static/images/social-media/Twitter.svg b/designsafe/static/images/social-media/Twitter.svg
deleted file mode 100644
index affbd72bcd..0000000000
--- a/designsafe/static/images/social-media/Twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.cls-1{fill:#262626;}</style></defs><path class="cls-1" d="M42.5,0A42.5,42.5,0,1,0,85,42.5,42.5,42.5,0,0,0,42.5,0Zm19,32.79v1.27c0,12.9-9.79,27.78-27.79,27.78a27.51,27.51,0,0,1-15-4.39,20.1,20.1,0,0,0,2.33.14,19.58,19.58,0,0,0,12.12-4.16A9.76,9.76,0,0,1,24,46.65a10,10,0,0,0,4.41-.17,9.76,9.76,0,0,1-7.84-9.57v-.13A9.84,9.84,0,0,0,25,38a9.77,9.77,0,0,1-3-13A27.76,27.76,0,0,0,42.14,35.15a10.44,10.44,0,0,1-.25-2.23,9.77,9.77,0,0,1,16.89-6.68A19.48,19.48,0,0,0,65,23.87a9.74,9.74,0,0,1-4.29,5.41,19.48,19.48,0,0,0,5.61-1.54A19.7,19.7,0,0,1,61.46,32.79Z"/></svg>
\ No newline at end of file
diff --git a/designsafe/static/images/social-media/X.svg b/designsafe/static/images/social-media/X.svg
new file mode 100644
index 0000000000..25c97200f5
--- /dev/null
+++ b/designsafe/static/images/social-media/X.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #262626;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
+    <circle class="cls-2" cx="256" cy="256" r="251"/>
+    <g>
+      <polygon class="cls-1" points="355.89 99 409.16 99 292.78 232.01 429.69 413 322.49 413 238.54 303.23 142.47 413 89.17 413 213.64 270.73 82.31 99 192.22 99 268.11 199.33 355.89 99 355.89 99"/>
+      <polygon class="cls-2" points="337.2 381.12 366.71 381.12 176.19 129.21 144.51 129.21 337.2 381.12 337.2 381.12"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/designsafe/templates/includes/header.html b/designsafe/templates/includes/header.html
index e21f5a7257..95fb48d1c0 100644
--- a/designsafe/templates/includes/header.html
+++ b/designsafe/templates/includes/header.html
@@ -16,7 +16,7 @@
       </li>
       <li>
         <a href="https://x.com/NHERIDesignSafe" target="_blank" aria-describedby="msg-open-ext-site-new-window">
-          <img alt="Twitter" src="{% static 'images/social-media/Twitter.svg' %}" />
+          <img alt="X" src="{% static 'images/social-media/X.svg' %}" />
         </a>
       </li>
       <li>

From 146974fb1d16611a4dfce148ef52fea62ad25c1b Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 14 Sep 2026 15:07:37 -0500
Subject: [PATCH 4/4] Change X link and alt text in header.html

Updated the link and alt text for the X social media icon.
---
 designsafe/templates/includes/header.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/designsafe/templates/includes/header.html b/designsafe/templates/includes/header.html
index 95fb48d1c0..7ccd13860e 100644
--- a/designsafe/templates/includes/header.html
+++ b/designsafe/templates/includes/header.html
@@ -15,8 +15,8 @@
         </a>
       </li>
       <li>
-        <a href="https://x.com/NHERIDesignSafe" target="_blank" aria-describedby="msg-open-ext-site-new-window">
-          <img alt="X" src="{% static 'images/social-media/X.svg' %}" />
+        <a href="https://x.com/NHERI_Network" target="_blank" aria-describedby="msg-open-ext-site-new-window">
+          <img alt="X/Twitter" src="{% static 'images/social-media/X.svg' %}" />
         </a>
       </li>
       <li>