From 20f1e3111953fe80b28991dc5c1784f9707f1230 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sat, 14 Mar 2026 10:47:46 +0000
Subject: [PATCH 1/5] Add Gantt-style timeline to conference list page

Shows the next 90 days as a horizontal bar chart above the conference
list. A greedy interval-colouring algorithm assigns each conference to a
lane so overlapping conferences appear in separate rows. Lane colour
cycles through a fixed palette so simultaneous events are easy to tell
apart. Month boundary markers and a red today-line provide orientation.
All position maths happens in build_conference_timeline() in Python;
the Jinja template is pure rendering.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 templates/conference_list.html | 103 +++++++++++++++++++++++++++++++--
 web_view.py                    |  70 ++++++++++++++++++++++
 2 files changed, 167 insertions(+), 6 deletions(-)

diff --git a/templates/conference_list.html b/templates/conference_list.html
index a900f7d..bb98d84 100644
--- a/templates/conference_list.html
+++ b/templates/conference_list.html
@@ -9,21 +9,109 @@
 <style>
 .grid-container {
   display: grid;
-  grid-template-columns: repeat({{ column_count }}, auto); /* 7 columns for each piece of information */
+  grid-template-columns: repeat({{ column_count }}, auto);
   gap: 10px;
   justify-content: start;
 }
