Danbooru

Note preview "frozen" after seemingly exceeding some sort of character 'limit'

Posted under General

I was taking the effort to replicate the larger text's outlining in post #5488908 by using a ton of "text-shadow"-ing code since it seems like the only way to add an "outline" to text. So far, I managed to code up to 4px of outline for me to use on any HTML-related formating (Image boards, Fandom, etc.).

The text required like 3 layers of outlines, so I went ahead to try and outline the outermost layer with a 'base' HTML. Unfortunately, trying to outline individual words would overwrite the base outline's "text-shadow" parameter, and I was forced to individually add the code of the outer outline to each and every text. However, it would seem I must have hit an "upper limit" in the note box and when I hit preview, the preview function has like frozen.

In the end, I had to simplify it, with just a thin 1px outline.

So...In conclusion -- how to put this -- "outline layering" isn't possible?

This is what I was trying to put in the code when I was forced to individualize the text. It's long, though. Like really long, and not organized.

Show
<span style="color:White; font-family:Print; font-size:200%;"><span style="text-shadow: -1px -1px CornflowerBlue, 1px -1px 0 CornflowerBlue, -1px 1px 0 CornflowerBlue, 1px 1px 0 CornflowerBlue, -2px -1px White, -2px 0px White, -2px 1px White, -1px -2px White, -1px 2px White, 0px -2px White, 0px 2px White, 1px -2px White, 1px 2px White, 2px -1px White, 2px 0px White, 2px 1px White, -4px -2px LightSkyBlue, -4px 0px LightSkyBlue, -4px 2px LightSkyBlue, -3px -3px LightSkyBlue, -3px 0px LightSkyBlue, -3px 3px LightSkyBlue, -2px -4px LightSkyBlue, -2px 0px LightSkyBlue, -2px 4px LightSkyBlue, -1px -4px LightSkyBlue, -1px -2px LightSkyBlue, -1px 0px LightSkyBlue, -1px 2px LightSkyBlue, -1px 4px LightSkyBlue, 0px -4px LightSkyBlue, 0px 4px LightSkyBlue, 1px -4px LightSkyBlue, 1px -2px LightSkyBlue, 1px 0px LightSkyBlue, 1px 2px LightSkyBlue,  1px 4px LightSkyBlue, 2px -4px LightSkyBlue, 2px 0px LightSkyBlue, 2px 4px LightSkyBlue, 3px -3px LightSkyBlue, 3px 0px LightSkyBlue, 3px 3px LightSkyBlue, 4px -2px LightSkyBlue, 4px 0px LightSkyBlue, 4px 2px LightSkyBlue;">Ou<font color="CornflowerBlue">saka</font> Shizuku</span>
<span style="text-shadow: -2px -1px White, -2px 0px White, -2px 1px White, -1px -2px White, -1px 2px White, 0px -2px White, 0px 2px White, 1px -2px White, 1px 2px White, 2px -1px White, 2px 0px White, 2px 1px White, -4px -2px LightSkyBlue, -4px 0px LightSkyBlue, -4px 2px LightSkyBlue, -3px -3px LightSkyBlue, -3px 0px LightSkyBlue, -3px 3px LightSkyBlue, -2px -4px LightSkyBlue, -2px 0px LightSkyBlue, -2px 4px LightSkyBlue, -1px -4px LightSkyBlue, -1px -2px LightSkyBlue, -1px 0px LightSkyBlue, -1px 2px LightSkyBlue, -1px 4px LightSkyBlue, 0px -4px LightSkyBlue, 0px 4px LightSkyBlue, 1px -4px LightSkyBlue, 1px -2px LightSkyBlue, 1px 0px LightSkyBlue, 1px 2px LightSkyBlue,  1px 4px LightSkyBlue, 2px -4px LightSkyBlue, 2px 0px LightSkyBlue, 2px 4px LightSkyBlue, 3px -3px LightSkyBlue, 3px 0px LightSkyBlue, 3px 3px LightSkyBlue, 4px -2px LightSkyBlue, 4px 0px LightSkyBlue, 4px 2px LightSkyBlue;"><font color="PaleVioletRed">in</font></span> <font color="LightGreen, PaleGreen">an</font> <span style="text-shadow: -1px -1px Gold, 1px -1px 0 Gold, -1px 1px 0 Gold, 1px 1px 0 Gold, -2px -1px White, -2px 0px White, -2px 1px White, -1px -2px White, -1px 2px White, 0px -2px White, 0px 2px White, 1px -2px White, 1px 2px White, 2px -1px White, 2px 0px White, 2px 1px White, -4px -2px LightSkyBlue, -4px 0px LightSkyBlue, -4px 2px LightSkyBlue, -3px -3px LightSkyBlue, -3px 0px LightSkyBlue, -3px 3px LightSkyBlue, -2px -4px LightSkyBlue, -2px 0px LightSkyBlue, -2px 4px LightSkyBlue, -1px -4px LightSkyBlue, -1px -2px LightSkyBlue, -1px 0px LightSkyBlue, -1px 2px LightSkyBlue, -1px 4px LightSkyBlue, 0px -4px LightSkyBlue, 0px 4px LightSkyBlue, 1px -4px LightSkyBlue, 1px -2px LightSkyBlue, 1px 0px LightSkyBlue, 1px 2px LightSkyBlue,  1px 4px LightSkyBlue, 2px -4px LightSkyBlue, 2px 0px LightSkyBlue, 2px 4px LightSkyBlue, 3px -3px LightSkyBlue, 3px 0px LightSkyBlue, 3px 3px LightSkyBlue, 4px -2px LightSkyBlue, 4px 0px LightSkyBlue, 4px 2px LightSkyBlue;">Ura'</span> <font color="Gold">Girls</font>
<span style="text-shadow: -1px -1px DeepSkyBlue, 1px -1px 0 DeepSkyBlue, -1px 1px 0 DeepSkyBlue, 1px 1px 0 DeepSkyBlue, -2px -1px White, -2px 0px White, -2px 1px White, -1px -2px White, -1px 2px White, 0px -2px White, 0px 2px White, 1px -2px White, 1px 2px White, 2px -1px White, 2px 0px White, 2px 1px White, -4px -2px LightSkyBlue, -4px 0px LightSkyBlue, -4px 2px LightSkyBlue, -3px -3px LightSkyBlue, -3px 0px LightSkyBlue, -3px 3px LightSkyBlue, -2px -4px LightSkyBlue, -2px 0px LightSkyBlue, -2px 4px LightSkyBlue, -1px -4px LightSkyBlue, -1px -2px LightSkyBlue, -1px 0px LightSkyBlue, -1px 2px LightSkyBlue, -1px 4px LightSkyBlue, 0px -4px LightSkyBlue, 0px 4px LightSkyBlue, 1px -4px LightSkyBlue, 1px -2px LightSkyBlue, 1px 0px LightSkyBlue, 1px 2px LightSkyBlue,  1px 4px LightSkyBlue, 2px -4px LightSkyBlue, 2px 0px LightSkyBlue, 2px 4px LightSkyBlue, 3px -3px LightSkyBlue, 3px 0px LightSkyBlue, 3px 3px LightSkyBlue, 4px -2px LightSkyBlue, 4px 0px LightSkyBlue, 4px 2px LightSkyBlue;">Se<font color="DeepSkyBlue">ra</font>fuku</span></span><div class="note-box-attributes" style="background-color:White;"></div>

Updated

Danbooru fetches note previews via GET request so anything too long will exceed the maximum allowable length for URIs and return an error, which isn't handled gracefully. There is no limit on note bodies otherwise, so saving the note and then reloading the page should work as expected.

Talulah said:

Danbooru fetches note previews via GET request so anything too long will exceed the maximum allowable length for URIs and return an error, which isn't handled gracefully. There is no limit on note bodies otherwise, so saving the note and then reloading the page should work as expected.

Hmm. 'Limit' only applies to previewing, huh? Then I suppose I need to use some alternative HTML framework if I need to preview my work.

1