☰

TechTweaks

Various tweaks for the linustechtips.com forums

// ==UserScript==
// @name        TechTweaks
// @namespace   py-mpixel
// @match       https://linustechtips.com/*
// @grant       none
// @version     1.1
// @author      pythonmegapixel
// @description Various tweaks for the linustechtips.com forums
// @license BSD-3-Clause
// ==/UserScript==
 
 
const CONF = {
  // How to handle GIF profile pictures.
  // 0 = leave as is
  // 1 = replace with generic "contacts" icon (except on mouseover)
  gifProfilePictures: 0,
  
  // What to do with the "ranking" information:
  // 0 = leave as is
  // 1 = move to where the Member Title used to be
  // 2 = hide altogether
  rankingInformation: 1,
}
 
 
/****************************************************************************
 ***************************************************************************/
 
 
if (CONF.gifProfilePictures==1) {
 
  const replacementImageData =
    `
    <svg xmlns="http://www.w3.org/2000/svg" width="auto" height="auto" fill="white" style="background-color:orange;" class="bi bi-person-square" viewBox="0 0 16 16">
     <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
  </svg>
    `;
 
  document.querySelectorAll('.ipsUserPhoto img, .ipsUserPhoto:is(img)').forEach(function(pfp) { // Loop through every profile image
    if (pfp.src.substr(pfp.src.length - 3) === "gif") {                                         // Does the filename end in gif?
        pfp.style.display = "none";                                                             // If so, hide it
        }                                                                                     
      }
    );
 
  document.querySelectorAll('.ipsUserPhoto').forEach(function(pfpcontainer) {                   // Now loop through every CONTAINER for the profile images
 
      var newImage = document.createElement('span');                                            // Create a new span element
 
      newImage.innerHTML = replacementImageData;                                                // Put the replacement image data in there
 
 
      pfpcontainer.appendChild(newImage);
 
    })
 
  document.querySelectorAll('#elCopyright').forEach(function(thePara) {                                                             
    var newP = document.createElement('p');
    newP.innerHTML = "<a href='https://pythonmegapixel.com' target='_blank'>Modified with a userscript by pythonmegapixel</a>"; // Adds some data to the bottom of the page to show that the userscript worked
    thePara.appendChild(newP);
  }
  );
  
}
 
if (CONF.rankingInformation==1||CONF.rankingInformation==2) {
   document.querySelectorAll('.cAuthorPane').forEach(function(panel) {
     var badge = panel.querySelector(".cAuthorPane_badge--rank");
     badge.style.height = 0;
     badge.removeAttribute("data-ipstooltip");
     
     if (CONF.rankingInformation==1) {
        var stats = panel.querySelector(".cAuthorPane_stats");
        var infolist = panel.querySelector(".cAuthorPane_info");
        var ranktext = document.createElement("li");
        ranktext.innerHTML = badge.getAttribute("title").replace(/\(\d+\/\d+\)/, "").replace(/Title:/, "");
        ranktext.style.color = "#888888"
        infolist.insertBefore(ranktext, stats);
     }
  
   }) 
}