📺 Distraction Blocker

About:
Distraction Blocker is a Chrome extension designed to help you stay focused. It replaces YouTube thumbnails and video titles with a simple black image and a reminder to focus, allowing you to regain control of your browsing experience.

---

Features:

• 🚫 Block Thumbnails: Replaces YouTube video thumbnails with a neutral black image.
• 📜 Reminder Text: Displays a simple, motivating message to help you stay focused and avoid distractions.
• 🔄 Seamless Experience: Works automatically when you open YouTube, so you can get straight to the content you need without temptation.

---

How It Works:

1. When you visit YouTube, the extension automatically replaces thumbnails and titles of videos.
2. Instead of the usual vibrant, clickbait thumbnails, you'll see a black image with a reminder to focus.

---

How to Install Locally:

1. Clone the repository:

   • Clone the Distraction Blocker extension repository to your local machine.
   • Or, download the source files.

2. Enable Developer Mode in Chrome:

   • Open Chrome and go to chrome://extensions/.
   • Enable Developer Mode by toggling the switch in the top right corner.

3. Load the Extension Locally:

   • Click Load unpacked.
   • Select the folder where the Distraction Blocker extension files are located.

4. Start Using:

   • After loading the extension, head over to YouTube, and you should start seeing the black image and reminder replacing the thumbnails.

5. Disable or Remove:

   • If you want to remove the extension, simply go back to chrome://extensions/ and click Remove.

---

🔧 Development:

• Technologies Used: HTML, JavaScript
• Folder Structure:
  • manifest.json: Configuration file for the Chrome extension.
  • background.js: Handles the logic for replacing thumbnails.
  • styles.css: Contains basic styling for the extension's layout.