Kerning

[shakna]

Has anyone gone to the effort of figuring out the exact rules for how Lit messes with the kerning of things?
Basically, for the AI Era challenge, it'd be fun to have the header be a wee bit of ASCII art, as I'm referencing a lot of that era of things.

Something like:

 / \-----------------------------,
 \_,|    AI Era                  |
    |    Interfacing with Evie   |
    |  ,---------------------------
    \_/__________________________/

But, Lit does mess with things a bit, specifically around hyphens, and en/em-dashes. And going back and forth in the preview window to try and get it working has me hoping someone else went there first.

 

[ElectricBlue]

Has anyone gone to the effort of figuring out the exact rules for how Lit messes with the kerning of things?
Basically, for the AI Era challenge, it'd be fun to have the header be a wee bit of ASCII art, as I'm referencing a lot of that era of things.

Something like:

 / \-----------------------------,
 \_,|    AI Era                  |
    |    Interfacing with Evie   |
    |  ,---------------------------
    \_/__________________________/

But, Lit does mess with things a bit, specifically around hyphens, and en/em-dashes. And going back and forth in the preview window to try and get it working has me hoping someone else went there first.

I've been here six years, and you're the first I've seen to consider this.

So I reckon you're it!

Is it really worth it?

 

[Priscilla_June]

I cant even get the html tags to be implemented correctly so I have a feeling they would mess ip your pretty scroll.

 

[shakna]

I cant even get the html tags to be implemented correctly so I have a feeling they would mess ip your pretty scroll.

What I'd do to have a pre or code tag...

Anyways... It's not quite as nice as the original boring artwork, but because whitespace folds, and all repeated characters also fold into glyphs... This is aligned (yes, even the start of both lines of the title), when rendered as a story:

./.\_____________________________,
\_,|....AI.Era..................................................|
....|....Interfacing.with.Evie.........................|
....|.....,__________________________,
.....\_/__________________________/

 

[NotWise]

What is a little bit of ascii art is going to add to your story? The only people who are going to see it are the ones who've already opened it.

If you really want to go through with it, then Laurel is the only one who can make it happen. I suggest you contact her. One possibility is to prepare an image of the art (svg, png, jpg or whatever Laurel prefers) and have it posted at the top of the story. I know that such things have been done before. It takes some special permission and attention from Laurel to get it posted in a regular category hub instead of in Illustrated Stories.

Just for grins, here's a png screenshpt from your OP.

View attachment 2145589

 

[Bramblethorn]

What I'd do to have a pre or code tag...

Literotica can handle <kbd>, which should do what you want. I have some ASCII art in my AI Era submission from last year, about halfway down page 6, and it came out as intended: https://literotica.com/s/ai-era-loss-function?page=6

How-to: https://forum.literotica.com/threads/how-to-format-computer-text-in-a-lit-story.1554102/

I do recommend including a note to the moderator to mention what you're doing, to make sure it doesn't get accidentally cleaned up.

 

[lovecraft68]

I've been here six years, and you're the first I've seen to consider this.

So I reckon you're it!

Is it really worth it?

Literotica can handle <kbd>, which should do what you want. I have some ASCII art in my AI Era submission from last year, about halfway down page 6, and it came out as intended: https://literotica.com/s/ai-era-loss-function?page=6

How-to: https://forum.literotica.com/threads/how-to-format-computer-text-in-a-lit-story.1554102/

I do recommend including a note to the moderator to mention what you're doing, to make sure it doesn't get accidentally cleaned up.

Thanks for this B, I always enjoy one of the AH's resident smart ass know it all's getting proved wrong.

 

[shakna]

Literotica can handle <kbd>, which should do what you want. I have some ASCII art in my AI Era submission from last year, about halfway down page 6, and it came out as intended: https://literotica.com/s/ai-era-loss-function?page=6

How-to: https://forum.literotica.com/threads/how-to-format-computer-text-in-a-lit-story.1554102/

I do recommend including a note to the moderator to mention what you're doing, to make sure it doesn't get accidentally cleaned up.

Yeah, the ASCII art on that page is definently not preserved in the beta preview (it's not rendering through a monospace font - the CSS to use Times, or serif is marked as important and overriding), and though I've never touched it, I really doubt it'd render well under the app.

I think I'll need to stick with my guesswork.

 

[shakna]

What is a little bit of ascii art is going to add to your story? The only people who are going to see it are the ones who've already opened it.

Exactly. Who else would I be making it for? The people who... Don't read the story?

Just to expand a lil bit - I always toss in a few flavour things with my stories. There's often a hidden puzzle or two for the more determined readers, there's generally me poking fun at another one of my own stories, and so on. Little touches that reward the reader. For "Interfacing with Evie", I've been writing in an absolute shit ton of references to the early net. I doubt most people will get half of them. But, the ASCII art is a fitting reference to that era of the web. It's just another piece of nostalgia.

 

[Bramblethorn]

Yeah, the ASCII art on that page is definently not preserved in the beta preview (it's not rendering through a monospace font - the CSS to use Times, or serif is marked as important and overriding), and though I've never touched it, I really doubt it'd render well under the app.

I think I'll need to stick with my guesswork.

Hmm. I'm viewing the page through public beta mode and it looks okay there.

(I don't lose a lot of sleep worrying about how things will look under the app, because AFAICT very few people are reading via the app, and if they are I expect they're used to disappointment.)

 

[shakna]

Hmm. I'm viewing the page through public beta mode and it looks okay there.

(I don't lose a lot of sleep worrying about how things will look under the app, because AFAICT very few people are reading via the app, and if they are I expect they're used to disappointment.)

It renders with:

font-family: Times,'Times New Roman',serif !important;

So, no. The spacing is off. It's still recognisable, but it's not how it should be:

View attachment 2145721

 

[Bramblethorn]

It renders with:

font-family: Times,'Times New Roman',serif !important;

So, no. The spacing is off. It's still recognisable, but it's not how it should be:

View attachment 2145721

Can you double-check that you're in the beta mode? I get something similar to the above if I revert to classic mode, but on beta, this is what I see:
View attachment 2145726

Tried three different browsers, looks much the same in all.

 

[jsmiam]

When I test, on a phone web browser (DuckDuckGo which is Firefox based), It looks as intended in landscape, skewed in portrait.

 

[shakna]

Tried three different browsers, looks much the same in all.

These wouldn't all happen to be Chrome-based, would they? Because Chrome is the only engine that ignores CSS for the non-standardised kbd element (standardised to exist - not standardised as monospace font). Safari (which powers everything on iOS) and Firefox render it the other way.

 

[Bramblethorn]

These wouldn't all happen to be Chrome-based, would they? Because Chrome is the only engine that ignores CSS for the non-standardised kbd element (standardised to exist - not standardised as monospace font). Safari (which powers everything on iOS) and Firefox render it the other way.

Nope. Chrome, Safari, Firefox were the three I tried. (Desktop, not phone versions.)