The Twine Grimoire, Vol. 1

The Twine Grimoire is an unofficial introduction to using CSS and HTML to customize the appearance and behavior of projects made in Twine® 2! This first volume is an 84 page, 100% free PDF which contains 6 detailed tutorials on:

• Installation & Getting Started
• Text Styling
• Link Styling
• Customizing Passages
• Customizing Backgrounds
• Embedding Images

Features:

Each section discusses both SugarCube and Harlowe Story Formats, with emphasis on the most recent versions.

Other features discussed include: tag-based styling, using the CSS Stylesheet, usage of macros and named hooks in Harlowe, how to organize your files, and other topics. There are screenshots and examples of code provided throughout each tutorial.

The aim of this project is to demonstrate how CSS and HTML can be used in a variety of Twine 2 Story Formats as a method of fine-tuning a game’s visuals. The information in these tutorials is not compatible with previous versions of Twine such as Twine 1.4.2. These tutorials are suitable for beginner to intermediate users, and this first volume is geared toward common features that many first-time users are interested in working into their projects.

Other helpful resources:

• Twinery.org
• Twine Wiki
• Twine Cookbook 
  
• Twine 2 Guide
  
• Twinery Forums (Read-Only)
  
• Twine Q&A
  
• Intfiction.org Twine Category
  

More resources, including links to Story Format documentation, can be found in the PDF.

Notes:

Thank you to all of my patrons whose support made it possible for me to take the time to write these tutorials, revise them, and compile them into a single free PDF! Thank you also to @videlais for his work on the Twine Cookbook, to which I've had the pleasure of contributing, Ken Alba for his support and interest in my tutorials as an educator, and especially @klembot for creating Twine!

In the interest of making this resource as accessible as possible to many users, the Grimoire will never have a minimum donation required to download.

About Twine:

Twine® is an “an open-source tool for telling interactive, non-linear stories” originally created by Chris Klimas in 2009; it is now maintained by “a whole bunch of people at several different repositories,” per Twinery.org. I am in no way affiliated with its development process. Twine is also a registered trademark of the Interactive Fiction Technology Foundation.