Hi everyone! Welcome to my personal site! (✩ ์ ᴗ ์✩)
butch teddy bear... if you even care...
tag who u would live in a magical swamp treehouse with ✨
New Mature Content Warning Overlay (And How to Get Rid of It)
More fun community label "features"! Unlike the new mandatory label for #NSFW, this one is a bigger deal to me because it affects my entire blog and it can't be avoided by just using a different tag.
Apparently on custom blog layouts, if you happen to post or reblog even a SINGLE post that's been flagged with the mature content community label, a full-page warning overlay will appear blurring out your entire blog that must be manually clicked through every single time the page is refreshed. At first I thought this was just a bug due to my older layout but I've come to realize it's not. It's a feature (as confirmed by this recent changes post) that affects all custom themes. The formatting will vary based on your own theme but here's what it looks like on my blog:
I don't know about you but I find this is stupid and annoying. If it could be dismissed once and never seen again that might be one thing, but that's not the case. The vast majority of my blog is not "mature" enough to warrant such an aggressive and invasive warning. I also think pop-ups are obnoxious in general and I'll be damned if tumblr's going to force me to have one on MY blog.
After some desperate googling for a known workaround and being unable to find even a single mention of it, I decided to take on the challenge myself. I'm not a theme coder, so apologies if there's a better way to do this, but luckily it only took me like 10 minutes to figure out a simple fix, which I'm now sharing with anyone else who may want it:
.community-label-cover__wrapper {display: none}
Just copypaste that somewhere in your CSS and goodbye pop-up!
If you're not sure how to access your theme code, check out this help article. You can also add the code via the Advanced Options menu, which is actually even better (if you can get it to work, it depends on how your theme was coded), because it will then automatically be reapplied to a lot of themes without having to remember to manually add it every time if you change your theme in the future.
Obviously this will only remove it from your own blog for anyone who may visit it. If you never want to see this warning again on other people's blogs you can also add this custom filter to your ad block:
tumblr.com##.community-label-cover__wrapper
Unfortunately I do not have an easy tutorial on hand for this one as the method will depend on your specific ad block app or extension.
Some additional notes:
- After adding the theme code and saving the changes, give it a minute to update as it sometimes takes a little while for the page to refresh.
- The warning overlay only seems to appear if a "mature" post is on the FIRST page of your blog, which is still annoying and makes the whole thing even more pointless and stupid because what if someone visits any other page of your blog, and oh no, happens to see "mature" content they weren't warned about?!
- The warning also appears on direct links to "mature" posts.
- This hack has NOTHING to do with entire blogs that have been flagged as NSFW. It only works for non-flagged blogs with custom themes that happen to have individual "mature" posts.
Some people have been interested in how this was made - I am extremely bad at explaining but I’ll try to give a quick rundown!
First I draw the individual parts in a 2d art program, in this case procreate. I put an overlay texture that gives it some grittiness. As you can see I separated out the parts I planned to move a little bit, like the top and bottom jaw, eyes, wings, and body segments.
Each part of the texture is applied to a 2d plane through uv maps with the exception of the halo, which is 3d modeled.
The 2d planes are layered in a way that will create shadow when a light is added and avoid overlaps when rendered. This also really lends to the papercut aspect!
Animation for this particular piece is done through something called “shape keys” where blender will interpolate movement based on me slightly moving the individual parts.
I created several keys for different areas of motion. When all are combined it creates a nice effect. Some parts move smoother than others - this is due to me setting some keys to be “constant” instead of “bezier smoothed”.
(Oh also the halo is just rotated on an axis - 3d go brrrrr)
After rendering all the frames into a gif, I then threw it into a video editor to make the colors more contrasted and to add slight glitching and behold! Final product!
Hopefully that helps out some for people who want to try it. Or for people who are just curious!
HUGE DASHBOARD UNFUCKER UPDATE!!!
I'll spare you the boring details, but up until now, the script has reverted the vertical nav update by essentially waiting for the page to load most of the way, and then quickly moving everything back to where it should be. This works decently fine of course, but of course there are issues with feature parity when it comes to things that Tumblr removes outright. And every time Tumblr removes another feature, I have to manually spend anywhere from minutes to hours trying to replace it.
HOWEVER, update 3.0 does away with all of that by simply disabling the flag that marks your account as part of the vertical nav beta test before the page loads. This reverts your dashboard to the proper layout without shuffling anything around after the page loads and effectively disables the vertical navigation layout and all future updates to it.
I owe a massive thanks to @twilight-sparkle-irl for knowing how to deobfusticate Tumblr's hidden settings! I couldn't have done this without your work!!!
Barbie doesn’t know Ken is a horse girl
