rf_ir_remote_learn.html

<style type="text/css">
  #rf-ir-remote-learn-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10%;
    box-sizing: border-box;
  }

  #rf-ir-remote-learn-image {
    display: block;
    width: 80vw;
    height: 80vw;
    margin: 2em auto;
    background: url(image.svg) no-repeat center center;
    background-size: contain;
  }

  #rf-ir-remote-learn-instruction {
    display: block;
    text-align: center;
    font-weight: 400;
  }
</style>

<div id="rf-ir-remote-learn-wrap">

  <div id="rf-ir-remote-learn-image"></div>
  <p id="rf-ir-remote-learn-instruction"></p>

</div>

<script type="text/javascript">
  (function () {
    const $instruction = document.getElementById('rf-ir-remote-learn-instruction');

    Homey.getOptions((err, options) => {
      if (err) return Homey.error(err);
      if (options && options.title) Homey.setTitle(Homey.__(options.title));
      if (options && options.instruction) $instruction.innerHTML = Homey.__(options.instruction);
    });

  })();
</script>