todo in case i forget
submitted by
flair example
edited
icons:
replace bot icon with boxicon robotreplace crosspost icon with something prettieradd 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 bodyless 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........
Nyaa!
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
Test Comment
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:
site logo: replace logo + text with logotext
add card for "community advertising"
rework dropdown in three dot menu post teaser:
add transition/animation ( see bsky)make font smallerfix white mode borderreplace "ALL" with "GLOBAL"i find global to be more descriptivei 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.jsmake sorting options a drop down (reddit/lemmy/mbin does this)gotta fix the themefix None members in sidebar (pull numbers elsewhere if local community)
add outline to cards and other elementsconsistently 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 localended 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
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