Dick Detzner developed the mechanism for building the flipbook for the Illini Success 2022-23 Annual Report within the Illini Success website. This flip-book style website was not converted from a PDF; rather, it was created directly as a website using Drupal editing tools. It’s a single-page experience meant to approximate the feel of flipping through a booklet. Here are some key points about this implementation:
- The site uses the Illinois Framework developed by the WIGG group
- The flipbook makes use of a content type called Flipbook, which uses any of the paragraph types available in the framework
- The display is basically a heavily modified carousel, using the Drupal Slick Carousel module and a Drupal view
- Dick kept extensive notes and copies of the templates, Views settings, CSS, and JS, which he would be happy to share
In Dick’s testing, it seems to navigate fairly well with a keyboard, but he’d like additional input and feedback on the site. Join us to take a look at this real-world effort to make a non-PDF flipbook-style site!
We’re always looking for websites and topics to discuss! Email us any time and we’ll add your site/topic to the agenda for an upcoming meeting.