Interco Flags

A display of the International Code of Signals (INTERCO) flags, used by vessels to communicate important messages. Demo of a 'Trading card' mini-layout and SVG Cat combining many in one. Emoticons signification in descriptions: [ℹ️ Single] [➕ Numbered] [🎣 Fishing] [🏘️ Harbour]

Revisions

    Adapted to the Raster of 24 by 24, shorter descs, added emoticons.
    22nd Jan. '25

    Full switch to Cat-file, explainations included.
    8th Dec. '24

    Prototype of Cat-file and fancy card style.
    2nd Dec. '24

    Modifications, clean-up.
    18th Sept '24

    Created on (Casselvecchio)
    19th July '24

Cat-Linking

    General Procedure to "Compress" a directory of SVG files into a single "Cat".
    1. Concatenate all SVGs into a "Cat file", of viewBox(0, 0, CW, CH).
      For example, with the command $ cat path/to/dir/*.svg > cat.svg
    2. Remove all XML Processing instructions <?xml ...>
    3. Convert SVG[viewBox=(0,0,W,H)] into G[transform=scale(CW/W, CH/H)]
    4. Assign them IDs - this can be the naming scheme.
    5. Add the style :not(:target) { display: none; }

Fetching Flags with Python.

  #!/usr/bin/env -S python3 -B
  from pathlib import Path
  from urllib.request import Request, urlopen
  headers = { "User-Agent": ..., "Accept": "text/html,application/xml..., }
  for l in Path("signals.html").read_text().splitlines():
      if "img src" not in l: continue
      fn = l.split('src="')[1].split('" data')[0]
      if (im := Path(Path(fn).name)).is_file(): print(im, "exists"); continue 
      req = Request("https://upload.wikimedia.org/wikipedia/commons%s" % fn)
      for _ in headers.items(): req.add_header(*_)
      with urlopen(req) as resp: im.write_bytes(resp.read())