psyche.co
Posted: Sat Jul 31, 2021 2:27 am
On there is a newsletter overlay and a social media overlay:
Blocking these is a little tricky because they are inserted into the DOM after the page is already loaded, and they don't have good IDs or classes to use for targeting them (meaning we need to use procedural cosmetic rules). The combination of these two issues means that blocking the elements themselves leads to them appearing for a brief second on the page while the procedural rule is processed. To get around this, I set all [class*="styled__Wrapper-"] to hidden visibility and then set anything that is NOT the has-text() targeted overlays to visible:
If there's a better way to handle this I'd love to know about it!
---
On there is a newsletter ad about halfway down the page:
Block it with:
and on there's another one at the bottom:
Blocked with:
---
On are social media links in the nav:
Blocked with:
---
On there are social media links in the sidebar:
Blocked with:
---
On if you scroll down to the bottom of the article, in the sidebar are social media links:
Blocked with:
---
On there are social media links in sidebar:
and if you scroll to the bottom:
Block them with:
---
On there are sidebar social media links:
Blocked with:
Code: Select all
https://psyche.co/guides/how-to-ease-the-pain-of-grief-following-a-romantic-breakup
Blocking these is a little tricky because they are inserted into the DOM after the page is already loaded, and they don't have good IDs or classes to use for targeting them (meaning we need to use procedural cosmetic rules). The combination of these two issues means that blocking the elements themselves leads to them appearing for a brief second on the page while the procedural rule is processed. To get around this, I set all [class*="styled__Wrapper-"] to hidden visibility and then set anything that is NOT the has-text() targeted overlays to visible:
Code: Select all
psyche.co##[class*="styled__Wrapper-"]:style(visibility: hidden !important)
psyche.co##[class*="styled__Wrapper-"]:not(:has(:scope [class*="styled__SubmitButton-"]:has-text(Subscribe))):not(:has(:scope [class*="styled__Copy-"]:has-text(Follow us on social media!))):style(visibility: visible !important)
---
On
Code: Select all
https://psyche.co/
Block it with:
Code: Select all
psyche.co##[class*="styled__MainColumn-"] > aside[class*="styled__Container-"]:has(:scope [class*="styled__SubmitButton-"]:has-text(Subscribe))
Code: Select all
https://psyche.co/films/meet-the-artists-who-create-sounds-for-movies-and-have-so-much-fun-doing-it
Blocked with:
Code: Select all
psyche.co##[class*="styled__FluidMainColumn-"] > aside[class*="styled__Container-"]:has(:scope [class*="styled__SubmitButton-"]:has-text(Subscribe))
On
Code: Select all
https://psyche.co/
Blocked with:
Code: Select all
psyche.co##[class*="styled__SocialLinks-"]
On
Code: Select all
https://psyche.co/ideas/mental-disorders-are-brain-disorders-heres-why-that-matters
Blocked with:
Code: Select all
psyche.co##[class*="ideas__SocialShareBarWrapper-"]:not(:has([class*="ideas__ShowCommentButtonWrapper-"]))
On
Code: Select all
https://psyche.co/ideas/rituals-create-community-by-translating-our-love-into-action
Blocked with:
Code: Select all
psyche.co##[class*="ideas__SocialShareBarWrapper-"]:has([class*="ideas__ShowCommentButtonWrapper-"]) > :not([class*="ideas__ShowCommentButtonWrapper-"])
On
Code: Select all
https://psyche.co/guides/how-to-cope-with-experiencing-feelings-of-unreality
and if you scroll to the bottom:
Block them with:
Code: Select all
psyche.co##[class*="styled__SocialShareWrapper-"]
psyche.co##[class*="guides__SocialMetaWrapper-"]:has([class*="ShowCommentsButton__Button-"]) > :not([class*="ShowCommentsButton__Button-"])
On
Code: Select all
https://psyche.co/films/meet-the-artists-who-create-sounds-for-movies-and-have-so-much-fun-doing-it
Blocked with:
Code: Select all
psyche.co##[class*="films__SocialButtonsWrapper-"]