Skip to content

Latest commit

 

History

History
54 lines (39 loc) · 1.32 KB

README.md

File metadata and controls

54 lines (39 loc) · 1.32 KB

💡 IdeaWall

A simple, beautiful idea board to capture and organize your thoughts. Built with pure HTML and CSS — no JavaScript required.

Features

  • 🎨 Cork board aesthetic with colorful sticky notes
  • 🎯 Smooth animations for an engaging experience
  • 📱 Fully responsive — works on all devices
  • ⚡ Zero dependencies — just open and use

Getting Started

  1. Clone or download this repository
  2. Open index.html in your browser
ideawall/
├── index.html    # Main HTML file
├── styles.css    # All styling
└── README.md     # You're here

Adding Ideas

To add a new idea, open index.html and copy this template inside the <div class="idea-wall">:

<div class="idea-card" style="--rotation: 0deg; --hue: 60;">
    <div class="pin"></div>
    <h3>Your Idea Title</h3>
    <p>Your idea description goes here.</p>
    <span class="idea-date">Dec 3, 2025</span>
</div>

Customization Tips

  • rotation: Try values between -4deg and 4deg for a natural look
  • hue: Use 0-360 for different colors:
    • 0 = Red
    • 60 = Yellow
    • 120 = Green
    • 180 = Cyan
    • 240 = Blue
    • 300 = Pink

Browser Support

Works in all modern browsers (Chrome, Firefox, Safari, Edge).

License

MIT — feel free to use and modify for your own projects.