Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 77 additions & 0 deletions submissions/Toonify/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
# Toonify

Transform any boring webpage into a comic book adventure with animations, games, and fun interactive elements!

<div align="center">
<img src="media/chillguy.png" alt="Cartoonify Banner" width="400"/>
</div>


## Description

Cartoonify is a Chrome extension that adds comic book styling and fun interactive elements to any webpage. Turn your mundane web browsing into an exciting, cartoon-like experience complete with custom fonts, sound effects, animations, and mini-games.

## Demo

https://github.com/user-attachments/assets/b271ff2e-835b-4d6d-90ae-abfb96835ae9

## Features

- Changes fonts, colors, and adds cartoon-like effects to webpages
- Comic book style "POW!", "BOOM!", "ZAP!" sounds with every click
- A friendly turtle that moves across the bottom of your screen
- Random comic-style speech bubbles appear on headings and links
- Play a mini Pong game in the corner of your browser
- Cycle through rainbow colors on the entire page
- Invert all colors on the page for a negative effect
- A cute cat that follows your cursor around the page
- Get a humorous "roast" about the page you're viewing
- Get a nerdy, technical summary of the current page content

## Installation

1. Download or clone this repository
2. Open Chrome and navigate to `chrome://extensions`
3. Enable "Developer mode" in the top-right corner
4. Click "Load unpacked" and select the Cartoonify directory
5. The Cartoonify extension icon should now appear in your Chrome toolbar

## Usage

1. Click the Cartoonify extension icon in your toolbar to activate
2. Click it again to deactivate
3. Access settings by right-clicking the extension icon and selecting "Options"

### Interactive Features:
- **Pong Game**: Use the Up/Down arrow keys and Enter to play
- **Pig Roaster**: Hover over the pig icon on the right side and click for a roast
- **Nerd Summarizer**: Hover over the nerd icon on the left side and click for a summary
- **Cat Cursor**: Watch the cat follow your cursor movements

## Configuration

You can customize various features through the extension's options page:

- **Main Color**: Choose your preferred accent color
- **Enable/Disable Features**: Toggle individual features on or off:
- Sound Effects
- Speech Bubbles
- Moving Turtle
- Pong Game
- Color Inversion
- Pig Roaster
- Nerd Summarizer
- RGB Mode
- Cat Cursor

## Requirements

- Google Chrome browser (version 88 or higher recommended)
- An appreciation for fun and silliness 😄


## Credits

- Sound effects from various royalty-free sources
- Font: Bangers by Vernon Adams (Google Fonts)
- API: Google Gemini for text generation
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why is this file empty?

Empty file.
Loading