Expanding cards

Version 1.0:

A simple expandable slideshow that makes use of css transitions and DOM manipulation.

Major project steps are:

• ✔create container and center all slides;
• ✔add background image and make slides flexible;
• ✔add icon and text at the bottom of each slide;
• ✔stylize text and icon;
• ✔make slides expandable (js);
• ✔set transitions;
• ✔optimize for mobile;

Project status:

• Xwork in progress;
• ✔project completed;

Updates ideas:

• grant users the option to load their own images;
• auto switch through all slides in a loop;

Version 2.0: TBA