diff --git a/.github/workflows/update-gpx.yml b/.github/workflows/update-gpx.yml
index 1747461..e3c55db 100644
--- a/.github/workflows/update-gpx.yml
+++ b/.github/workflows/update-gpx.yml
@@ -23,7 +23,7 @@ jobs:
         run: sudo apt-get update && sudo apt-get install -y libgeos-dev libproj-dev
 
       - name: Install dependencies
-        run: pip install requests beautifulsoup4 cartopy matplotlib
+        run: pip install -r requirements.txt
 
       - name: Run update script
         run: python scripts/update_gpx.py --url "${{ vars.NAMING_URL }}"
diff --git a/README.md b/README.md
index ce3347d..ecb68d8 100644
--- a/README.md
+++ b/README.md
@@ -13,5 +13,5 @@ Mapping Tezos protocol names on the globe
     * => no clear list for those AFAIK.
 
 * *cities* for protocols testnets and protocols applied on mainnet 
-    * => cf. https://tezos.gitlab.io/protocols/naming.html
+    * => cf. https://octez.tezos.com/docs/protocols/naming.html
     * can be mapped :-) 
diff --git a/docs/index.html b/docs/index.html
index 4380e66..c05476a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -10,13 +10,16 @@
         integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
 <style>
   body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
-  #map { height: 100vh; width: 100%; }
+  #title { height: 36px; display: flex; align-items: center; padding: 0 14px; background: #1a1a2e; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; }
+  #title span { opacity: 0.6; margin-left: 8px; font-weight: 400; }
+  #map { height: calc(100vh - 36px); width: 100%; }
   .legend { background: white; padding: 8px 12px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.3); line-height: 1.6; font-size: 13px; }
   .legend i { width: 12px; height: 12px; display: inline-block; margin-right: 6px; border-radius: 50%; vertical-align: middle; }
   .legend .line { width: 20px; height: 0; border-top: 2px dashed #888; display: inline-block; margin-right: 6px; vertical-align: middle; }
 </style>
 </head>
 <body>
+<div id="title">Tezos Protocol Cities</div>
 <div id="map"></div>
 <script>
 (function () {
@@ -52,6 +55,9 @@
         return a.number - b.number;
       });
 
+      document.getElementById("title").innerHTML =
+        "Tezos Protocol Cities" + "<span>\u2014 " + entries.length + " protocols</span>";
+
       var trailCoords = [];
 
       entries.forEach(function (d) {
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..612d278
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,4 @@
+requests>=2.31,<3
+beautifulsoup4>=4.12,<5
+cartopy>=0.22,<1
+matplotlib>=3.8,<4
