🔶 🔷 ⭐ Fun with Shapes! ⭐ 🔷 🔶

  _____ _    _ _   _   __          _____ _______ _    _    _____ _    _          _____  ______  _____ 
 |  ___| |  | | \ | |  \ \        / /_ _|__   __| |  | |  / ____| |  | |   /\   |  __ \|  ____|/ ____|
 | |__ | |  | |  \| |   \ \  /\  / / | |   | |  | |__| | | (___ | |__| |  /  \  | |__) | |__  | (___  
 |  __|| |  | | . ` |    \ \/  \/ /  | |   | |  |  __  |  \___ \|  __  | / /\ \ |  ___/|  __|  \___ \ 
 | |   | |__| | |\  |     \  /\  /  _| |_  | |  | |  | |  ____) | |  | |/ ____ \| |    | |____ ____) |
 |_|    \____/|_| \_|      \/  \/  |_____| |_|  |_|  |_| |_____/|_|  |_/_/    \_\_|    |______|_____/ 
                                                                                                       

WARNING: Excessive exploration of these shapes may cause extreme joy, geometric fascination, and an urge to explain the difference between a dodecahedron and an icosahedron at parties! Proceed with caution.

🌈 What is this amazing repository?

Fun with Shapes is a delightful, interactive web application that lets you explore the wonderful world of 2D and 3D shapes! Click, play, and watch shapes come alive with animations, rotations, and bright colors.

Perfect for:

• 👶 Kids learning about geometry
• 🧠 Visual learners
• 🎨 Design enthusiasts
• 🤓 Anyone who secretly thinks geometry is cool (it is!)

✨ Features

• 2D Shape Gallery: Circle, square, triangle, and many more friends!
• 3D Shape Extravaganza: Cubes, spheres, and pyramids - oh my!
• Interactive Elements: Click to reveal names, trigger animations, and rotations
• Responsive Design: Looks great on devices of all shapes and sizes (see what we did there?)
• Dark Mode Support: Vaporwave neon aesthetics when the lights go out!

🚀 Getting Started

1. Clone this repository:

git clone https://github.com/raisingpixels/shapes.git

2. Open index.html in your browser
3. Prepare to be geometrically amazed! ✨

🔍 Project Structure

fun-with-shapes/
├── index.html         # 2D shapes page
├── 3d-shapes.html     # 3D shapes page
├── README.md          # You are here!
└── .secret-shape      # Don't look in here... (or do! 🤫)

🎮 How to Play

1. 2D Shapes: Click on any shape to reveal its name and see it animate with a satisfying pop!
2. 3D Shapes: Click to see the shape rotate in glorious three dimensions!
3. Dark Mode: Switch your system to dark mode to experience NEON GEOMETRY PARADISE!

🧠 Shape Fun Facts

Click to expand some shape-tastic trivia!

• A circle has infinite sides, if you think about it...
• The pyramids of Egypt are actually square-based pyramids, not true tetrahedrons
• A cube has 8 vertices, 12 edges, and 6 faces
• The word "sphere" comes from the Greek "sphaira" meaning "ball"
• Hexagons are the most efficient shape for tiling a plane, which is why bees use them!

💡 Hidden Konami Code

Try pressing: ↑ ↑ ↓ ↓ ← → ← → B A on any page... if you know, you know.

🔧 Technical Details

This project is built with:

• HTML5
• CSS3 with variables and media queries
• Vanilla JavaScript
• Three.js for 3D rendering
• Love and geometric precision

👩‍💻 Contributing

Found a bug? Want to add the 4D hypercube? Contributions are welcome!

1. Fork the repo
2. Create a branch: git checkout -b add-dodecahedron
3. Make changes: vim add-cool-shape.js
4. Push changes: git push origin add-dodecahedron
5. Open a PR

📝 License

This project is licensed under the MIT License.

---

Made with ❤️ and 📐 for Shape Enthusiasts Everywhere

_{P.S. If you've read this far, you're officially a shape nerd now. Welcome to the club! 🎉}