Multiple space override for ASCII art

thatBeatsguy

Hiya,

I've been working on a new game which I plan to use ASCII art with. My lack of skill with actual drawing has prompted me to work with ASCII instead, but Harlowe doesn't seem to be cooperating.

What I want to see is something like this:

___ ___ _ _
/ __|__ _ ___ _ __ | __(_) |___
| (__/ _` (_-</ -_) | _|| | / -_)
\___\__,_/__/\___| |_| |_|_\___|

Basically what's happening is that spaces that are supposed to be there do not show up in the Test or Play views, and only shows spaces directly between two symbols (like _ _). Multiple spaces (like the very top row of the ASCII art above) disappear in the Test and Play views.

I know a bit of CSS and have tinkered with the stylesheets, but nothing to my knowledge can fix hidden spaces since it looks like the spaces are removed by Twine in the final previews.

Is there any sort of Twine function that can override the removal of the spaces, or is there something else I'm not doing correctly?

greyelf

Normally if you want to display ASCII art in a web-page/web-app (like a Twine Story HTML file) you would place the ASCII text within a HTML pre element like the following example which works correctly:

<pre style="line-height: 1em;">
  |\/\/\/|
  |      |
  |      |
  | (o)(o)
  C      _)
  | ,___|
</pre>

Unfortunately your art example contains a "</" in the third line which is being parsed by Harlowe as the start of a HTML end tag, and thus the rest of the line becomes a HTML comment.