psyche.co

[albatross4]

On

Code: Select all

https://psyche.co/guides/how-to-ease-the-pain-of-grief-following-a-romantic-breakup

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:

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)

If there's a better way to handle this I'd love to know about it!

---

On

Code: Select all

https://psyche.co/

there is a newsletter ad about halfway down the page:



Block it with:

Code: Select all

psyche.co##[class*="styled__MainColumn-"] > aside[class*="styled__Container-"]:has(:scope [class*="styled__SubmitButton-"]:has-text(Subscribe))

and on

Code: Select all

https://psyche.co/films/meet-the-artists-who-create-sounds-for-movies-and-have-so-much-fun-doing-it

there's another one at the bottom:



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/

are social media links in the nav:



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

there are social media links in the sidebar:



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

if you scroll down to the bottom of the article, in the sidebar are social media links:



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

there are social media links in sidebar:



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

there are sidebar social media links:



Blocked with:

Code: Select all

psyche.co##[class*="films__SocialButtonsWrapper-"]

[fanboy]

https://github.com/easylist/easylist/co ... 5365829ca2

[albatross4]

Block (1) top banner, (2) newsletter popup (scroll down page for it to appear), (3) article inline newsletter subscription form.

Code: Select all

psyche.co##[class*="styled__Container-sc-"]:has-text(Support Psyche)
psyche.co##[class*="styled__Wrapper-sc-"]:has-text(Enjoying Psyche?)
psyche.co##[class*="styled__InSituNewsletterSignup-sc-"]

(1) and (2) can be seen on the homepage:

Code: Select all

https://psyche.co/

(3) can be seen in an article:

Code: Select all

https://psyche.co/ideas/advance-directives-for-mental-health-raise-deep-ethical-questions

[fanboy]

It's not worth it.