multi-gift support

This commit is contained in:
Oli Passey
2025-12-21 14:22:46 +00:00
parent 77f4ff7e74
commit 9a6f01741c
2 changed files with 130 additions and 12 deletions

View File

@@ -1,24 +1,56 @@
# Gift Prank Website
A fun prank website that looks like a gift redemption portal.
A fun prank website that looks like a gift redemption portal with support for multiple users!
## How it works:
1. **Code Entry**: Enter the 5-digit code: `12345`
1. **Code Entry**: Enter a 5-digit redemption code
2. **Fake Reveal**: Shows an "epic" gift of a week of brewery tours in Holland + 3-day Defqon.1 festival stay with hardcore videos
3. **Hoax Reveal**: When they confirm, reveals it's a prank and shows the real gift: a relaxing spa day!
3. **Hoax Reveal**: When they confirm, reveals it's a prank and shows the REAL personalized gift!
## Available Codes:
Each code has a personalized greeting and real gift reveal:
- **12345** - Lunch at The Savoy Hotel in London
- **54321** - Luxury Spa Day Experience
- **99999** - West End Theatre Experience
## Files:
- `index.html` - Main HTML structure
- `styles.css` - Styling and animations
- `script.js` - Interactive functionality
- `script.js` - Interactive functionality with multi-user support
## To run:
Simply open `index.html` in a web browser!
## Customization:
- Change the redemption code in `script.js` (line 2): `const VALID_CODE = '12345';`
- Modify the spa gift details in `index.html`
- Adjust colors and styling in `styles.css`
## Adding New Users:
Enjoy pranking your friend! 🎁😂
Edit `script.js` and add a new entry to the `USERS` object:
```javascript
'YOUR_CODE': {
name: 'User Name',
greeting: 'Your custom greeting here!',
hoaxMessage: 'Your custom hoax reveal message!',
realGift: {
icon: '🎁', // Emoji icon
title: 'Gift Title',
description: 'Gift description text:',
features: [
'✨ Feature 1',
'🎉 Feature 2',
'💝 Feature 3'
],
finalMessage: 'Your final personalized message!'
}
}
```
## Customization:
- Add more users by editing the `USERS` object in `script.js`
- Modify the fake brewery/festival content in `index.html`
- Adjust colors and styling in `styles.css`
- Change the video file by replacing `powerhour.mp4`
Enjoy pranking your friends! 🎁😂