Implement adding link on logo

[shafayetShafee]

Implement the following from here,

You can write a JavaScript function to take the rendered logo image and then nest it withing an a tag with the desired hyperlink.

logo-hyperlink.html

<script type="text/javascript">
  function hyperlink_logo() {
    let logo = document.querySelector('img.slide-logo');
    const logo_cloned = logo.cloneNode(true);
    const link = document.createElement('a');
    // -----------------------------------------------------------
    // set the link for the logo here in `link.href` within quotes
    link.href = 'https://stackoverflow.com';
    // -----------------------------------------------------------
    link.target = '_blank';
    link.appendChild(logo_cloned);
    logo.replaceWith(link);
  };
  
  window.document.addEventListener("DOMContentLoaded", function (event) {
    hyperlink_logo();
  });
</script>

Set the link enclosed with quotes for the logo as the value of link.href. And then include this html file to the qmd file.

presentation.qmd

---
title: Testing
format:
    revealjs:
      logo: SO.png
include-after-body: logo-hyperlink.html
---


## Quarto