New Feature: Blurred NSFW content + Policy reminder

New Feature: Blurred NSFW content + Policy reminder

While we allow NSFW content to be posted on Blender Artists, it’s not suited for some people or situations. To help make Blender Artists a little safer, I just added a simple ‘NSFW Blur’ feature. It adds a rollover blur and message to any media that’s featured in a topic that has the nsfw tag:

You can disable NSFW blurring for your account on your preferences page:

About our NSFW policy

  • All posts that contain either graphical or verbal NSWF content MUST be tagged #nswf
  • We’re currently discussing the exact boundaries of what is still NSFW and when work becomes unsuitable for Blender Artists, but for now we draw the line at explicit sexual/pornographic work. Just apply common sense :slight_smile:

Known issues

  • Support on mobile devices is still lacking
  • I haven’t tested every browser on the planet yet

Please report any issues that you may find here. Thanks!

8 Likes

i don’t see it, i don’t know if it is normal or not ?

Hmm, which browser/OS do you use? Can you try a force reload? (And be sure to not have your mouse cursor over it ;-).

PS: I removed the image as it contained an NSWF picture :troll:

windows 10 + chrome, im not hovering it and i just tried to reload and force reload it several times but its not blurry.

Ah, silly me. Look now?

Can confirm not working on waterfox 56.2.9. No blur.

edit: And same on Opera 62.0.3331.72

This is a good thing, the old argument “don’t like it, don’t look” really breaks down when you have large thumbnail previews for threads rather than just the title.

We must keep in mind that BA is a site visited by people of all ages and all cultures, and that this is the only real place for Blender users to get good quality support. Not everyone is wholly accepting of nudity and some other types of content like what is often seen in Europe.

4 Likes

I tracked it down - could you try again please?

1 Like

Sure, was about to add that manually adding filter: blur(10px); in inspector did work though.

And now can confirm working on waterfox.

edit: And opera is confirmed working too.

edit2: looking at the actual topic now, apparently even the emoticons are getting blurred, guess you added the filter to all images on the page.

Should be possible to give user uploaded images a separate class or id to apply the filter only to those or alternatively use the img class="emoji" to create a separate rule for the emoticons to not be blurred.

Might be as simple as the filter is applyed only to images with the NSFW tag, but the tag gets added to the emoji’s too.

1 Like

I find it a good think, maybe that will allow some good NSFW stuff to be harmlessly posted.

I would blur them even more, who can say…

If your mouse happens to be over the middle of your browser as you scroll through a post, it sort of defeats the purpose. Maybe it should be click to un-blur rather than hover over?

I agree that would be better, but also a lot harder given the Discourse architecture. That’s why I settled for a CSS-only solution. If you know an ‘on-click’ solution for CSS I’d love to hear it!

How difficult would it be to add an option in preferences? I’m an adult and not easily offended, so would rather just disable the blur entirely. But if it’s a giant hassle, I can deal with the blur—this place rarely has nsfw content anyway.

8 Likes

I expect at least half a day of work, so it’s something I prefer not to prioritise right away :slight_smile:

1 Like

I’ve got to find a picture that looks incredibly suspect when blurred, but ends up being totally innocent when revealed to test this out with.

I’m thinking someone adding stuffing to a chicken would work here. Gimme a sec.

You could lengthen the css transform used to animate the unblurring so that when someone happens to just scroll over it they wouldn’t really even notice it.

why not leave it always blurred?

This “Awaiting Approval” thing is humiliating.

1 Like

It is the first thing I do whenever I register on sites - I disable any “mature filters”. You should have prioritized adding a setting to disable the censorship before implementing any.

Add this to your custom css:

.tag-nsfw .topic-body .cooked a.lightbox:before, .tag-nsfw .topic-body .cooked iframe:before, .tag-nsfw .topic-thumbnail a:before {
    content: none;
}

.tag-nsfw .topic-body .cooked img, .tag-nsfw .topic-body .cooked iframe, .tag-nsfw .topic-body .cooked .lazyYT-container, .tag-nsfw .topic-thumbnail img {
    filter: none;
}