Twitter Or Die!

Twitter or Die!

Elon Musk strikes me as something of a prankster, so I am sure he would approve of someone creating a Chrome bookmark that overwrites the new X.com logo with the old Twitter bird logo. So we made one. Here's how it works:

  1. Create a new bookmark in Chrome. Call it "Twitter Or Die" (or whatever turns you on). Save it in your Bookmarks Bar.
  2. Edit the bookmark by pasting the code below into the URL field and save.
  3. The next time you go to Twitter.com, click the Twitter Or Die bookmark and it will replace the X logo with the blue Twitter bird logo in the header and the favicon.
    javascript:(function() {
      function createNewSVG() {
        const newSVG = document.createElementNS("http://www.w3.org/2000/svg", "svg");
        newSVG.setAttribute("viewBox", "0 0 48 48");
        newSVG.setAttribute("width", "48px");
        newSVG.setAttribute("height", "48px");
        return newSVG;
      }
    
      const elementsWithTwitterLabel = document.querySelectorAll('[aria-label="Twitter"]');
      if (!elementsWithTwitterLabel.length) {
        alert("No elements with aria-label=\"Twitter\" found on the page.");
        return;
      }
    
      elementsWithTwitterLabel.forEach((element) => {
        const targetSVG = element.querySelector('svg');
        if (!targetSVG) return;
    
        const newSVG = createNewSVG();
        targetSVG.parentNode.replaceChild(newSVG, targetSVG);
    
        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
        path.setAttribute("fill", "#03A9F4");
        path.setAttribute(
          "d",
          "M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429"
        );
    
        newSVG.appendChild(path);
      });
      const faviconUrl = 'https://abs.twimg.com/favicons/twitter.2.ico';
    
      function setFavicon(url) {
        const link = document.querySelector('link[rel="shortcut icon"]') || document.createElement('link');
        link.type = 'image/x-icon';
        link.rel = 'shortcut icon';
        link.href = url;
        document.getElementsByTagName('head')[0].appendChild(link);
      }
    
      setFavicon(faviconUrl);
    
        console.log("with love from localseoguide.com + icon from https://icons8.com/icon/13963/twitter")
    })();
    Bookmark created by the always amazing @jessthebp!
← All posts