Sync from GitHub 6f2bc3d

README.md

@@ -85,3 +85,9 @@ pytest -m network                                                           # se
 ```
 
 The page needs a server that answers HTTP range requests (the tests' server does; `python -m http.server` does not).
+
+## Credit
+
+Developed by [Mikolaj Czerkawski](https://github.com/mikonvergence), [Asterisk Labs](https://asterisk.coop), as part of
+[Earth Compress](https://asterisk.coop/project-pages/earth-compress.html), an ARIA-funded project jointly led with the
+National Oceanography Centre.

index.html

@@ -6,7 +6,7 @@
 <title>Major TOM Raster Viewer</title>
 <link rel="icon" href="mt-icon.svg">
 <link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:wght@400;600;700&display=swap">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=League+Spartan:wght@500&family=Source+Sans+3:wght@400;600;700&display=swap">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/maplibre-gl@6.14.0/dist/maplibre-gl.css">
 <style>
   :root {
@@ -143,6 +143,15 @@
   dd { margin: 0; font-family: var(--mono); font-size: 13px; text-align: right; overflow-wrap: anywhere; }
   dd a { color: var(--mt-blue); }
   .source { font-size: 12px; color: var(--ink-3); padding: 12px 18px 18px; }
+  .credit { display: flex; flex-direction: column; gap: 8px; font-size: 12px; color: var(--ink-3); padding: 14px 18px 20px;
+    border-top: 1px solid var(--line); }
+  .credit p { margin: 0; }
+  .credit a { color: var(--ink-2); }
+  #asterisk { position: absolute; left: 14px; bottom: 14px; z-index: 2; display: flex; align-items: center; gap: 6px;
+    font: 500 17px/1 'League Spartan', sans-serif; color: #000; text-decoration: none; }
+  #asterisk img { height: 24px; }                     /* text at 0.7 x the mark, as on asterisk.coop */
+  #asterisk .by { font: 12px var(--sans); color: var(--ink-3); margin-right: 2px; }
+  #asterisk:hover { color: #492ae8; }
   .source a { color: var(--mt-blue); }
 
   .maplibregl-ctrl-attrib { font-family: var(--sans); }
@@ -178,6 +187,8 @@
   <div id="map-wrap">
     <div id="map"></div>
     <div id="places" class="places" aria-hidden="true"></div>
+    <a id="asterisk" href="https://asterisk.coop" target="_blank" rel="noopener">
+      <span class="by">made by</span><img src="asterisk-mark.svg" alt="">asterisk labs</a>
     <div id="status"></div>
     <div id="loader" role="status" aria-live="polite" hidden>
       <!-- the Major TOM logo mark (mt-icon.svg): its four panels light up in turn while data loads -->
@@ -252,6 +263,13 @@
 
     <div class="source">Reads <a id="dataset-link" href="https://huggingface.co/Major-TOM">huggingface.co/Major-TOM</a>
       · footprints from each dataset's metadata.parquet</div>
+    <div class="credit">
+      <a href="https://asterisk.coop/project-pages/earth-compress.html" target="_blank" rel="noopener">
+        <img src="earth-compress.svg" alt="Earth Compress" height="28"></a>
+      <p>Developed by <a href="https://github.com/mikonvergence" target="_blank" rel="noopener">Mikolaj Czerkawski</a>,
+        <a href="https://asterisk.coop" target="_blank" rel="noopener">Asterisk Labs</a>, as part of Earth Compress, an
+        ARIA-funded project jointly led with the National Oceanography Centre.</p>
+    </div>
   </aside>
 </main>