Help! About Edit Formats

Auto Saves Copy Output

Homestuck 5+ Help

Homestuck 5+ is a tool to format Homestuck style dialogue. Entering homestuck style dialogue in the left text area will generate formatted homestuck dialogue in the right area.

If a line begins with a handle, it will be formatted as a pesterlog.

If that handle has an associated colour class, that specific line will be formatted in that colour. These can be viewed and edited by pressing the Edit Formats button.

Handles that include "-" will have them removed when they are formatted.

The {Handle} syntax will be expanded into the corrisponding chumHandle, provided the handle has an associated handle. These can also be viewed and edited by pressing the Edit Formats button. This will also mark the paragraph as a pesterlog.

Adding P, F or C before the Handle will add PAST, FUTURE and CURRENT respectively before the chumHandle. This will also work as message handles

Pesterlogs can be also manually assinged by writing %LOG% at the top of a paragraph.

Formats can also be called outside of pesterlogs using the $Handle syntax, and then closed with $- or at the end of the text line.

Format colours can be used without the pesterlog font with the $$Handle syntax, and then also closed with $- or at the end of a text line. Using this will make your work incompatible with the AO3 Homestuck workskin. These sections have the html class of [Handle]-plain

If you turn on "Use Limited Markdown" in Edit formats, you will also be able to use a limted version of markdown to add boldness, italics, underlines and strikethroughs to your text

You can use backslashes to escape the markdown if you want to use any of the markdown characters as they are

Once finished, press the Copy Html & CSS button to copy the generated HTML. Then paste that in to your fanficion site of choice, and ensure the associated workskin or CSS is applied. If you are using the default formatting options and putting your work on AO3, all you need to do is apply the standard Homestuck workskin. Otherwise you will need to make your own workskin.

About Homestuck 5+

Homestuck 5+ is directly inspired by the original Homestuck5, created by itsdave on AO3.

This is the exact same concept but with added functionality, including editible format options, pesterlog support, styles within styles and more.

Dialogue written by EtchJetty

Made by FlaringK

Options

Basic options

Enable auto pesterlog formatting

Captitalise pesterlog handles

Fully colour expanded chumhandles

Use Limited Markdown

Custom Display Style

Paragraph Tags

<div> </div>

Paragraph Color Tags

<span class="%CLASS%" style="color: #%COLOR%"> </span>

Pesterlog Tags

<div class="spoiler"> </div>

Pesterlog Color Tags

<span class="%CLASS%" style="color: #%COLOR%"> </span>

Line Tags

<br>

This edits the starting and editing Output formatting within the [Custom Display Style] Display option, applicable if you want to use your own HTML class or apply hs5+ to a format not supported. Each type of tag has a begining on the left and an ending tag on the right. Within the colour tags, %CLASS% will be replaced by the character's class, and %COLOR% will be replaced by the character's color.

⚠ The [Custom Display Style] Display option will preview as a generic style. This will not effect the generated output.

Reset Custom Display Style to Default

Character Formats

Restore AO3 compatible formats Restore Homestuck accurate formats

Add Format

Format Class Name
Format Color or Add new format

⚠ New formats may not be included in AO3's standard homstuck workskin, and will require a custom workskin to be compatible. The format class name will be the html class given to the span.

Add dual format

Dual Format Class Name
Dual format Handle
Dual format Text Add new dual format

⚠ Dual formats will format pesterlog handles as diffrent colours then their messages. Dual formats can only be composed of existing formats, so you will have to add each colour of a new dual format before combining them below.

Export Formats

Exported JSON string:

Import Formats

Import JSON string: Import

⚠ Formats will automatically be saved in local storage when they are changed, however you can import a group of formats by pasting in it's JSON string below.

Auto Save Recovery

⚠ This menu is only for recovering lost drafts, it is not recommened you rely on this system to save your work as it saves into your local storage. Please save any drafts you intend to come back to later in a secure place to ensure that you do not lose your work.

⚠ This menu will only save the last 35 auto saves.

Copy Output

Selected Style: