Git Product home page Git Product logo

goodtwitter2's Introduction

GoodTwitter2

A try to make Twitter look good again.

Changelog

⚠ Not dead yet! See #567 for details about the current project status.

Content

Background

Twitter disabled its old 2014 layout on June 1st 2020 completely. This caused the popular extension GoodTwitter to not work anymore. But since I like the older layout better, I decided to create this script to recreate the legacy look in a way.

Disclaimers

  • Please keep in mind that a few things break from time to time so creating pull requests and/or issues is appreciated.
  • This is by no means a full recreation of the old design, it is more like a hybrid between the two.

Features

  • Legacy Navbar is back!
  • Legacy Profile Layout Option!
  • Your profile appears on the left side for most pages
  • All display settings are supported!
    • The default and dim theme use the color palette from legacy twitter
  • Added toggle for nightmode when not logged in
  • Translate tweets directly in your timeline!
  • Tweet source field is visible again
  • Various other custom settings, take a look at the previews

Installation

To use this script, you need a userscript manager.

  • Install Tampermonkey or Violentmonkey (Greasemonkey is not supported at the moment)
    • Violentmonkey may work better with very old Firefox versions.
  • Then, click on this link and a new tab should open, prompting you with an installation screen.
  • Hit install and you should be good to go!
  • [Firefox only] You do not need to disable CSP anymore. If you disabled it previously, see this guide on how to enable it again.

Do not use this script together with the GoodTwitter extension. Disable it first!

FAQ

The highlights color does not match my settings, what should I do?

Normally, the script should detect what colors you are using. If it somehow does not, just navigate to the display settings, switch to another color and then select your desired color again. Now it should look the way you want!

Can I help you?

Of course! If you want to help with the translations, check out Adding translations.

If you want to help with coding, you can take a look at the issue tracker. There are a lot of things that do not work correctly and I certainly could use some help with that :)

Translations

Thanks to these awesome people, there are translations available for the following languages:

Adding translations

If your language is not yet supported, you can help by adding it! Open the following box to learn more.

Adding an UI Translation
  • Switch to the dev branch.
  • Go to the i18n folder.
  • If a translation does not yet exist for your language:
    • Fork the repo

    • Duplicate the en.yml file and change the file name accordingly (i.e. ja.yml or nl.yml).

      • You can get the language id by pressing Ctrl+U on the twitter page and looking at the second line:
    • Then, translate all strings and create a pull request.

      • For all the strings in the first paragraph: Please use the official translations on twitter if you can.
    • You can also of course search for potential spelling mistakes or the likes and correct them for existing translations!

    • New strings will be added sometimes (e.g. for new settings). They will end with a TODO comment so you can spot them easier!

If you don't know how to use git, you can also create an new issue with your translation.

If you do so, please make sure to wrap the content of your file in backticks, like this:

```content```

Similar projects

Credits

This project uses the following libraries:

Previews

Settings

Page 1 Page 2

goodtwitter2's People

Contributors

3w36zj6 avatar andy9001 avatar aridow avatar banesrb1 avatar bl4cc4t avatar brandtnerkpw avatar edinuser avatar gaelcoral avatar geyerbri avatar gizel-jiz avatar granmacco avatar gvmelle avatar josephwhite avatar kevslashnull avatar krokerik avatar lastorder-dc avatar leleneme avatar mkljczk avatar nekosam395 avatar perska avatar roy4801 avatar seaque avatar simplyrin avatar touanu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

goodtwitter2's Issues

Background setting does not work for "Lights Out"

After updating from 0.0.14 to 0.0.17, the "Lights Out" background setting no longer applies properly. For screenshots with "Lights Out" setting with 0.0.14, see #25.

With version 0.0.17, this is the view with "Lights Out" set:

Capture5

The other background settings work apparently as intended. "Default":

Capture7

And "Dim":

Capture 6PNG

translation button

would you please try to bring back the translate button on TL/search, without clicking on the tweet it self?
the new layout does not support this function unfortunately..
best regard

