Skip to content

Instantly share code, notes, and snippets.

@jpinnix
Forked from ottsch/add_favicons.js
Created September 4, 2020 13:51
Show Gist options
  • Save jpinnix/68278a857e2f68267ce5cc793883010a to your computer and use it in GitHub Desktop.
Save jpinnix/68278a857e2f68267ce5cc793883010a to your computer and use it in GitHub Desktop.
Add favicon to links
const addFavicons = () => {
let filtered = Array.prototype.filter.call(document.querySelectorAll('.roam-body-main a'), a => {
return a.hostname && a.hostname !== document.location.hostname;
});
Array.prototype.forEach.call(filtered, a => {
if (a.text == "*") {
a.style.background = `url(https://www.google.com/s2/favicons?sz=16&domain=${a.hostname}) right center no-repeat`;
a.style.paddingRight = "18px";
} else {
a.style.background = `url(https://www.google.com/s2/favicons?sz=16&domain=${a.hostname}) left center no-repeat`;
a.style.paddingLeft = "20px";
}
});
};
const observer = new MutationObserver(addFavicons);
observer.observe(document.querySelector('.roam-body-main'), {
attributes: true,
childList: true,
subtree: true
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment