☰

Pikabu Link FavIcons

Add favicons to every link on pikabu

// ==UserScript==
// @name         Pikabu Link FavIcons
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Add favicons to every link on pikabu
// @author       Dimava
// @match        https://pikabu.ru/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=pikabu.ru
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    function makeLinkIcons() {
        const selector = 'a[href^=http]:not([href*="pikabu.ru"]):not(.with-favicon)';
        const links = document.querySelectorAll(selector);
        console.log(links);
        for (let link of links) {
            link.classList.add('with-favicon');
            let domain = link.href.split('/')[2];
            let icon = 'https://www.google.com/s2/favicons?domain=' + domain;
            link.style.setProperty('--icon', `url("${icon}")`);
        }
    }
    makeLinkIcons();
    setInterval(makeLinkIcons, 1000);

    function createStyle(s) {
        let el = document.createElement('style');
        document.head.append(el);
        el.innerHTML = s;
    }
	createStyle(`a.with-favicon::before {
		content: "";
		background-image: var(--icon);
		height: 16px;
		width: 16px;
		display: inline-block;
		vertical-align: text-bottom;
		margin-right: 6px;
	}`);
})();