Comment on Post title lol

• zout@fedia.io ⁨3⁩ ⁨weeks⁩ ago

  Your comment triggered me to ask an LLM to create it, and it came up with something. I'm not going to test it though, so we'll never know if it works. I'd advise anyone not to try it. It gave links to an image and a sound file that gave a 404 error. LLM output:

  Here’s a complete Firefox extension that replaces the text "lol" with a TIE Fighter image, plays a sound on hover, and changes the image on click.

  🔧 Firefox Extension: “Lol to TIE Fighter”

  1. Manifest File (manifest.json)

  {
    "manifest_version": 2,
    "name": "Lol to TIE Fighter",
    "version": "1.0",
    "description": "Replaces 'lol' with a TIE Fighter image and plays sound on hover.",
    "permissions": [
      "activeScript",
      "scripting",
      "https://example.com/*"
    ],
    "content_scripts": [
      {
        "matches": ["<all_urls>"],
        "js": ["content.js"]
      }
    ],
    "background": {
      "scripts": ["background.js"]
    },
    "options_page": "options.html"
  }
  

  2. Content Script (content.js)

  document.addEventListener("DOMContentLoaded", function() {
    function replaceTextNodesWithImages() {
      const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
      let node;
      while (node = walker.nextNode()) {
        if (node.textContent.includes("lol")) {
          const img = document.createElement("img");
          img.src = "https://example.com/tie-fighter.png"; // Replace with your image URL
          img.style.width = "20px";
          img.style.height = "20px";
          img.style.display = "inline-block";
          img.style.cursor = "pointer";
  
          // Sound on hover
          img.addEventListener("mouseover", () => playSound());
  
          // Blow up on click
          img.addEventListener("click", () => blowUp(img));
  
          node.replaceWith(img);
        }
      }
    }
  
    replaceTextNodesWithImages();
  });
  
  function playSound() {
    const audio = new Audio("https://example.com/sound.mp3"); // Replace with your sound URL
    audio.play();
  }
  
  function blowUp(img) {
    img.src = "https://example.com/blowup.png"; // Replace with a larger image or "none"
    img.style.width = "40px";
    img.style.height = "40px";
  }
  

  3. Image and Sound Requirements
     TIE Fighter Image: Replace the URL in content.js with a public domain image. Example:
     TIE Fighter Image from Wikipedia
     Sound Effect: Replace the URL with a .mp3 file hosted on your server. Example:
     Sound Effect from FreeSound.org
     🛠️ How to Use
     Create the files:
     manifest.json
     content.js
     Load the extension in Firefox:
     Go to about:debugging in Firefox.
     Click Add Extension and select the folder with your files.
     Test on any website with “lol” text.
     ⚠️ Notes
     Image/Sound URLs: Replace the URLs with your own hosted or public domain assets.
     Performance: This script runs on every page, so consider optimizing for large sites.
     Security: Ensure the image and sound URLs are secure to avoid errors.
     This extension replaces “lol” with a TIE Fighter image, plays a sound on hover, and expands the image on click. Adjust the URLs to match your assets!

  source

  • bountygiver@lemmy.ml ⁨3⁩ ⁨weeks⁩ ago

    your LLM misunderstood the request, it is going to replace the entire sentence into the TIE fighter if it contains the “lol”, not just the part where it is “lol”. Also the “blow up” is not explosion, it thought it means “making it big”

    source