🚀 Test Page for PLuG Overlay

This page is designed to test the PLuG Overlay Manager Chrome Extension

📋 How to Test the Extension

  1. Install the Extension: Load the extension in Chrome's Developer Mode
  2. Click the Extension Icon: Look for the PLuG icon in the Chrome toolbar
  3. Activate Overlay: Click "Activate Overlay" in the popup
  4. Test Different Modes: Try different transparency modes to see which works best
  5. Keyboard Shortcut: Press Ctrl+Shift+P to quickly toggle

🎯 Purpose

This extension allows you to demo PLuG widgets on any website without needing to modify the site's code. It uses green screen technology to overlay widgets transparently.

🔧 How It Works

The extension creates a transparent overlay layer on top of any webpage. The PLuG widget loads in this overlay, making it appear as if it's integrated into the original site.

🎨 Transparency Modes

Multiple CSS blend modes are available to ensure the overlay works on different types of websites and backgrounds.

⚡ Features

Quick toggle with keyboard shortcut, multiple transparency methods, works on all websites, and no code injection needed.

🎪 Demo Area

When you activate the overlay, the PLuG widget should appear somewhere on this page!

Try different transparency modes if the overlay doesn't look right.

✅ No CORS Issues
🔄 Works on Any Site
🚀 Easy to Use
🎨 Multiple Blend Modes
⌨️ Keyboard Shortcuts
🔧 Developer Friendly