todo in case i forget

submitted by flair example edited

icons:

  • replace bot icon with boxicon robot
  • replace crosspost icon with something prettier
  • add downvote solid icon
  • reorder and add icons in home (votes -> comments -> (EMPTY SPACE) <- bookmark <- flag <- three dots)
  • "three dots" -> "sticky" should show "pin icon" instead of "mute icon"

colors:
- replace the blue (look at fxomt theme color for some ideas)
- fix the "More options" color in comments/posts

fonts:

  • change h3 font to 1.2rem or smaller for card body
  • less contrast on some "title" fonts in right-side cards

other ui stuff:

  • "breadcrumb" nav needs to be darker. (see hanekawa banner on !nyaa) (thanks wjs018)
  • changing wording for compact ui ("YES", and "YEEESSSS" are not very descriptive)
  • for very compact ui, i would like to see thumbnails on the left hand side. old.reddit looks like this, and so does lemmy.
  • video links from trusted sites (like youtube, vimeo, etc) should be embedded instead of just the thumbnail DONE! SUBMIT PR?!?!? https://codeberg.org/rimu/pyfedi/pulls/666

theme bugs:

  • clicking three buttons causes sticky colors to show on non-sticky posts

issues to open (backend stuff probably):

  • clicking bookmark brings me back up (refreshes page). it should function like votes instead, otherwise it's a pain to go back to where i was or if i want to bookmark multiple posts.

NOTES:

  • unironically, i think "new reddit" (the 2018 redesign, not the reredesign we have today, oh god its ugly) has some good design ideas. background blur for example, looks nice (could use blurhash maybe) so image posts dont look so big. i also like reddit's gallery instead of putting all the images in the post body. i also like the sidebar on the left.
  • for the gallery, it would be useful for microblogging sites that have "multiple attachments". at the moment, i think only the first attachment gets rendered. (i saw a gunpla post the other day like this)
  • if ever nyaa.social just becomes its own thing, i'd like to stylize it as Nyaa! because communities use "!". maybe a spin-off communities like !aayN just because.
  • i have recently used [email protected] for the feed and after looking at it for a while, i wonder if it makes sense for new users. i am considering replacing the community name with the display name instead without the @instance.tld. this is something similar to facebook where nobody really thinks about a page or group's URL. the problem with this is that people wouldn't know exactly where this community is located (unless they hover over it?), and can be confusing if several communities decide to use the same display name and icon. in any case, i think this approach is also worth exploring, at least for the "card view" experience.
  • after pondering it for about an hour or two, ive come to the conclusion that i should keep the [email protected]. i began reworking piefed's ui in hopes of "building with decentralization in mind" and one of the ways to build with decentralization in mind is to use exactly the unique properties of decentralization unavailable in other social media platforms rather than hiding it to emulate the experience of a centralized platform. not utilizing these unique properties will only lead to a mess of hybridizing federation and non-federation.
  • thus, i would like to place an importance in language when working on ui elements. for example, misskey uses the terms "local" and "global" while lemmy and piefed use the terms "local" and "all". "all" likely comes from reddit r/all which is the collection of all subreddits or a universal feed as opposed to your own personal feed or subscription. the language that misskey uses "global" which better describes its difference from "local" and reminds people that they are in a federated platform. i should study misskey more.
  • https://ani.social/post/9439149?scrollToComments=true could find some useful ideas here
  • might be good to prioritize the "local" experience first
  • after thinking about it a bit more, i mean why not make communities display name first? unironically, im thinking that facebook-style groups and pages are a good model to emulate. this means that browsing a community page has to be really good too. but lets see........
29
2

Log in to comment

29 Comments

changing wording for compact ui ("YES", and "YEEESSSS" are not very descriptive)

I knocked this one out the other day .

Looking over this again, there is an update to your thoughts on the display name of communities in the feed. I made this PR that always adds the instance information to the html. With the default stylesheet, that information is hidden (see piefed.social). However, you can use either the admin additional css or user additional css to show that info. On piefed.world for instance, they used admin css to have it display for remote communities and not display for local. The css snippets are in the PR.

Thanks! I'll see how I can add that back. I'll probably make it so that when the community title is hovered over, it shows the community !link on the side.

change youtube feed embed to what photon (lemmy frontend) does. (that way its not just a picture)

in post view mode, move flair from all the way to the bottom of the post to either the right side of the post title or just below the title

move "Join" to the right side of community name

maybe make post titles a bit smaller in post view?

move comment collapse/expand button to the left side of username/icon so it's more consistent. also change the icon, diagonal looks weird

change user flair color and style (its too 2000s?)

change reply icon (and maybe remove the word "reply")

make post teaser buttons more satisfying to interact with (esp. upvote/like)

use chess icons for reputation

rework feed cards:

  • move topics and communities away from mega menu to left hand side
  • make left hand side appear less like a card
  • make cards "stick" to viewer's screen
  • move footer elements to the side
  • infinite scrolling???

site logo: replace logo + text with logotext

add card for "community advertising"

rework dropdown in three dot menu post teaser:

  • split/group items by function (e.g. edit+mea_culpa, mod stuff, link stuff, report at the bottom, etc) <- refer to bsky
  • rename mea_culpa to something shorter
  • add transition/animation ( see bsky)
  • make font smaller
  • fix white mode border
  • fix performance issues on mobile

replace "ALL" with "GLOBAL"

i find global to be more descriptive

i also ended up using "HOME" instead of "SUBSCRIBED"

change video icon logo to something more general (current youtube icon is for youtube, think about my boy vimeo!)

doesn't seem to appear anymore

better video player (like plyr.io) added video.js

make sorting options a drop down (reddit/lemmy/mbin does this) gotta fix the theme

fix None members in sidebar (pull numbers elsewhere if local community)

add outline to cards and other elements

consistently use "!" rather than "/c/" to avoid confusing users

(or maybe keep using /c/? kind of hard tbh because c/ isn't even rendered to begin with) might also want to consider using @nyaa.social for everywhere instead of without just because its local

ended up using community.title instead. let's see how it goes.

in feed view mode, move username and community on top of the post title (like r*ddit)

disable tesseract. it eats up an entire core for a few seconds to scan images. i think that should optionally be disabled.

ALLOW_4CHAN=True disables it

change

blockquoting

blockquoting

to something that doesn't look like im reading a printed research article lol

https://codeberg.org/rimu/pyfedi/issues/809

This one has been merged. Though, my css skills are not great, so feel free to improve on this and make a PR or change it in a theme.

Thanks! I think I can make a few tweaks later