Unsolicited redesign

[nclm]

So I was thinking that many people will need Twitodon these days with the big migration from Twitter, so making it look more user friendly could be nice.

I quickly put together a redesign, source is here. It’s only static HTML and CSS now, I didn’t dare touching the JS, especially as I had to change the mark-up a bit.

You can preview it in three stages here:

1. Before logging-in
2. During scanning
3. When ready to download

Features:

• New styling inspired by the Light Mastodon theme.
• Using Twitter blue for Twitter-related things, Mastodon purple for Mastodon-related things, and a gradient from blue to purple for Twitodon-related things.
• Making the three steps clear in the layout.
• Not showing elements that are not relevant to the current status.
• Adding a progress bar during the scanning.
• Making main actions clear as buttons.
• Adding explanation for what is the instance URL (not sure how necessary).
• Reworked some of the text.

Let me know what you think!

[ianlynchsmith]

Make sure it’s readable on mobile.

[nclm]

Thanks, I think it’s just missing a viewport meta tag, I did try to a mobile-sized window on the computer. Will try to fix it tonight or tomorrow :)