Phosphor [&]

I may be Cohost's Number One Sunkern Fan but do not let that stop you from giving them the love they deserve!! you TOO can be Cohost's Number One Sunkern Fan! we can ALL be Cohost's Number One Sunkern Fan!!

I am making it easier for you - yes, you! - to express your love for sunkern TODAY... by emojifying a bunch of their PMD portraits!!!
never has it been easier to be a Cohost's Number One Sunkern Fan!! (okay there are ways it could be easier but this is all that I have Bandwidth for atm)

here's the emoji and their HTML! (these don't work for comments or asks but you can always just use markdown embeds)

if anyone else wants to crimeschost with FFXIV's auto-translate icons, btw, here you go!

text before <img src="https://staging.cohostcdn.org/attachment/d8b76fae-d311-4837-b728-4873b9351687/autoleft.webp" alt="FFXIV auto-translate arrows left" style="display:inline;height:1em;margin:0" /> auto-translated term <img src="https://staging.cohostcdn.org/attachment/f8ba7d8a-2a27-4e4f-a16d-8096edc946d8/autoright.webp" alt="FFXIV auto-translate arrows right" style="display:inline;height:1em;margin:0" /> text after

creates

text before auto-translated term text after

And in case anyone wants it: List of auto-translated phrases

Note that like other CSS crimes, these unfortunately do not work in comments or asks.

edited 7/24/23: more concise alt text

css crimes question: is there a way to do something like mouseover hover text, where you can add an explanation for a word or phrase without it clogging up the post itself? (that is also accessible to mobile users and screen readers)

(my use case is that I talk a lot about a niche side thing in FFXIV with a lot of technical terms that the average player might not be familiar with, and I want to be able to include definitions for those without clogging up the reading experience for people who already know. I could use footnotes, but those require scrolling up and down)

update: I've figured out how to do this using a details tag (thank you for the suggestion!) and a probably very cursed number of display:inlines.

template:

<div style="display:inline;">PRECEDING TEXT </div>
<details style="display:inline;">
<summary style="display:inline; border-bottom: 1px dotted black; cursor: pointer;">term</summary>
<span> (explanation)</span>
</details>
<div style="display:inline;"> FOLLOWING TEXT</div>

example:

<div style="display:inline;">On floor 97, </div>
<details style="display:inline;">
<summary style="display:inline; border-bottom: 1px dotted black; cursor: pointer;">AuroraMoon</summary>
<span> (a FFXIV deep dungeon streamer who has solo cleared both deep dungeons on all jobs, among other things)</span>
</details>
<div style="display:inline;"> opened a chest, only to find that it was yet another mimic.</div>

On floor 97,

AuroraMoon

(a FFXIV deep dungeon streamer who has solo cleared both deep dungeons on all jobs, among other things)

opened a chest, only to find that it was yet another mimic.

it's usable on Android + Vivaldi at the very least, but definitely let me know if it's weird on other devices or screenreader-unfriendly. feel free to chime in with improvements, too!

css crimes question: is there a way to do something like mouseover hover text, where you can add an explanation for a word or phrase without it clogging up the post itself? (that is also accessible to mobile users and screen readers)

(my use case is that I talk a lot about a niche side thing in FFXIV with a lot of technical terms that the average player might not be familiar with, and I want to be able to include definitions for those without clogging up the reading experience for people who already know. I could use footnotes, but those require scrolling up and down)