cheeaun ,
@cheeaun@mastodon.social avatar

Spent too much time on this. I would call this a media-first UI experience (IG, Pixelfed). Only on my local

Screenshots for before and after.

After: Local timeline from pixelfed.social, on Phanpy, with the new media-first design.

cheeaun OP ,
@cheeaun@mastodon.social avatar

Current progress: Pixelfed web vs Phanpy.

Most photos/images look really good on Pixelfed, so following pixelart hashtag could be an edge case, possibly unfair comparison, as some images can be smaller. The carousel UI is probably useless too since all of the images can fit in, but oh well 🤷‍♂️

On Phanpy, some existing features are preserved for this media-first UI including followed hashtag indicator and 'ALT' badge.

(still local dev)

Demo browsing images on the timeline on Pixelfed web, with "Compact media previews".
Demo browsing images on the timeline on still-under-development Phanpy.

cheeaun OP ,
@cheeaun@mastodon.social avatar

Now deployed on (dev.phanpy.social). Media-first UI experience only kicks in for account log-ins. Basic features work, except:

  • Local and Federated timeline show the same thing
  • Trending, Bookmarks, Reply, Lists, and Filters don't work
  • Notifications page showing duplicate notifications

The rest needs more testing 🙏, though I'm not sure how much feature-detection can be done to hide unsupported features.

Demo: browsing the local timeline from pixelfed.social, with my thumb scrolling down the timeline and swiping the carousel of images.

dansup ,
@dansup@mastodon.social avatar

@cheeaun Looks great!

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • test
  • worldmews
  • mews
  • All magazines