Yep, worked!
Thanks
Edit:
in blog view this post leaves an open italic tag at the beginning of the Dante quote.
caught a small one
should be “defies” rather than “defines.”
Perhaps somewhat off-topic, but I’m going to go there anyway…
Can one of you web-savvy people explain to me, in way that I can reproduce, how Discourse does that spoiler-blurring thing? I tried to look at the css and it makes my eyes bleed.
use the spoiler tag
No, no. I know how to use it. I meant the web programming techniques behind it. I found a jquery plugin, but I don’t understand how it works either.
oh, sorry (∘=̴⃙̀˘︷˘=̴⃙́∘)
this is Rob’s thread, you should probably summon @sam , i think he wrote that bit.
there used to be a design thread for this question, but it got locked.
It looks like it’s adding a really diffused text-shadow, and then hiding the actual text so that all you see is the (blurry) shadow.
all the code is here: https://github.com/discourse/discourse-spoiler-alert I did not write it though, it was mostly @eviltrout and @zogstrip
The core of the blurring is indeed in the spoiler.js
file.
There are 3 types of blur
- For text, we change both
background-color
andcolor
to atransparent
value and then usetext-shadow
to blur the text. - For links, we use the CSS
blur
filter sincetext-shadow
doesn’t work that well for links. - For images, we wrap them with a SVG that is using the
feGaussianBlur
because it uses the GPU and is the most efficient across all browsers and platforms.
should read “smartwatch” not phone.
also, lol:
Discourse confirms my gadfly status.
One afternoon in 1954 Ann Hodges of Alabama was napping on her
couch when a meteorite the size of a software came through the ceiling
“meteorite the size of a software”
I’m certain you meant “softball.”
still just me using this thread? OK!
no BBS page for this post
Wonder if this has something to do with confusion between @frauenfelder and @markfrauenfelder?
same error again, but this time for @AndreaJames ’ post. No BBS page loads for me. The link to comments has no number tally, clicking the link reloads the permalink boingboing.net
page.
Thanks. Now I can stop flagging posts when I see this (which always feels awkward to me). I didn’t even realize this thread existed.
ETA Also shouldn’t this be in #boing?
ETA 2 Also any way to sticky this post so it’s easier to find?
The Amazon link from Mark Frauenfelder’s 2016 Boing Boing Gift Guide: Gadgets entry for Clear plastic lock-picking tools leads to a 404 error.
This topic was automatically closed after 900 days. New replies are no longer allowed.