Twine Theme: To3

Twine 2.9.2
Sugarcube 2.37.3
Last updated: 11/18/2024

How to use: Open Twine (either desktop or browser). In the toolbar select "Library," then "Import," and select the html file downloaded from here.

The metadata (big box with information), title, summary, and chapter title are all separate elements and can each be deleted if you'd like to minimize the UI a bit

This is my first time making a full theme, so please let me know if there are any errors so I can fix them as soon as possible! It is admittedly a bit of a mess because I've only taken one CSS course; the rest I've learned from looking under the hood of other themes.

I hadn't actually intended for this to be a publicly released thing, but I got further and further and realized it would actually be kind of fun to post as a sort of introduction to the interactive genre for people who are thinking of branching out.

Features:

Light and Dark mode, with variable CSS so you can easily make your own palettes
Use of Settings API for font size, font style (serif vs sans-serif), etc
Notify Macro by Chapel

OVERVIEW (also included as a passage in the project you can delete)

StoryInit

Declare all of your variables in this passage before using them in the story

-----------------

PassageHeader - UI

This is where the Toolbar at the top of the screen resides. With it in this passage, it is automatically applied to every passage.

-----------------

PassageFooter - UI

This is the footer at the very bottom of the page. It currently credits myself as the creator of the theme, and is automatically applied to every passage.

-----------------

MetaData - UI

The section of the theme that holds all the information of the story. The tags themselves are more informative than functional, so feel free to set them up however you want. (add by inserting <<include 'MetaData'>> in the passage)

-----------------

Title - UI

This section holds the story title and author name, as well as chapter names. (add by inserting <<include 'Title'>> in the passage)

-----------------

Summary - UI

This section holds the summary; you can keep it the same for the whole story or change it for every chapter. (add by inserting <<include 'Summary'>> in the passage)

-----------------

Chapter - UI

This section holds the chapter count and name. (add by inserting <<include 'Chapter'>> in the passage)

-----------------

FullHeader - UI

This is just a combination of the last four passages: MetaData, Title, Summary, and Chapter. To input all four at once, insert <<include 'FullHeader'>> instead of each individually

-----------------

MinHeader - UI

Similar to FullHeader, this is a combination of just Title and Chapter. To input both at once, insert <<include 'MinHeader'>> instead of each individually

-----------------

CharacterCustomization

This allows readers to set the variables for their character's appearance. You can insert this wherever you want in the story by inserting <<include 'CharacterCustomization>> so you only ever have to edit the one passage. Feel free to change it however you wish, or omit it completely; I've included three different options: cycle, dropdown, and button. Be sure to only have one so the variables will set properly.

-----------------

journal

Here, you can put learned information, character relationships, or whatever else you wish. Or, delete it entirely by removing it from the "PassageHeader" passage.

-----------------

stats

Here, you can put information relevant to the main character, like their name, appearance variables, inventory, etc. Or, delete it entirely by removing it from the "PassageHeader" passage.

For transparency: I did try using ChatGPT for troubleshooting issues I couldn't find on forums. However, it's a useless hunk of junk that does more harm than good that I won't even be attempting again. But because of that, I will be marking that AI generation was involved in the creation of this project because I cannot guarantee nothing of it remains