A customizable HTML-based greeting card with personalized parameter layouts and QR code integration.
- Print-ready HTML/CSS card template
- Standard A7 (5" × 7") folded card format
- Customizable parameter layouts for two recipients
- QR code generation pointing to this repository (or your custom URL)
- Easy to modify and version control
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Optional: Node.js for QR code generation
-
Clone this repository:
git clone https://github.com/lalbacore/xmas-card-2025.git cd xmas-card-2025 -
Open
card.htmlin your web browser -
Print using your browser:
- File → Print
- Set to Letter/A4 paper
- Landscape orientation
- No margins
- Save as PDF or print directly
-
Fold the printed card:
- Fold horizontally (long edge to long edge)
- Fold vertically (short edge to short edge)
- Result: Front has "Season's Greetings", inside has Bob/Alice, back has QR code
Edit card.html and find:
<h2>Bob</h2>
<!-- and -->
<h2>Alice</h2>The default QR code points to: https://github.com/lalbacore/xmas-card-2025
To generate a new QR code with your custom URL:
./generate-qr.sh "https://your-custom-url.com"Edit styles.css - all styling is centralized there.
The card uses a standard 4-panel layout on letter-size (8.5" × 11") paper:
┌─────────────┬─────────────┐
│ Panel 4 │ Panel 1 │
│ (Front) │ (Back) │
│ Season's │ QR Code │
│ Greetings │ │
├─────────────┼─────────────┤
│ Panel 2 │ Panel 3 │
│ (Inside L) │ (Inside R) │
│ Bob │ Alice │
│ Parameters │ Parameters │
└─────────────┴─────────────┘
Want to track who scans the QR code? Consider setting up a redirect service:
- Use a URL shortener with analytics (bit.ly, tinyurl with stats)
- Host a simple redirect on your own domain
- Add fun surprises (first 10 scans get one message, rest get another)
MIT License - feel free to fork, modify, and share!
Found a bug or want to add features? PRs welcome!
Made with ❤️ for the holidays