-
-.grid-item {
-  /* Additional styling for grid items can go here */
+.heading {
+    grid-column: 1 / {{ column_count + 1 }};
 }
 
-.heading {
-    grid-column: 1 / {{ column_count + 1 }}; /* Spans from the 1st line to the 7th line */
+/* Timeline */
+.conf-timeline {
+  position: relative;
+  background: #f8f9fa;
+  border: 1px solid #dee2e6;
+  border-radius: 4px;
+  overflow: hidden;
+  user-select: none;
+}
+.conf-tl-month {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  border-left: 1px solid #dee2e6;
+  pointer-events: none;
+}
+.conf-tl-month-label {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  font-size: 0.68em;
+  color: #6c757d;
+  white-space: nowrap;
+}
+.conf-tl-today {
+  position: absolute;
+  top: 22px;
+  height: calc(100% - 22px);
+  border-left: 2px solid #dc3545;
+  pointer-events: none;
+  z-index: 10;
+}
+.conf-tl-bar {
+  position: absolute;
+  height: 26px;
+  border-radius: 3px;
+  overflow: hidden;
+  z-index: 5;
+}
+.conf-tl-bar a, .conf-tl-bar span {
+  display: block;
+  padding: 4px 6px;
+  font-size: 0.72em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 18px;
+  color: white;
+  text-decoration: none;
 }
 </style>
 {% endblock %}
 
+{% set tl_colors = ["#0d6efd","#198754","#dc3545","#fd7e14","#6f42c1","#20c997","#0dcaf0","#d63384"] %}
+
+{% macro render_timeline(timeline) %}
+{% if timeline %}
+{% set bar_h = 26 %}
+{% set row_h = 32 %}
+{% set header_h = 22 %}
+{% set total_h = timeline.lane_count * row_h + header_h %}
+<div class="mb-4">
+  <h3>Next 90 days</h3>
+  <div class="conf-timeline" style="height: {{ total_h }}px;">
+
+    {# Month markers #}
+    {% for m in timeline.months %}
+      <div class="conf-tl-month" style="left: {{ m.left_pct }}%;">
+        <span class="conf-tl-month-label">{{ m.label }}</span>
+      </div>
+    {% endfor %}
+
+    {# Today marker (always at left: 0) #}
+    <div class="conf-tl-today" style="left: 0;"></div>
+
+    {# Conference bars #}
+    {% for conf in timeline.confs %}
+      {% set color = tl_colors[conf.lane % tl_colors | length] %}
+      {% set top_px = conf.lane * row_h + header_h %}
+      <div class="conf-tl-bar"
+           style="left: {{ conf.left_pct }}%; width: {{ conf.width_pct }}%; top: {{ top_px }}px; background: {{ color }};"
+           title="{{ conf.label }}">
+        {% if conf.url %}
+          <a href="{{ conf.url }}">{{ conf.name }}</a>
+        {% else %}
+          <span>{{ conf.name }}</span>
+        {% endif %}
+      </div>
+    {% endfor %}
+
+  </div>
+</div>
+{% endif %}
+{% endmacro %}
+
 {% macro section(heading, item_list, badge) %}
   {% if item_list %}
     <div class="heading">
@@ -49,6 +137,9 @@
 
 <div class="container-fluid mt-2">
   <h1>Conferences</h1>
+
+  {{ render_timeline(timeline) }}
+
   <div class="grid-container">
     {{ section("Current", current, "attending") }}
     {{ section("Future", future, "going") }}
diff --git a/web_view.py b/web_view.py
index 4bd5203..acdf4d2 100755
--- a/web_view.py
+++ b/web_view.py
@@ -440,6 +440,73 @@ def _conference_description(conf: StrDict) -> str:
     return "\n".join(lines) if lines else "Conference"
 
 
+def build_conference_timeline(
+    current: list[StrDict], future: list[StrDict], today: date, days: int = 90
+) -> dict | None:
+    """Build data for a Gantt-style timeline of upcoming conferences."""
+    timeline_start = today
+    timeline_end = today + timedelta(days=days)
+
+    visible = [
+        c
+        for c in (current + future)
+        if c["start_date"] <= timeline_end and c["end_date"] >= today
+    ]
+    if not visible:
+        return None
+
+    visible.sort(key=lambda c: c["start_date"])
+
+    # Greedy interval-coloring: assign each conference a lane (row)
+    lane_ends: list[date] = []
+    conf_data = []
+    for conf in visible:
+        lane = next(
+            (i for i, end in enumerate(lane_ends) if end < conf["start_date"]),
+            len(lane_ends),
+        )
+        if lane == len(lane_ends):
+            lane_ends.append(conf["end_date"])
+        else:
+            lane_ends[lane] = conf["end_date"]
+
+        start_off = max((conf["start_date"] - timeline_start).days, 0)
+        end_off = min((conf["end_date"] - timeline_start).days + 1, days)
+        left_pct = round(start_off / days * 100, 2)
+        width_pct = max(round((end_off - start_off) / days * 100, 2), 0.5)
+
+        conf_data.append(
+            {
+                "name": conf["name"],
+                "url": conf.get("url"),
+                "lane": lane,
+                "left_pct": left_pct,
+                "width_pct": width_pct,
+                "label": (
+                    f"{conf['name']}"
+                    f" ({conf['start_date'].strftime('%-d %b')}–"
+                    f"{conf['end_date'].strftime('%-d %b')})"
+                ),
+            }
+        )
+
+    # Month markers for x-axis labels
+    months = []
+    d = today.replace(day=1)
+    while d <= timeline_end:
+        off = max((d - timeline_start).days, 0)
+        months.append({"label": d.strftime("%b %Y"), "left_pct": round(off / days * 100, 2)})
+        # advance to next month
+        d = (d.replace(day=28) + timedelta(days=4)).replace(day=1)
+
+    return {
+        "confs": conf_data,
+        "lane_count": len(lane_ends),
+        "months": months,
+        "days": days,
+    }
+
+
 def build_conference_ical(items: list[StrDict]) -> bytes:
     """Build iCalendar feed for all conferences."""
     lines = [
@@ -488,10 +555,13 @@ def conference_list() -> str:
     ]
     future = [conf for conf in items if conf["start_date"] > today]
 
+    timeline = build_conference_timeline(current, future, today)
+
     return flask.render_template(
         "conference_list.html",
         current=current,
         future=future,
+        timeline=timeline,
         today=today,
         get_country=agenda.get_country,
         fx_rate=agenda.fx.get_rates(app.config),

From ef517c98ff2163a850b2145a96716404129e1141 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sat, 14 Mar 2026 10:56:44 +0000
Subject: [PATCH 2/5] Replace CSS grid with Bootstrap table on conference list
 page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Proper <table> with colgroup widths, table-sm table-hover align-middle
- Month-divider rows (MARCH 2026, APRIL 2026, …) break up long lists
- Date ranges collapsed to a single column (e.g. "25–28 Mar 2026")
- Row highlight (conf-going) for conferences marked going=true
- Topic and date columns styled text-muted small to reduce visual noise
- Trip links replaced with 🧳 emoji: shows just the emoji when the trip
  title matches the conference name (the common case), otherwise appends
  the trip title (e.g. "🧳 Budapest" for FOSDEM); full title always in
  tooltip

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 templates/conference_list.html | 152 +++++++++++++++++++++++----------
 1 file changed, 109 insertions(+), 43 deletions(-)

diff --git a/templates/conference_list.html b/templates/conference_list.html
index bb98d84..6aef0f0 100644
--- a/templates/conference_list.html
+++ b/templates/conference_list.html
@@ -1,22 +1,11 @@
 {% extends "base.html" %}
 
-{% from "macros.html" import trip_link, conference_row with context %}
+{% from "macros.html" import trip_link with context %}
 
 {% block title %}Conferences - Edward Betts{% endblock %}
 
 {% block style %}
-{% set column_count = 9 %}
 <style>
-.grid-container {
-  display: grid;
-  grid-template-columns: repeat({{ column_count }}, auto);
-  gap: 10px;
-  justify-content: start;
-}
-.heading {
-    grid-column: 1 / {{ column_count + 1 }};
-}
-
 /* Timeline */
 .conf-timeline {
   position: relative;
@@ -67,6 +56,22 @@
   color: white;
   text-decoration: none;
 }
+
+/* Conference table */
+.conf-month-row td {
+  background: #e9ecef !important;
+  font-weight: 600;
+  font-size: 0.8em;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: #495057;
+  padding-top: 0.5rem;
+  padding-bottom: 0.3rem;
+  border-bottom: none;
+}
+.conf-going {
+  --bs-table-bg: rgba(25, 135, 84, 0.07);
+}
 </style>
 {% endblock %}
 
@@ -74,7 +79,6 @@
 
 {% macro render_timeline(timeline) %}
 {% if timeline %}
-{% set bar_h = 26 %}
 {% set row_h = 32 %}
 {% set header_h = 22 %}
 {% set total_h = timeline.lane_count * row_h + header_h %}
@@ -82,28 +86,22 @@
   <h3>Next 90 days</h3>
   <div class="conf-timeline" style="height: {{ total_h }}px;">
 
-    {# Month markers #}
     {% for m in timeline.months %}
       <div class="conf-tl-month" style="left: {{ m.left_pct }}%;">
         <span class="conf-tl-month-label">{{ m.label }}</span>
       </div>
     {% endfor %}
 
-    {# Today marker (always at left: 0) #}
     <div class="conf-tl-today" style="left: 0;"></div>
 
-    {# Conference bars #}
     {% for conf in timeline.confs %}
       {% set color = tl_colors[conf.lane % tl_colors | length] %}
       {% set top_px = conf.lane * row_h + header_h %}
       <div class="conf-tl-bar"
            style="left: {{ conf.left_pct }}%; width: {{ conf.width_pct }}%; top: {{ top_px }}px; background: {{ color }};"
            title="{{ conf.label }}">
-        {% if conf.url %}
-          <a href="{{ conf.url }}">{{ conf.name }}</a>
-        {% else %}
-          <span>{{ conf.name }}</span>
-        {% endif %}
+        {% if conf.url %}<a href="{{ conf.url }}">{{ conf.name }}</a>
+        {% else %}<span>{{ conf.name }}</span>{% endif %}
       </div>
     {% endfor %}
 
@@ -112,25 +110,95 @@
 {% endif %}
 {% endmacro %}
 
-{% macro section(heading, item_list, badge) %}
-  {% if item_list %}
-    <div class="heading">
-
-      <h2>{{ heading }}</h2>
-
-      <p>
-        {% set item_count = item_list|length %}
-        {% if item_count == 1 %}{{ item_count }} conference{% else %}{{ item_count }} conferences{% endif %}
-      </p>
-    </div>
-
+{% macro conf_table(heading, item_list, badge) %}
+{% if item_list %}
+{% set count = item_list | length %}
+<h2>{{ heading }} <small class="text-muted fs-6 fw-normal">{{ count }} conference{{ "" if count == 1 else "s" }}</small></h2>
+<table class="table table-sm table-hover align-middle mb-4">
+  <colgroup>
+    <col style="width: 9rem">
+    <col>
+    <col style="width: 18rem">
+    <col style="width: 14rem">
+    <col style="width: 7rem">
+    <col style="width: 10rem">
+  </colgroup>
+  <thead class="table-light">
+    <tr>
+      <th>Dates</th>
+      <th>Conference</th>
+      <th>Topic</th>
+      <th>Location</th>
+      <th>CFP ends</th>
+      <th>Price</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% set ns = namespace(prev_month="") %}
     {% for item in item_list %}
-      {{ conference_row(item, badge) }}
-      <div class="grid-item">
-        {% if item.linked_trip %} trip: {{ trip_link(item.linked_trip) }} {% endif %}
-      </div>
+      {% set month_label = item.start_date.strftime("%B %Y") %}
+      {% if month_label != ns.prev_month %}
+        {% set ns.prev_month = month_label %}
+        <tr class="conf-month-row">
+          <td colspan="6">{{ month_label }}</td>
+        </tr>
+      {% endif %}
+      <tr{% if item.going %} class="conf-going"{% endif %}>
+        <td class="text-nowrap text-muted small">
+          {%- if item.start_date == item.end_date -%}
+            {{ item.start_date.strftime("%-d %b %Y") }}
+          {%- elif item.start_date.year == item.end_date.year and item.start_date.month == item.end_date.month -%}
+            {{ item.start_date.strftime("%-d") }}–{{ item.end_date.strftime("%-d %b %Y") }}
+          {%- else -%}
+            {{ item.start_date.strftime("%-d %b") }}–{{ item.end_date.strftime("%-d %b %Y") }}
+          {%- endif -%}
+        </td>
+        <td>
+          {% if item.url %}<a href="{{ item.url }}">{{ item.name }}</a>
+          {% else %}{{ item.name }}{% endif %}
+          {% if item.going and not (item.accommodation_booked or item.travel_booked) %}
+            <span class="badge text-bg-primary ms-1">{{ badge }}</span>
+          {% endif %}
+          {% if item.accommodation_booked %}
+            <span class="badge text-bg-success ms-1">accommodation</span>
+          {% endif %}
+          {% if item.transport_booked %}
+            <span class="badge text-bg-success ms-1">transport</span>
+          {% endif %}
+          {% if item.linked_trip %}
+            {% set trip = item.linked_trip %}
+            <a href="{{ url_for('trip_page', start=trip.start.isoformat()) }}"
+               class="text-muted ms-1 text-decoration-none"
+               title="Trip: {{ trip.title }}">
+              🧳{% if trip.title != item.name %} {{ trip.title }}{% endif %}
+            </a>
+          {% endif %}
+        </td>
+        <td class="text-muted small">{{ item.topic }}</td>
+        <td class="text-nowrap">
+          {% set country = get_country(item.country) if item.country else None %}
+          {% if country %}{{ country.flag }} {{ item.location }}
+          {% elif item.online %}💻 Online
+          {% else %}{{ item.location }}{% endif %}
+        </td>
+        <td class="text-nowrap text-muted small">
+          {% if item.cfp_end %}{{ item.cfp_end.strftime("%-d %b %Y") }}{% endif %}
+        </td>
+        <td>
+          {% if item.price and item.currency %}
+            <span class="badge bg-info text-nowrap">{{ "{:,d}".format(item.price | int) }} {{ item.currency }}</span>
+            {% if item.currency != "GBP" and item.currency in fx_rate %}
+              <span class="badge bg-info text-nowrap">{{ "{:,.0f}".format(item.price / fx_rate[item.currency]) }} GBP</span>
+            {% endif %}
+          {% elif item.free %}
+            <span class="badge bg-success text-nowrap">free</span>
+          {% endif %}
+        </td>
+      </tr>
     {% endfor %}
-  {% endif %}
+  </tbody>
+</table>
+{% endif %}
 {% endmacro %}
 
 {% block content %}
@@ -140,11 +208,9 @@
 
   {{ render_timeline(timeline) }}
 
-  <div class="grid-container">
-    {{ section("Current", current, "attending") }}
-    {{ section("Future", future, "going") }}
-    {{ section("Past", past|reverse|list, "went") }}
-  </div>
+  {{ conf_table("Current", current, "attending") }}
+  {{ conf_table("Future", future, "going") }}
+  {{ conf_table("Past", past|reverse|list, "went") }}
 </div>
 
 {% endblock %}

From 10716f98741c500f8b96c1e85eef8ffd296fe7bd Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sat, 14 Mar 2026 11:02:55 +0000
Subject: [PATCH 3/5] Add bidirectional hover highlight between Gantt chart and
 table

Each Gantt bar and table row gets a data-conf-key attribute
(ISO start date + conference name). A small JS lookup map connects
them so hovering either element highlights both simultaneously:
- Gantt bar: filter brightness + inset white box-shadow
- Table row: yellow tint via background-color

Hovering a Gantt bar also scrolls the matching table row into view
(scrollIntoView nearest) so future conferences are reachable without
manual scrolling. The key field is pre-computed in
build_conference_timeline() to keep the template simple.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 templates/conference_list.html | 43 ++++++++++++++++++++++++++++++++--
 web_view.py                    |  1 +
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/templates/conference_list.html b/templates/conference_list.html
index 6aef0f0..11828ba 100644
--- a/templates/conference_list.html
+++ b/templates/conference_list.html
@@ -57,6 +57,16 @@
   text-decoration: none;
 }
 
+/* Bidirectional hover highlight */
+.conf-tl-bar.conf-hl {
+  filter: brightness(1.25);
+  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
+  z-index: 15;
+}
+tr.conf-hl > td {
+  background-color: rgba(255, 193, 7, 0.25) !important;
+}
+
 /* Conference table */
 .conf-month-row td {
   background: #e9ecef !important;
@@ -99,7 +109,8 @@
       {% set top_px = conf.lane * row_h + header_h %}
       <div class="conf-tl-bar"
            style="left: {{ conf.left_pct }}%; width: {{ conf.width_pct }}%; top: {{ top_px }}px; background: {{ color }};"
-           title="{{ conf.label }}">
+           title="{{ conf.label }}"
+           data-conf-key="{{ conf.key }}">
         {% if conf.url %}<a href="{{ conf.url }}">{{ conf.name }}</a>
         {% else %}<span>{{ conf.name }}</span>{% endif %}
       </div>
@@ -143,7 +154,7 @@
           <td colspan="6">{{ month_label }}</td>
         </tr>
       {% endif %}
-      <tr{% if item.going %} class="conf-going"{% endif %}>
+      <tr{% if item.going %} class="conf-going"{% endif %} data-conf-key="{{ item.start_date.isoformat() }}|{{ item.name }}">
         <td class="text-nowrap text-muted small">
           {%- if item.start_date == item.end_date -%}
             {{ item.start_date.strftime("%-d %b %Y") }}
@@ -213,4 +224,32 @@
   {{ conf_table("Past", past|reverse|list, "went") }}
 </div>
 
+<script>
+(function () {
+  // Build a map from conf-key → all matching elements (bars + rows)
+  const map = new Map();
+  document.querySelectorAll('[data-conf-key]').forEach(el => {
+    const k = el.dataset.confKey;
+    if (!map.has(k)) map.set(k, []);
+    map.get(k).push(el);
+  });
+
+  function setHighlight(key, on) {
+    (map.get(key) || []).forEach(el => el.classList.toggle('conf-hl', on));
+    // When hovering a Gantt bar, scroll the matching table row into view
+    if (on) {
+      const row = (map.get(key) || []).find(el => el.tagName === 'TR');
+      if (row) row.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }
+  }
+
+  map.forEach((els, key) => {
+    els.forEach(el => {
+      el.addEventListener('mouseenter', () => setHighlight(key, true));
+      el.addEventListener('mouseleave', () => setHighlight(key, false));
+    });
+  });
+})();
+</script>
+
 {% endblock %}
diff --git a/web_view.py b/web_view.py
index acdf4d2..8ba8b25 100755
--- a/web_view.py
+++ b/web_view.py
@@ -482,6 +482,7 @@ def build_conference_timeline(
                 "lane": lane,
                 "left_pct": left_pct,
                 "width_pct": width_pct,
+                "key": f"{conf['start_date'].isoformat()}|{conf['name']}",
                 "label": (
                     f"{conf['name']}"
                     f" ({conf['start_date'].strftime('%-d %b')}–"

From bca0cd27273d492fe32bc43d3ac4a921db376cca Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sat, 14 Mar 2026 11:05:32 +0000
Subject: [PATCH 4/5] Minor cleanup in update.py

- Move datetime import to module level
- Replace assert on load_cached_launches with or {} fallback so the
  updater doesn't crash when the cache file is absent
- Condense upcoming-trips list comprehension to one line

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 update.py | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/update.py b/update.py
index 00460c2..efa4bd9 100755
--- a/update.py
+++ b/update.py
@@ -29,6 +29,9 @@ from agenda.types import StrDict
 from web_view import app
 
 
+from datetime import date, timedelta
+
+
 async def update_bank_holidays(config: flask.config.Config) -> None:
     """Update cached copy of UK Bank holidays."""
     t0 = time()
@@ -318,8 +321,7 @@ def update_thespacedevs(config: flask.config.Config) -> None:
     """
     rocket_dir = os.path.join(config["DATA_DIR"], "thespacedevs")
 
-    existing_data = agenda.thespacedevs.load_cached_launches(rocket_dir)
-    assert existing_data
+    existing_data = agenda.thespacedevs.load_cached_launches(rocket_dir) or {}
 
     if agenda.thespacedevs.is_launches_cache_fresh(rocket_dir):
         return
@@ -411,16 +413,13 @@ def update_gandi(config: flask.config.Config) -> None:
 
 def update_weather(config: flask.config.Config) -> None:
     """Refresh weather cache for home and all upcoming trips."""
-    from datetime import date, timedelta
 
     today = date.today()
     forecast_window = today + timedelta(days=8)
 
     trips = agenda.trip.build_trip_list()
     upcoming = [
-        t
-        for t in trips
-        if (t.end or t.start) >= today and t.start <= forecast_window
+        t for t in trips if (t.end or t.start) >= today and t.start <= forecast_window
     ]
 
     seen: set[tuple[float, float]] = set()

From 57054bb1bd20d96b5e985a1924afd0526fedbc9f Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sat, 14 Mar 2026 11:07:02 +0000
Subject: [PATCH 5/5] Remove auto-scroll on Gantt bar hover

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 templates/conference_list.html | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/templates/conference_list.html b/templates/conference_list.html
index 11828ba..7ac5ddc 100644
--- a/templates/conference_list.html
+++ b/templates/conference_list.html
@@ -236,11 +236,6 @@ tr.conf-hl > td {
 
   function setHighlight(key, on) {
     (map.get(key) || []).forEach(el => el.classList.toggle('conf-hl', on));
-    // When hovering a Gantt bar, scroll the matching table row into view
-    if (on) {
-      const row = (map.get(key) || []).find(el => el.tagName === 'TR');
-      if (row) row.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }
   }
 
   map.forEach((els, key) => {