Raw Source Toggle Dropdown

• Minified Source

Dragonian / Brick Hill Forum Banners

/*eslint-env jquery*/
// ==UserScript==
// @name         Brick Hill Forum Banners
// @namespace    https://brick-hill.com
// @version      0.1
// @description  Add banner images on the forums
// @author       Dragonian
// @match        https://*/forum/thread*
// @grant        none
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @license      MIT
// ==/UserScript==

window.addEventListener('load', () => {

    $('head').append('<link rel="stylesheet" type="text/css" href="https://drive.google.com/uc?export=view&id=1xT49sXC9ZPPn3-OgVegiFxrDOScBQsen">')

    $.getJSON('https://cors.io/?http://techsworld.hol.es/tag-creator/data.json', (data) => {
        $('#body a[href*="/user?id="][style="color: #000;"]').each((key, el) => {
            let userId = $(el).attr('href').split('id=')[1]
            let user = data[userId]
            if (!user) return
            $(el).append(`
                <div id="bannerUsr">
                <!--<img style="-webkit-filter: hue-rotate(${user.hueDeg});" src="${user.bannerImage}"> -->
                    <p class="textUsr" style="color: #${user.color};-webkit-mask: url(${user.bkgMsk});background-color: #${user.bannerColor};background-image: url(${user.bkgImg});-webkit-mask-position-y: -3px;" value="${userId}">
                        ${user.bannerText}
                    </p>
                </div>
            `)
        })
    })
})

// made by Dragonian