Image of a fountain in the darkness

Previously, my best solution was to take the pdf of a script and export the pages as images.

Not an ideal solution...

I thought I'd found a better solution with a combination of Fountain and Screenplain, but the HTML output from Screenplain is too complex to post into a steemit blog post.

So, I moved to a less efficient solution. It partially produces the desired aesthetic effect in text, but it's a little time consuming to put together.

All scene headings receive a <h4> tag, all dialogue elements receive a <center> tag, and every thing gets a <code> tag for monospace purposes. You can see the results here: Lotus Canyon - The First Few Minutes (Rough Draft)

That's really all that's needed, but it's just so darn tedious to do line by line. Especially when, say, one accidentally copy/pastes "center" when they meant to copy/paste "code".

Now, I'm not a coder... but I wonder how much of a task it would be to create an app to do all of that for me... Something that could translate the .fountain language into the tags mentioned above... 🤔

If anyone has any thoughts, ideas, suggestions... please let me know. Because I love me some efficiency, but this ain't it.

Here's a sample of what it looks like with the code:

<h4><code>SCENE HEADER</code></h4>

<code>A line of text describing action, setting, or characters.
Can also be continued on a new line.</code>

<code>But a line break requires new "code" tags.</code>

<center><code>CHARACTER
This character's dialogue.
Can be continued on a new line as well.</code></center>

<center><code>Still, a line break requires new "code" tags. 
And in this case, new "center" tags too.</code></center>