Expose your favorite tags before clicking the image
As of
// ==UserScript==
// @name Show Tags on booru.org
// @namespace sllypper
// @version 0.1.0
// @description Expose your favorite tags before clicking the image
// @author You
// @match *://*.booru.org/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
if (Object.keys(posts).length == 1) {
singleImgCSS()
return
}
console.log("Script Loaded")
// no judgerino pls
let favTags = [
'thick_thighs',
'muscular_female',
'short_hair',
// 'male_viewer',
'abs',
'tomboy',
'wholesome',
'saviour_kink',
'symbol-shaped_pupils',
'heart-shaped_pupils',
'romance',
'cock_worship',
]
function runScript() {
// find which posts have those tags and which tags
let keys = Object.keys(posts)
let found = []
//console.log(keys)
keys.forEach((key) => {
let tags = posts[key].tags.filter((tag) => favTags.indexOf(tag) != -1)
if (tags.length) found[key] = tags
})
console.log(found)
// append the tags below the thumb
// for each post with tag found, find element
found.forEach((post, key) => {
let postEl = document.getElementById('p'+key).parentElement
console.log(postEl)
post.forEach((tag) => {
let newEl;
postEl.appendChild((newEl = document.createElement('span')))
newEl.setAttribute('class', 'tag')
newEl.textContent = tag
})
})
}
function customCSS() {
let customStyles = document.createElement("style");
customStyles.setAttribute("type", "text/css");
let styles = ".tag { color: white; background-color: darkred; padding: 2px; border-radius: 2px; margin-left: 2px; margin-top: 4px; display: inline-block; }"
customStyles.innerHTML = styles;
document.getElementsByTagName("head")[0].appendChild(customStyles);
}
function singleImgCSS() {
let customStyles = document.createElement("style");
customStyles.setAttribute("type", "text/css");
let styles = "#image { width: 100%; }"
customStyles.innerHTML = styles;
document.getElementsByTagName("head")[0].appendChild(customStyles);
}
customCSS();
runScript();
})();