ADD link to logo on lock pages

Th following is a tiny piece of code that modifies the size of the logo on password protected pages’ lock screen and makes sure you can click it to go to a link, in my case my home page. Beware that I used specific styling of the lock page in the squarespace editor and this may not work for you as your logo might not be present, or have a different class.

HTML:

JAVASCRIPT:

document.addEventListener('DOMContentLoaded', function() {
var images = document.querySelectorAll('.sqs-slice-group img');
images.forEach(function(img) {
img.focus();
img.style.cursor = 'pointer';
img.style.setProperty('max-height', '125px', 'important');
img.addEventListener('click', function() {
var href = "https://www.polivantage.com";
window.location.href = href;
    });
  });
});

CSS: