Back with another update on programming.dev’s new frontend thats being built

Have a lot more progress done in terms of post content. Post views are almost done, just need to finish up some more aspects of the comments + add in mod options

New features since my last post

  • Posts can now be viewed
  • Comments are shown when looking at posts

  • If a post has an image, you can click on the thumbnail to get a larger image popup

  • Comments can be collapsed/expanded by clicking on the colored bar on the side (and are automatically collapsed if they have a score of 0 or below). Collapsed comments show the upvotes, the creator, and up to 100 characters of the content

  • Markdown is supported in the sidebar and in messages. This has all of the markdown in lemmy-ui + some extra ones. The extra markdown is: code blocks, latex, table of contents, task lists, and anchors

  • The home page was improved a bit in terms of design and has had trending communities and the sidebar added to it. (The post sorts are still a work in progress hence why they look unfinished + are two different designs)

Here are some comparisons between Pangora-UI and Lemmy-UI!

  • UlrikHD@programming.dev
    0·
    1 year ago

    Looks nice, dark enough to not Dark Reader enabled too, great work.

    Got a question/request though, when clicking on the comments will it take it to the post page, or will it show up as an overlay without redirecting? Would be a nice QoL if it just popped up a window showing the post with comments while still staying on your page.

    • Ategon@programming.devOPM
      1·
      1 year ago

      Clicking on the comments as in clicking on the comment button on a post in the post feed? Currently has no behaviour but was just going to make it redirect to the post

      I was thinking of having a little popup showing info on hover but if I add comments into that it could turn into a lot of http requests if someones just dragging their mouse over all of them really quickly. Could try adding it in with a 4 second delay before it shows or something

      • UlrikHD@programming.dev
        1·
        1 year ago

        How you would like to implement, whether by hover with a delay or by clicking on a “preview” wouldn’t really make a difference, though I think a button would be better for allowing actions such as scrolling and replying to comments. The idea is to essentially show the same thing as if you were to open up the post on a new page, just that you would still technically stay where you are so that you can continue scrolling. The alternative is to open up a new tab for every post you want to read.