Greasy Fork

New Features Added:

🔄 Fully Draggable

• Click and drag anywhere on the control panel (except buttons/slider) to move it
• Position is automatically saved and restored
• Prevents dragging conflicts with interactive elements

👁 Hide/Show Toggle

• Purple eye button to hide/show the controls
• When hidden, only a small portion remains visible for easy access
• Keyboard shortcut: Alt + H
• Eye icon changes when hidden (👁 → 👀)

🌫 Transparency Control

• Slider at the bottom to adjust transparency (30% to 100%)
• Real-time transparency adjustment
• Affects both the background and shadow opacity
• Setting is saved and restored

💾 Enhanced Settings Persistence

• Saves zoom level, transparency, hide/show state, and position
• All settings are restored when you revisit the site
• Uses a single JSON object for better organization

Controls Layout:

[−] 100% [+] [⌂] [👁]  ← Main controls
[👁] ————————————————  ← Transparency slider

All Keyboard Shortcuts:

• Ctrl + Plus: Zoom in
• Ctrl + Minus: Zoom out
  
• Ctrl + 0: Reset zoom
• Alt + H: Hide/show controls

Usage Tips:

1. Drag: Click empty space around buttons and drag to reposition
2. Hide: Click the purple eye or press Alt+H to slide controls off-screen
3. Transparency: Use the bottom slider to make controls more/less visible
4. Reset: The home button (⌂) resets zoom to 100%

The controls now have a smooth sliding animation when hiding/showing and all your preferences are remembered across page visits!