Created
June 1, 2020 03:53
-
-
Save jeremyredhead/534ba5b77c731463d56095e708e8ec82 to your computer and use it in GitHub Desktop.
"The End of Twitter", a semi-artistic anti-binging user style for legacy twitter, written sometime before september 2019
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
According to Stylus, I "installed" (wrote) this user css on September 23, 2019, | |
and last updated it December 23, 2019 (noice). | |
But I recall that I had come up with the idea and written a earlier version sometime before that. | |
Alas, I lost my user styles without having a backup (like several times iirc), | |
so I lost the original version (which didn't use css variables iirc). | |
It should really say @version 2.0.0! | |
Anyway, I'll get screenshots up eventually. maybe. (or not) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ==UserStyle== | |
@name The End of Twitter | |
@namespace github.com/openstyles/stylus | |
@version 1.0.0 | |
@description Cut off twitter feeds after 15 entries to discourage binging. | |
@author jeremyredhead | |
@license MIT or CC-Zero | |
==/UserStyle== */ | |
@-moz-document domain("twitter.com") { | |
:root { | |
--tweet-pad: 9px 12px; | |
--tweet-indent: 58px; | |
--avatar-size: 48px; | |
} | |
.stream-item[data-item-type=tweet]:nth-of-type(15)::after { | |
display: block; | |
content: | |
"Woah there pardner; I'm the sheriff in these here parts, \A\ | |
and you've just reached the end of twitter. \A\ | |
You best be scrolling back up now..."; | |
white-space: pre-line; | |
margin: var(--tweet-pad) 0; | |
padding-left: var(--tweet-indent); | |
background: url(https://abs.twimg.com/emoji/v2/72x72/1f920.png) | |
no-repeat 0 center / var(--avatar-size); | |
} | |
.stream-item[data-item-type=tweet]:nth-of-type(15) ~ * { | |
display: none; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment