cheeaun , to random
@cheeaun@mastodon.social avatar

While the Mastodon devs are working hard on grouped notifications (https://oisaur.com/@renchap/112617007803967168), I took a separate route to whip up a WIP UI on Phanpy for "timeline of public posts about a trending link" https://github.com/mastodon/mastodon/pull/30381

Notes:

  • This is for upcoming v4.3 (not out yet)
  • The copywriting here is tough, settled on "Mentions" for now
  • Permalink can't be created for each link as the link can "expire" from trending

(still on my local dev, not dev site)

Demo of Trending page, showing trending news links at the top as cards in a carousel UI. Below each card is a "Mentions" button, when clicked, will show all the public posts mentioning the link.

cheeaun , to random
@cheeaun@mastodon.social avatar

From the beginning, Phanpy consists of UI ideas from many various apps.

now has a small new UI experiment, copied from an app that I think some folks don't know: Weverse, a K-pop fan platform. Multiple media attachments won't be in a grid layout when opened in the post view. That's it.

Demo of opening a post in the post details view on Phanpy. There are 4 images in the post. In Timeline view, the images are laid out in a grid and cropped. In the Post view, they are show as standalone images in their own rows, and not cropped (if possible).

expert , to random
@expert@attractive.space avatar
cheeaun , to random
@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.

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