Skip to content

kentstroker/holiday_countdown_gif_maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Holiday Countdown GIFs for Email Signatures

Animated countdown GIFs for Halloween and Christmas, perfect for email signatures and GIPHY.

Final Output Files

  • halloween-compact.gif (3.5MB) - 🎃 Halloween countdown with orange/black theme
  • christmas-compact.gif (3.5MB) - 🎄 Christmas countdown with red/green theme

Features

  • Single line format: Clean and compact for email signatures
  • Dynamic countdown: Shows days remaining until each holiday
  • Themed styling: Halloween (orange/black) and Christmas (red/green)
  • Small file sizes: Optimized for web use
  • 365-day cycles: Automatically handles year transitions

Quick Setup

  1. Install dependencies:

    npm install
  2. Generate new frames (if needed):

    node generate-compact-gifs.js
    node html-to-png-compact.js
  3. Create GIFs (requires ImageMagick):

    magick halloween-compact-png/*.png -delay 10 -loop 0 halloween-compact.gif
    magick christmas-compact-png/*.png -delay 10 -loop 0 christmas-compact.gif

Email Signature Usage

<!-- Halloween -->
<img src="https://media.giphy.com/media/YOUR_HALLOWEEN_GIF_ID/giphy.gif" alt="Halloween Countdown" width="350">

<!-- Christmas -->
<img src="https://media.giphy.com/media/YOUR_CHRISTMAS_GIF_ID/giphy.gif" alt="Christmas Countdown" width="350">

GIPHY Upload

  1. Go to https://giphy.com/upload
  2. Upload halloween-compact.gif and christmas-compact.gif
  3. Add relevant tags: countdown, halloween, christmas, holidays, email signature
  4. Use the generated GIPHY URLs in your email signature

File Structure

  • halloween-compact-template.html - HTML template for Halloween frames
  • christmas-compact-template.html - HTML template for Christmas frames
  • generate-compact-gifs.js - Generates 365 HTML frames for each theme
  • html-to-png-compact.js - Converts HTML frames to PNG images
  • package.json - Node.js dependencies (Puppeteer for HTML→PNG conversion)

Generated by Claude Code 🤖

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published