diff --git a/map/static/map/index.html b/map/static/map/index.html
index 2a2777f..e270468 100644
--- a/map/static/map/index.html
+++ b/map/static/map/index.html
@@ -121,6 +121,17 @@
       </button>
     </div>
   </div>
+  <!-- Project home. An external link, so it is set apart from the app's own
+       controls by a hairline and kept icon-only: it must never grow the right
+       cluster enough to push the centred search field off-centre. -->
+  <span class="topBarDivider" aria-hidden="true"></span>
+  <a id="githubLink" class="btn btn-ghost btn-icon"
+     href="https://github.com/valentinps/satisfactorymap" target="_blank"
+     rel="noopener" title="View this project on GitHub" aria-label="View this project on GitHub">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18" aria-hidden="true">
+      <path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/>
+    </svg>
+  </a>
   </div>
 </header>
 
diff --git a/map/static/map/map.css b/map/static/map/map.css
index da6e8ae..87e6e30 100644
--- a/map/static/map/map.css
+++ b/map/static/map/map.css
@@ -740,6 +740,32 @@ button:focus-visible, select:focus-visible, input[type="checkbox"]:focus-visible
   cursor: default;
 }
 
+/* Hairline between the app's own controls and the external project link, so
+   the GitHub mark reads as "about this project" rather than one more view to
+   open. Sized off the bar row, not the full bar height. */
+.topBarDivider {
+  flex: none;
+  width: 1px;
+  height: 22px;
+  margin: 0 var(--sp-1);
+  background: var(--border);
+}
+
+/* Icon-only on purpose: it mirrors the menu button at the far left end of the
+   bar, and a labelled pill here would unbalance the two side sections the
+   search field is centred between. */
+#githubLink {
+  flex: none;
+  /* Not .btn-ghost's resting --faint: this is the one wayfinding link in the
+     chrome, so it rests at the same weight as the pill labels beside it and
+     only brightens (plus a raised ground) on hover. */
+  color: var(--text);
+  height: 34px;
+  min-width: 34px;
+  width: 34px;
+  border-radius: var(--r-md);
+}
+
 #statusMenuButton .statusMenuChevron {
   color: var(--muted);
   transition: transform 0.15s ease;