https://github.com/manuelruff/monkey-d-garp-site
A web project dedicated to Monkey D. Garp, featuring interactive elements like a photo gallery, playlist, and contact form.
https://github.com/manuelruff/monkey-d-garp-site
Last synced: 5 months ago
JSON representation
A web project dedicated to Monkey D. Garp, featuring interactive elements like a photo gallery, playlist, and contact form.
- Host: GitHub
- URL: https://github.com/manuelruff/monkey-d-garp-site
- Owner: manuelruff
- Created: 2024-05-22T12:30:50.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-24T06:45:28.000Z (about 2 years ago)
- Last Synced: 2025-07-01T02:44:10.745Z (about 1 year ago)
- Language: HTML
- Homepage: https://manuelruff.github.io/Monkey-D-Garp-Site/
- Size: 2.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Monkey D Garp
### [Visit the site](https://manuelruff.github.io/Monkey-D-Garp-Site/)
## About the Character
Monkey D. Garp is a legendary Vice Admiral in the "One Piece" series, renowned for his immense strength and unique personality. He is one of the most powerful figures in the Navy, often referred to as "Garp the Hero" for his role in cornering the Pirate King, Gol D. Roger. Despite his high rank and dedication to justice, Garp is known for his laid-back attitude and tendency to act unconventionally.
Garp is also the grandfather of the protagonist, Monkey D. Luffy, and the father of the revolutionary leader, Monkey D. Dragon.
I chose this character because "One Piece" is my favorite show.
## Features
1. **Quick Access**: Use the top bar for easy navigation.
2. **Interactive Photo Gallery**: Click on the pictures to view them in full screen and hover over a picture to zoom in slightly.
3. **Embedded Playlist**: Listen to Garps favorit anime openning.
4. **Dynamic "Like" Button**: Press like or unlike to get an emoji reaction.
5. **QR Code**: Scan the QR code for quick access.
6. **Contact Form**: When you press "Send" in the contact me section, it will open your mail app with the sender, text, and subject fields pre-filled. When you press "Clear", it will clear the details you already filled in.
7. **Favicon**: The site has a favicon (you can see it in the browser tab).
8. **Mouse Cursors**: When entering the site from a computer, there is a picture of Garp's face as a mouse cursor.
## Structure
The project consists of the following main files:
- `index.html`: The main HTML file containing the structure and content of the site.
- `style.css`: The CSS file containing styles for the site's appearance.
- `pictures/`: Directory containing image assets used in the site.