CalCOFI.github.io/_data/shots.yml at main · CalCOFI/CalCOFI.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
# Per-card OVERRIDES for the calcofi.io screenshot capture (scripts/shots.py).
#
# The capture list itself comes from _data/products.yml: every product with
# `shots: themed` is captured twice, at  live_url?theme=dark&tour=off  and
# ?theme=light&tour=off, into images/<key>_dark.png and _light.png (1200x750);
# a product named here but NOT `shots: themed` is captured once, into
# images/<key>.png, with no theme parameter (third-party hosts, student work).
#
# Keys are product keys. Fields (all optional):
#   url:        capture this instead of live_url (a bookmark that opens a view)
#   wait:       ms after load before the shot (default 5000; app.calcofi.io 15000)
#   javascript: shot-scraper JS run before the shot — dismiss a modal/tour that
#               ignores ?tour=off, or wait for layers to paint
#   themed:     false — force a single capture even though products.yml says themed
#
# `pages:` (below) is a separate list: calcofi.io's OWN pages, which are not products and have no
# card. Each is captured in both themes into images/<key>_{dark,light}.png, the same shape the
# cards use, so the luminance check covers them too. Capture them with
#   scripts/shots.py --pages          (or by key: scripts/shots.py datasets)

db-viz-hex:
  wait: 15000   # the sardine/temperature hexagon layers paint several seconds
                # after the basemap; too short a wait yields an empty map
  # ?tour=off suppresses the Conductor (shepherd.js) tour at the source; this is
  # a belt-and-braces fallback that cancels it client-side too.
  javascript: |-
    (async () => {
      const sleep = ms => new Promise(r => setTimeout(r, ms));
      for (let i = 0; i < 20 && !document.querySelector('.shepherd-element'); i++) await sleep(250);
      try { if (window.Shepherd && window.Shepherd.activeTour) window.Shepherd.activeTour.cancel(); } catch (e) {}
      document.querySelectorAll('.shepherd-element, .shepherd-modal-overlay-container').forEach(e => e.remove());
      document.body.classList.remove('shepherd-active');
      await sleep(4000);
    })()

ctd-viz:
  # a bookmark link (CTD app "Share" button) that reopens cruise 2026-04 (BELL
  # M. SHIMADA) with the casts 26->32 transect selected, temperature, the Plot
  # tab and a 600 m depth cap.
  url: https://app.calcofi.io/ctd/?_inputs_&subtabs=%22Plot%22&sel_cruise=%222026-04-3322%22&sel_meas_type=%22temperature_ave%22&sl_max_depth=600&_values_&sel_occ=%5B%22026%22%2C%22027%22%2C%22028%22%2C%22029%22%2C%22030%22%2C%22031%22%2C%22032%22%5D
  wait: 20000   # cruise load + selection restore + map load + WebGL transect
  javascript: |-
    (async () => {
      const sleep = ms => new Promise(r => setTimeout(r, ms));
      for (let i = 0; i < 20 && !document.querySelector('.shepherd-element'); i++) await sleep(250);
      try { if (window.Shepherd && window.Shepherd.activeTour) window.Shepherd.activeTour.cancel(); } catch (e) {}
      document.querySelectorAll('.shepherd-element, .shepherd-modal-overlay-container').forEach(e => e.remove());
      document.body.classList.remove('shepherd-active');
      await sleep(2000);
    })()

offshore-wind-monitoring:
  wait: 18000   # shinyapps.io free tier can cold-start for ~15-20s
  # dismiss the Scripps welcome modal by clicking OK, then wait for the
  # monitoring-program overlay layers + legend to finish drawing
  javascript: |-
    (async () => {
      const sleep = ms => new Promise(r => setTimeout(r, ms));
      for (let i = 0; i < 80; i++) {
        const ok = [...document.querySelectorAll('button, a')].find(e => e.textContent.trim() === 'OK');
        if (ok) { ok.click(); break; }
        await sleep(250);
      }
      await sleep(7000);
    })()

calcofi-75th-timeline:
  wait: 9000   # let TimelineJS pull the Google Sheet and render the title slide

storage:
  wait: 2000

erddap:
  # the vhost root redirects to /erddap/index.html and drops the query string,
  # so ?theme= must be applied to the real index page
  url: https://erddap.calcofi.io/erddap/index.html
  wait: 6000

# ── calcofi.io's own pages (not products; see the note at the top) ────────────
pages:
  datasets:
    url: https://calcofi.io/datasets/
    height: 1400          # the grid packs to ~2,100 px; 1,400 shows the release strip and four tiles
  dataset-ctd-cast:
    url: https://calcofi.io/datasets/calcofi_ctd-cast/
    height: 900           # the head band: the title block beside the map it is bounded to
  dataset-ichthyo:
    url: https://calcofi.io/datasets/swfsc_ichthyo/
    height: 900           # the map whose bbox continues beyond the frame, and says so