An extraordinary Alice in Wonderland themed conference website for AIESEC Carthage

CNN 2K25 is a magical conference website designed for AIESEC Carthage's annual event. This immersive web experience transports visitors into an Alice in Wonderland themed wonderland, featuring beautiful animations, interactive forms, and a seamless user experience.

• 🎭 Themed Design: Immersive Alice in Wonderland experience with animated characters
• 📝 Registration Forms: Separate registration forms for participants and alumni
• 🖼️ Wonderland Gallery: Interactive photo gallery showcasing event memories
• 📱 Responsive Design: Fully optimized for desktop, tablet, and mobile devices
• 🎨 Modern UI/UX: Beautiful gradients, animations, and smooth transitions
• ✍️ Digital Signatures: Canvas-based signature functionality for form submissions
• 📊 Dynamic Status: Easy registration open/close management via JSON configuration

Visit the live website: https://cnn2k25.vercel.app

cnn2k25-website/
│
├── assets/
│   └── registration-status.json    # Registration status configuration
│
├── index.html                      # Home page
├── about.html                      # About page
├── register.html                   # Main registration form
├── register-alumni.html            # Alumni registration form
├── register-closed.html            # Registration closed page
├── wonderland-gallery.html         # Photo gallery
│
├── style.css                       # Main stylesheet
├── script.js                       # Main JavaScript file
├── wonderland-gallery.js           # Gallery functionality
├── updated_apps_script.js          # Google Apps Script integration
│
└── README.md                       # Project documentation

• HTML5: Semantic markup and structure
• CSS3: Advanced styling with gradients, animations, and responsive design
• JavaScript (Vanilla): Interactive functionality and form handling
• Google Apps Script: Backend form submission processing
• Cloudinary: Image hosting and optimization
• Font Awesome: Icon library
• Google Fonts: Cinzel & Poppins typography
• Vercel: Hosting and deployment platform

• Participant Registration: Comprehensive form with personal info, health data, character selection, and payment options
• Alumni Registration: Special form for alumni with memory sharing and photo uploads
• Dynamic Status Control: Easily open/close registration by updating registration-status.json
• Form Validation: Client-side validation with user-friendly error messages
• File Upload: Support for photo uploads (JPEG, PNG, GIF)

• Digital Signature: Canvas-based signature pad for form confirmation
• Character Selection: Interactive Alice in Wonderland character cards
• Animated Decorations: Floating elements and sparkle effects
• Responsive Navigation: Mobile-friendly hamburger menu

• Photo Gallery: Beautiful grid layout showcasing event photos
• Lightbox Effect: Full-screen image viewing experience

To control registration availability, edit assets/registration-status.json:

{
  "open": true   // Set to false to close registration
}

When "open": false, users accessing register.html will be automatically redirected to register-closed.html.

The forms submit data to Google Apps Script. To set up:

1. Create a new Google Apps Script project
2. Copy the code from updated_apps_script.js
3. Deploy as a web app
4. Update the script URL in the form submission handlers

The website features a stunning Alice in Wonderland theme with:

• Color Palette: Dark backgrounds (#1e293b, #334155) with golden accents (#fbbf24)
• Typography: Cinzel for headings, Poppins for body text
• Characters: Mad Hatter 🎩, White Rabbit 🐰, Cheshire Cat 😸, Queen of Hearts 👑
• Animations: Smooth transitions, floating elements, and hover effects

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

1. Clone the repository:

git clone https://github.com/Nedim7050/cnn2k25-website.git
cd cnn2k25-website

2. Open index.html in your browser or use a local server:

# Using Python
python -m http.server 8000

# Using Node.js
npx http-server

3. Visit http://localhost:8000 in your browser

The website is deployed on Vercel with automatic deployments from the main branch.

1. Push changes to GitHub
2. Vercel automatically deploys the changes
3. Visit your Vercel dashboard for deployment status

This project is licensed under the MIT License - see the LICENSE file for details.

Nedim Mejri

• GitHub: @Nedim7050
• Website: https://cnn2k25.vercel.app

• AIESEC Carthage for organizing the conference
• Alice in Wonderland by Lewis Carroll for the creative inspiration
• All contributors and participants who make this event magical

For questions or support, please contact:

• Email: Contact through GitHub
• Website: https://cnn2k25.vercel.app