Me and my best friend Gizmo

Overview

This is a simple tool to take pictures with your best friend Gizmo.

Features

• Upload Background Image: Users can drag and drop or select a background image to upload.
• Overlay Selection: Overlays can be selected from a predefined list.
• Move, Resize, and Rotate: The overlay can be moved, resized, and rotated using draggable handles.
• Download Image: After editing, users can download the final composition as a PNG file.

Customization

You are free to adapt this page in any way you like. Feel free to change the text, images, or functions. Only basic HTML, CSS, and JavaScript skills are needed to make modifications.

Adding New Overlays

To add a new overlay:

1. Place your overlay images (PNG format recommended) into the /overlays/ folder.
2. Open script.js and add the new filenames to the overlayImages array.

Example:

const overlayImages = ['overlay1.png', 'overlay2.png', 'new_overlay.png'];

Setting Up the Website with GitHub Pages

To set up the website and make it accessible via GitHub Pages:

1. Clone or Download the Repository: Clone the repository to your local machine or copy the files.
2. Push to GitHub: If you haven’t already, create a GitHub repository and push your code to the main branch.
3. Enable GitHub Pages:
   • Go to the repository’s settings on GitHub.
   • Scroll down to the GitHub Pages section.
   • In the Source dropdown, select main branch.
   • Save your settings.
4. Your website should now be live at https://your-username.github.io/your-repository-name.

License

This project is open-source and licensed under the MIT License. You are free to use, modify, and distribute this project for personal and commercial purposes. Attribution is appreciated but not required.

Attribution (optional):
you_are_el