Twitter search bar not appearing when searching and scrolling

On Twitter.com/home, there is the twitter search bar in the top right corner. But in twitter.com/hashtag or twitter.com/search*, the search bar doesn't appear there, and it's inconvenient when we scroll down since we have to go to the top of the page to use the search bar again.

Quoted tweets are not anchors

When someone do a "retweet with comment", it's not possible to middle-click the quoted tweet to open it in a new tab, like in Legacy Twitter.

"Disable Auto Refresh" combines badly with disabled cache: image endlessly requested

Version of GoodTwitter2: 0.0.14
Browser: Google Chrome on amd64 Linux
Version: 83.0.4103.61-1

I found that if "Disable Auto Refresh" is left enabled (the default), and you happen to have the browser cache disabled (e.g. due to having Developer Tools open), then images get repeatedly requested -- my browser kept requesting (what I believe was) the topmost jpeg and downloaded about 80MB in a few seconds.

To avoid this, perhaps it's better to make Disable Auto Refresh disabled, by default?

Other than that, no major issues - many thanks for the script :)

Edited to add:

Correction: The problem still seems to occur - I had to disable "Bigger Image Previews" as well, to fix it.

script doesn't work on firefox + suggestions

The script doesn't work on firefox for me. Well, it does for a few seconds then it disappears.

Also, here are some suggestions that I think would be good :

  • I think the "What's happening ?" part is too big compared to old layout
  • I think it would be great if we could middle click on trends to open them in a new tab
  • Is there a possibility to have the same photos layout than before ? example : https://i.imgur.com/XEJecWw.png
  • Lastly, it looks like all news tweets in TL are loaded at the same time in the new layout, without the messages "x news tweets"

I know there is many suggestions and this script is made to be a hybrid, but there is so many details that make this new layout less ergonomic... so I understand if these suggestions are not possible.

Thanks for your work !

Color theme not changing through settings menu

image

First I tried to change the color theme from the Settings -> Display menu, but couldn't manage to get it work. After that only did I find out you can change it separately from clicking your profile picture and going to "Display". If there is a way to detect the theme change from the settings menu, that would be really good.

Scroll bar issue

On twitter.com/search*, when I scroll, my scroll bar is displayed weirdly, going randomly up and down. I'm on firefox.

search / photo layout

Change the layout of the photos in the search results.

I probably won’t implement this, but maybe someone wants to give it a try.

Related: #4

Missing Images

On the main twitter page, the Avatar and top-right image can't load. The text is also missing off the tweet button.

Chrome: Version 83.0.4103.61 (Official Build) (64-bit)
Using V0.0.17

Twitter

Show the amount of new tweets in the page title

Rather simple request, but a very important one for someone like me.
It's important, since without it, there's basically no point to keeping multiple twitter tabs open, since they don't give any indication when there is new tweets.

Profile box in left sidebar

Any way to keep it there when zoomed to 100%? Currently in Chrome it moves to the right unless I zoom to 90% or less. Also disappears when I look at profile view. A lesser issue: the screenname being underlined, which wasn't the case in old / good twitter.

Open tweets in new tab

I know it was never a twitter feature, but I'd really like to be able to middle click on tweets to open them in a new tab, or at least do it through the context menu.

Elements extending off screen at window widths <1350 pixels

User info box on left side extends off screen when window width is below about 1350 pixels. Once window width drops below about 1090 pixels, the "What's Happening" and "Who to Follow" boxes on the right side also start extending off screen.

Profile card section

Profile section (on timeline) seems slightly off when choosing a smaller font on Twitter.

Old:
image

Script version + smaller font:
image

On the other side, the "Home, Notifications, Messages" tab buttons seem too close.
Maybe they could be set to a fixed size so it doesn't affect it?

Hide Images on TL

