Pangora-UI Open Alpha (Feedback wanted) (programming.dev)

submitted 1 year ago* (last edited 1 year ago) by Ategon@programming.dev to c/pangora@programming.dev

5 comments fedilink hide all child comments

Hello everyone! I've pushed out a public alpha build to https://beta.pangora.social for people to start giving feedback on the design before it becomes more fleshed out

Feel free to check it out and say what you like or dont like in the comments here.

⚠ Warning: This is an alpha, things are still very unfinished. You cant use this as an alternative to lemmy-ui yet since things such as logging in aren't supported

⚠ Warning 2: If you attempt to use this on mobile currently it will be very broken

I constructed the UI by seeing what people liked from lemmy-ui, alexandrite, and photon and trying to match it up to how lemmy-ui is built so that it would be an easy switch between them

Main site mechanics that is different from lemmy-ui

Comments from cross-posts show up when looking at a post (will be changed in the future to only communities that community has whitelisted to do it for once I mess around in the backend more)
Comments and posts that have 0 or less score in terms of upvotes/downvotes will be collapsed by default
Clicking on a post in the post feed makes it show up overlayed on top of the feed similar to alexandrite's system instead of sending you to a new page. (hitting the name of the post when in this preview state will send you to the actual page)

Images:

you are viewing a single comment's thread
view the rest of the comments

[-] Die4Ever@programming.dev 1 points 11 months ago

I think the gradient background is a bit too bright? I reduced the luminance for the colors down to 7% and I think it's easier to read, but I'm not a graphic designer at all lmao

:is(.dark .dark\:to-fuchsia-950) {
    --tw-gradient-to: #200222 var(--tw-gradient-to-position);
}
:is(.dark .dark\:via-black) {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#000 var(--tw-gradient-via-position),var(--tw-gradient-to);
}
:is(.dark .dark\:from-blue-950) {
    --tw-gradient-from: #080c1c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(23,37,84,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}

also on light theme the posts have a different background color, outline, and shadow so they stand out well from the background, but on dark theme the post background is transparent so they don't stand out from the background at all, that might be a better fix than the CSS changes above

but again I'm not a graphic designer and I'm actually a fan of very plain readable themes

[-] Ategon@programming.dev 2 points 11 months ago

Yeah I reduced the amount of transparency on the post cards after this round of testing. Now only half transparent

this post was submitted on 12 Nov 2023

5 points (100.0% liked)

Pangora

129 readers

1 users here now

🐝 An activitypub compatible forum and link aggregator. Downstream from Lemmy.

https://github.com/PangoraWeb

Kanban board

Info

Pangora is the name of the lemmy soft fork thats being primarily worked on by members of programming.dev. Its aimed so that we can add features on top of lemmy and prioritize them based on what the instance needs while still being able to push changes upstream to lemmy if they accept them.

This also makes us more decoupled from lemmy so that if anything major happens to lemmy we can keep going with maintaining the site without any issues.

Credits

Icon base by Lorc under CC BY 3.0 with modifications to add a gradient

Pangora

Pangora-UI

founded 1 year ago

MODERATORS

Ategon@programming.dev