ODevs Presents - Ignite the Holidays - Ignite Decks

These are the Ignite Decks for Ignite the Holidays.

You should have 20 slides without an introduction slide (or can if you need, but it will automatically have a standard one with your title and name).

Each slide will automatically advance with this tool every 15 seconds. One nice thing about this tool is that it does have a little "counter" so you know in relative terms how much longer that slide will be displayed.

If you have ANY questions, please reach out to me directly in Discord!

IMPORTANT IGNITE THE HOLIDAYS PARTICIPANTS INFORMATION

In order for me to generate the automatically advancing slide decks, I need a bit of your help.

Clone this repo (or) create a fork. Shoot me your github ID and I'll just add it to this repo for write privs.

You will find a folder in this repository called resources\images\(your-presentation). In that folder, if you could drop your 20 images of your slides, a script will auto-generate the slide deck and present it using some of the magic mentioned below.

Depending on what you built your slide deck in, you might be able to export the slides to images. That will make it easy. I did mine by doing a full screen presentation and then screen-shooting each one. It was relatively quick for me because it automatically saved each one in a folder then I just moved them (and remove the stupid space in the name, dumb Windows.) See below.

Also, please remove the file called deleteme in your folder. This was temporary in order for the folder to be pushed to GitHub.

NOTE: Please include .jpg or .png images only. ALSO - File names cannot contain spaces, or bad things happen.

Once you put them in the folder, push it back to this repo and submit a PR. Don't worry about compiling it, unless you want to play around with this for your own use.

To do so, create a file named the same as your folder .md inside the slides\ folder such as slides\mypres.md. You can reference any of the existing files there for reference on formatting. This generates the title slide. then you can just run the create.sh yourfolder dark/light no file and then npm run dev.

The create.sh and create.ps1 files in the root create the presentation files needed. There are three switches to it.

• folder_name - this is the name of the folder that your images are in. The name also needs to match the markdown file.
• mode - (dark) or (light) - will create the deck with the Title page to be in dark mode or light mode and adjust text color.
• random - (yes) or (no) - will randomize the deck if you are build it for improv / karaoke.

Examples:

• .\create.ps1 welcome light no | npm run dev will build the deck called welcome and run the slide server.
• bash create.sh improv-orig dark yes | npm run dev will build the deck called improv-orig and randomize the images and start the slide server.

LAST NOTE: PLEASE PLEASE - Don't peak in the improv- folders. I know, they are right there and very tempting, but I'd love you have all of you help with Improv (karaoke) as well, so that would be cheating. You are all happy to fork this repo and use it down the road if you wish.

Thank you

I want to thank you all for participating in Ignite the Holidays. I'm actually pretty excited about using this "tool" to present it.

A 2025 shout out goes to Felipe Hernandez for modernizing this platform. It now is original enough to call it it's own, moving off of the generation tools that it used to use.

---

About Ignite Improv (Karaoke)

Ignite Karaokes follow the Ignite (Enlighten us, but make it quick) format -- 20 slides, each slide is up for 15 seconds. But with a twist... you don't know what slides will appear!

Thanks and Credits

"If I have seen further it is by standing on the shoulders of Giants." -- Isaac Newton

It is built on the shoulders of:

• hakimel/reveal.js: The HTML Presentation Framework
• slara/generator-reveal: Yeoman generator for Reveal.js
• Unsplash - The internet's source of freely usable images.

Installation

npm install

Development

Start the development server with live reload:

npm run dev
# or
npm start

The presentation will be available at http://localhost:9000

Building

Build the presentation for distribution:

npm run build

The output will be in the dist/ directory.

Testing

Run linting and build tests:

npm test

Code Quality

Format and lint your code:

npm run format
npm run format:check
npm run lint
npm run lint:fix

Other Commands

• npm run clean - Remove build artifacts
• npm run prebuild - Generate index.html from templates