Display DAREBEE daily challenge on Home Assistant dashboard

ha_darebee_daily.yaml

---
# Create an image entity showing the DAREBEE daily challenge
#
# https://www.home-assistant.io/integrations/image/
# https://darebee.com/daily
# https://sequr.be/blog/2023/07/darebee-daily-challenge-on-home-assistant-dashboard/
#
scrape:
  - resource: https://darebee.com/
    scan_interval: 3600 # Every hour
    sensor:
      - name: Darebee daily challenge
        unique_id: darebee_daily
        icon: mdi:weight-lifter
        select: "#exercise > div:nth-child(1) > p:nth-child(1) > a:nth-child(1) > img:nth-child(1)"
        attribute: src
        value_template: "https://darebee.com{{ value }}" # E.g. https://darebee.com/images/exercise/2023/july10.gif

template:
  - image:
      - name: Darebee daily challenge
        unique_id: darebee_daily_img
        icon: mdi:weight-lifter
        url: "{{ states('sensor.darebee_daily_challenge') }}"


# On HA Dashboard:
cards:
- type: picture
  image_entity: image.darebee_daily_challenge
  alt_text: Darebee Daily Challenge