https://github.com/tmhsdigital/embed-tester
A barebones site used to test embeddable elements, such as maps or charts.
https://github.com/tmhsdigital/embed-tester
Last synced: 11 months ago
JSON representation
A barebones site used to test embeddable elements, such as maps or charts.
- Host: GitHub
- URL: https://github.com/tmhsdigital/embed-tester
- Owner: TMHSDigital
- Created: 2025-02-18T19:36:54.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-18T20:28:52.000Z (11 months ago)
- Last Synced: 2025-02-18T20:41:30.717Z (11 months ago)
- Homepage: https://tmhsdigital.github.io/embed-tester/
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# embed-tester
[](https://tmhsdigital.github.io/embed-tester)
[](LICENSE)
[](http://makeapullrequest.com)
embed-tester
A modern, lightweight site to test embeddable elements, such as maps, charts, and interactive widgets.
## Features
- **Map Embeds** - Test Google Maps and other mapping services
- **Chart Embeds** - Visualize data with various chart libraries
- **Video Embeds** - YouTube and other video platform integration
- **Dark Mode** - Automatic dark mode based on system preferences
- **Responsive** - Works perfectly on all devices
- **Performance** - Lightweight and optimized
- **Security** - Sandboxed iframes for embed isolation
## Quick Start
1. **Clone the repository**
```bash
git clone https://github.com/TMHSDigital/embed-tester.git
cd embed-tester
```
2. **Open in browser**
```bash
# Using Python
python -m http.server 8000 --directory docs
# OR using Node.js
npx serve docs
```
3. Visit `http://localhost:8000` in your browser
## Project Structure
The website files are located in the `docs` folder for GitHub Pages compatibility:
```
docs/
├── index.html # Main HTML file
├── styles.css # Styling
└── embed.js # Embed functionality
```
## Example Embeds
The embed tester supports various types of embeddable content:
- **Maps**: Google Maps embeds for location visualization
- **Charts**: MongoDB Charts for data visualization
- **Videos**: YouTube video embeds
Each embed is sandboxed and responsive, making it perfect for testing how embeds will look in your own projects.
## Contributing
Contributions are welcome! Feel free to:
- Report bugs
- Suggest features
- Submit pull requests
## License
This project is open source and available under the Apache 2.0 License.