version: 1
server:
  port: 8000
  static: static

monitor:
  dir: monitor.d

css:
  # Use metadata to get prettier colors - note that we can add arbitrary string keys and values here
  metadata:
    red:
      color: "#fa897b"
    yellow:
      color: "#ffdd94"
    green:
      color: "#d0e6a5"
  rules:
    # Style the HTML/SVG with the appropriate status color
    - selectors: "
        #{{monitor.id}},
        [data-monitor-id=\"{{monitor.id}}\"] > *
      "
      declarations: "
        background-color: {{monitor.status.css.metadata.color}} !important;
      "
    - selectors: "
        #{{monitor.id}}::after
      "
      declarations: "
        content: \"status={{monitor.status.status}} retval={{monitor.status.code}}\"
      "