alexseanchai | (no subject)

Entry tags:

(no subject)

people keep asking for an annotated "it's my whole heart—while tried and tested, it's mine" and I'm trying to figure out how to accomplish that. add footnotes to the AO3 original? make a copy on AO3 and add footnotes or in-line notes to that, so the original stays a clean copy? make a copy on Dreamwidth (and not AO3) and etc?

if I'm starting with a fresh copy, in-line notes are probably less hassle for the readers, but how do I format that? do I start with the full text and insert italics or blockquotes wherever I want a note? do I start with the full text in blockquotes and put the annotations in body text? do I quote only each relevant bit?

Flat | Top-Level Comments Only

If you really wanted to do/annoy someone reading, add footnote-style links that go to a completely different work that contains all the annotations.

Or, design a work skin such that the text is on one side and the annotations are on the other side of the viewport, formatted into columns. I'm going to have to do something similar for this WIP because I need both text and subtext to be visible at the same time.

Probably the easiest thing is to copy the work and add annotations in some manner or method, because the annotations are going to be a lot of hopping back and forth.

yeah, I think the AO3 copy is staying as is and there will be a separate annotated copy.

how do columns thing? two-column table and each paragraph gets its own row?

test-driving the tables thing:

it's my whole heart—while tried and tested, it's mine (7611 words) by AlexSeanchai
Chapters: 1/1
Fandom: Miraculous Ladybug
Rating: Teen And Up Audiences
Warnings: Creator Chose Not To Use Archive Warnings
Relationships: Adrien Agreste | Chat Noir/Marinette Dupain-Cheng | Ladybug, Adrien Agreste | Chat Noir & Gabriel Agreste | Papillon | Hawk Moth
Characters: Adrien Agreste | Chat Noir, Marinette Dupain-Cheng | Ladybug, Gabriel Agreste | Papillon | Hawk Moth
Additional Tags: Kidnapping, Implied/Referenced Self-Harm, Puns & Word Play, implied/referenced suicidal ideation, Implied/Referenced Domestic Violence, Blood and Violence, sitting these two clowns down to talk about their feelings, still Ladybug and Chat Noir without the magic armor, Action & Romance, Identity Porn, self-rescuing princess(es), Hostage Situations, Identity Reveal, Season/Series 03 Spoilers
Summary:

Original Text	Annotations
There's a Tumblr post by trickerydickerydock, in Venom fandom: superhero peril tropes and tell them where your boyfriend is, Eddie.	trickerydickerydock: So we know how two of the favorite superhero peril tropes are A) Threaten a Loved One and B) Villain unwittingly taking the in-civvies Hero as a hostage. […]
Adrien has been held for ransom before, and he knows the routine: be patient, don't annoy anyone who's armed, and wait for the police to find a solution that the kidnapper(s) don't want his father thinking is an option.
But this time Adrien wasn't the only one taken. He wasn't even the primary target; that would be Chat Noir's only known civilian friend, the only person he's ever paid attention to after hearing her declare her love for him. Since all anyone knows Adrien is to Ladybug is her celebrity crush, he might be an afterthought, or just an annoyance along for the ride. And he still has his ring.
Hawkmoth probably hasn't seen that or any Tumblr post. (Darmok and Jalad at Tanagra. Tell them where your boyfriend is, Eddie.) Has Marinette?	Star Trek: The Next Generation 5x02 "Darmok"

That can theoretically all be done with CSS, which would make it a work skin idea rather than a set of tables that might break browsers resizing windows and so forth. I'm trying to find a useful tutorial on how to do it, preferably without having to float anything.

I don't know nearly enough about CSS. also my HTML looks like this:

<table><tr><th>Original Text</th><th>Annotations</th></tr>
<tr><td>There's a Tumblr post by trickerydickerydock, in <i>Venom</i> fandom: superhero peril tropes and <i>tell them where your boyfriend is, Eddie</i>.</td><td>

trickerydickerydock: <a href="https://trickerydickerydock.tumblr.com/post/179985559406/so-we-know-how-two-of-the-favorite-superhero-peril">So we know how two of the favorite superhero peril tropes are A) Threaten a Loved One and B) Villain unwittingly taking the in-civvies Hero as a hostage. […]</a></td></tr></table>

like I am making no attempt to define column sizes or anything

Right. So, in the mail program, those tables are equal width and height. On this page, in my phone browser, the work is normal-sized and the annotations are really small.

I think, for work skin purposes, one could use CSS flexboxes to achieve the desired work and annotation effects, maybe?

…right, yes, that is a problem

dunno, 404s

Whatever autofuckup decided to do with it this time, I want it to stop.

https://www.w3schools.com/csS/css3_flexbox.asp

I see what it did there. There's a capitalization in the original that's completely unnecessary and I'm annoyed at them for it.

ah, but here's the one you gave me first: https://www.w3schools.com/css/css_flexbox.asp

the 3 is the part that matters

*pokes it*

*goes somewhere isolated to catch a purple butterfly and run out the aggravation by destroying harmless things*

sorry

poking at the w3schools sandbox shows me if I do several of these:

<div class="flex-container">
<div>1</div>
<div>2</div>
</div>

where flex-direction for flex-container is defined as 'row', then I get what looks like nice neat columns. so stick a paragraph in where that 1 is, its annotation in where the 2 is (or a non-breaking space if there's no annotation and if something breaks if that second <div> inside the flex-container stays blank), and repeat for every paragraph. and then up in the CSS, play with the size and alignment…

should work!

…assuming "annotated version of another work" is legit on AO3, which tbh idk

Got me, but meta is supposedly welcome on AO3.

What about 'directors' cut' or 'commentary' versions of my own fanworks?

We consider those versions of your fanworks, so post them as you would any other fanwork, though we suggest that you distinguish them from non-commentary versions, for example by adding [Directors' Cut] in the title or tagging them to indicate the difference between the original and the 'DVD-style' version.

okay then

I am pleased they have thought of this and have an FAQ to answer it.

Flat | Top-Level Comments Only