-
Notifications
You must be signed in to change notification settings - Fork 104
Toonify #240
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Open
changkevin51
wants to merge
7
commits into
hackclub:main
Choose a base branch
from
changkevin51:main
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Toonify #240
Changes from all commits
Commits
Show all changes
7 commits
Select commit
Hold shift + click to select a range
2b31365
Add files via upload
changkevin51 ad6d161
Update README.md
changkevin51 4f2a162
Add files via upload
changkevin51 b1aa983
Update README.md
changkevin51 4d21117
Delete submissions/Toonify/background.js
changkevin51 f1cee62
Add files via upload
changkevin51 bb3f6da
Update README.md
changkevin51 File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
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?