Skip to content

Instantly share code, notes, and snippets.

@jeremyredhead
Created June 1, 2020 03:53
Show Gist options
  • Save jeremyredhead/534ba5b77c731463d56095e708e8ec82 to your computer and use it in GitHub Desktop.
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
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)
/* ==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