Summary

This is a 'web novel' of the classic story from F. Scott Fitzgerald, to explore designing long-form, segmented content. The layout and typography were inspired by The New Yorker magazine, and the format works well with short chapters, nonfiction stories, and guides. It features easy navigation and pleasant reading on any device.

Media

Project Links

Design / Tech

Code:

HTML,
CSS,
JavaScript

Design:

Tailwind

Libs:

Alpine

Testing:

Sizzy

Host:

GitHub Pages

Process

After making the cover and navigation, I proceeded to prepare the chapter content. A public epub file was opened in Calibri book editing software, and the HTML was copied and formatted into individual chapter pages. The font 'Caslon' was used for the body text, layout and sizing adjustments were made for various screen sizes, and 'next page' links were added at the end of each chapter.