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.

dansup ,
@dansup@mastodon.social avatar

@cheeaun Looks great!

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.

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.

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