Would it be possible to have a toggle for image previews that behaves like this old userscript by Mildmojo? I never liked having big images cluttering the TL (having that weird laptop resolution of 1366x768 doesn't help) that also wasted bandwidth, and the Data Usage toggle on New Twitter isn't much of an improvement. I've also noticed when you use that, when you click on an image you actually want to see, it can make them quite blurry.
https://userstyles.org/styles/94605/twitter-hide-images-on-timeline

On old Twitter, this is how that userscript would make tweets look (rather old random screenshot I still have from 2016). It brought back the old click to view behavior that was discontinued in late 2013, and it also worked that way on quote tweets.
Old Twitter Hide Images Userscript IS_Anime Tweet

GoodTwitter2 settings not showing up

As you can see, they're nowhere to be found in my Twitter settings page. The sidebar on the left seems to be missing. (I've edited out my personal info from the screenshot.)
image

The sidebar becomes visible if I do something like open up my display settings. (Again, I've edited out my personal info.)
image

Support for Chromium

This is just a request for future full support for Chromium-based browsers like Opera.

Currently, the layout appears like this in Opera 68:

Capture3

(this is obviously just the top portion)

Settings page does not load properly:

Capture5

Just wanted to throw this idea out there.

Give an option to force the three-columns layout

Currently at my default zoom level, I only have the timeline (on the left) and the right sidebar, instead of the "legacy" layout with sidebars on each side of the timeline. If I zoom out, I get the three columns, but then the timeline feels cramped (I can adjust the text size but the timeline stays the same width).

It's probably an issue that with the default sidebar size I don't have enough room for the three columns (I have a 1920/1200 screen, and my default zoom level in Chrome is at 150%, so two 350px sidebar + 600px timeline at that zoom level doesn't fit), but with the small sidebars there's definitely room but it still goes to a two-columns layout unless I unzoom to 125%.

Having the timeline on the left and only one sidebar isn't very "legacy twitter" so it would be great if there was an option to force the three-columns layout.

Move copy link to the drop down

I'm so used to it being there on the top right of a tweet, having to click on the share button now is bothersome

This is how the old dropdown looked on my profile for reference (i made a couple webpage saves before legacy was removed)
image

Request: Force "Latest Tweets" view

I'm not sure if this is something that can even be done with a userscript, but it would be amazing if we could force the "Latest Tweets" view. If not, would it be possible to make it more obvious when the view has silently switched back to "Home" yet again?

Drop-Down Navigation Padding Issues + No See X New Tweets

A couple of issues.

I noticed that outside of the home page, the padding in the drop-down menu navigation isn't applied:

Untitled-1

Also I noticed in your preview here, you have "Show 1 New Tweet":

68747470733a2f2f692e696d6775722e636f6d2f67786738435545722e706e67

How do I activate that display on my end? Is that part of the experimental "Disable Auto Refresh" feature? (If so I guess it's just not working for me.)

Finally, a request: Can we remove the number of notifications from the title and instead have it show the number of new tweets for whatever page we're on?

Untitled-2

For example, if I'm on a list and it says "See 7 new tweets," the title bar would say "(7)"

Thanks!

"Left sidebar trends" toggle not working

The toggle doesn't seem to work on any browser since it was added, even tried several language settings but it doesn't do anything. Neither does enabling/disabling/clearing cache.

I Can Only See the New Layout

I enabled the Tampermonkey extension and followed all of the instructions, but I can't get Twitter to go back to the old layout. I also changed security.csp.enable flag to false, so I don't know what I'm doing wrong.

Search not working

First off, huge thanks for this userscript.

I just installed Tampermonkey and activated your script (version 0.0.2), and search doesn't appear to be working. It sometimes triggers a page reload after pressing enter, and sometimes does nothing.

Anything I can do or try to help track down the issue?

Site unusable without being logged in

I hate to just make such a declaratory statement, but that's the best way to put it.
-It doesn't work/do anything on all pages, namely when you're on someone's main twitter page it does nothing.
-And when it does work, it looks like this.
image
-Looks like this before and after disabling the security.csp
Using Waterfox 2020.04 Classic (Portable) if that helps.

[Edit]
Tested with a fresh version of Waterfox 2020.05 Classic (Portable) and getting the exact same results.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.