NicoleTheLizard

lizard

@NicoleTheLizard

what is this i am not good with com

🦎
Last.FM Recently Playedhttps://www.last.fm/user/NicoleTheLizard

log inask
icosahedron website (fedi)
icosahedron.website/@NicoleTheLizard
tumblr
lizardlizardlizardlizard.tumblr.com/
NicoleTheLizard
@NicoleTheLizard
mcc
@mcc
mcc
@mcc

If I were using Cohost, I would simply post an image. It would be easy for me

⬜⬜⬜🟥🟥🟥🟥🟥⬜⬜⬜⬜
⬜⬜🟥🟥🟥🟥🟥🟥🟥🟥🟥⬜
⬜⬜🟫🟫🟫🟨🟨🟫🟨⬜⬜⬜
⬜🟫🟨🟫🟨🟨🟨🟫🟨🟨🟨⬜
⬜🟫🟨🟫🟫🟨🟨🟨🟫🟨🟨🟨
⬜🟫🟫🟨🟨🟨🟨🟫🟫🟫🟫⬜
⬜⬜⬜🟨🟨🟨🟨🟨🟨🟨⬜⬜
⬜⬜🟫🟫🟥🟫🟫🟫⬜⬜⬜⬜
⬜🟫🟫🟫🟥🟫🟫🟥🟫🟫🟫⬜
🟫🟫🟫🟫🟥🟥🟥🟥🟫🟫🟫🟫
🟨🟨🟫🟥🟨🟥🟥🟨🟥🟫🟨🟨
🟨🟨🟨🟥🟥🟥🟥🟥🟥🟨🟨🟨
🟨🟨🟥🟥🟥🟥🟥🟥🟥🟥🟨🟨
⬜⬜🟥🟥🟥⬜⬜🟥🟥🟥⬜⬜
⬜🟫🟫🟫⬜⬜⬜⬜🟫🟫🟫⬜
🟫🟫🟫🟫⬜⬜⬜⬜🟫🟫🟫🟫

mcc
@mcc

Programming challenge

Challenge: Make a script, executable, or JavaScript/CGI web page which takes a PNG as input and outputs an appropriate grid made of the following emoji:

⬜⬛🟦🟧🟪🟫🟥🟨🟩

Interpretation of how color palette matching, dithering (if any), etc should work up to you.

Time limit: Anytime between now and when @staff gets image uploads working again

You must log in to comment.

in reply to @mcc's post:

amikumanto
@amikumanto

I believe there's an html attribute that hides content from screen readers - I don't remember exactly what it was (although I def saw a post about it a while back), but probably if anyone actually attempts this, they should make sure to include that in their generator

login to reply
flurry
@flurry

aria-hidden, I believe. You could possibly even wrap the whole thing with a div and add aria-label (untested but works in the firefox accessibility tree):

<div role="img" aria-label="a picture of mario made out of emoji">
<p aria-hidden="true">
<!-- ... a picture of mario made out of emoji ... -->
</p>
</div>
login to reply
vectorpoem
@vectorpoem

iirc i made it hoping i could get legible images crunched down into twitter-character-limit size, but it wasn't happening, even for stuff that seemed like it should be well suited for it like NES sprites.

login to reply