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!

End of the second day of since ive started working on the pangora UI. Ive for the most part settled on a design and been going through cleaning it up and adding some functionality

Feel free to give some feedback on how you think it looks. The empty space on the right is going to have the trending communities and site information like the mockup I made here

Communities all have a blue purple gradient until I can get community colors into the backend to properly populate that like in my mockup

Things added since my last post:

• Hotkeys for all elements of the navbar to quickly choose one. (ex. you can hit x to switch to the communities tab without needing to touch your mouse)
• Popups when you hover over a button on the navbar for a bit explaining what the option is

• Taglines now populate with the same functionality as lemmy-ui (including markdown)
• Posts now populate in the feed (but with no parameters yet)
• Posts animate in when you scroll down to them

• Light mode with hotkey toggle to toggle between light and dark

Things coming up

Planning to add in the post sorts and add in the sidebar on the right with the trending communities and instance info. Also going to be starting work on being able to view posts.

Planning to get the post feed + post viewing done by the weekend so that the UI can be tested (although youll have to run it locally for now).

Should be getting it up on a domain soon for testing

Programming.dev has a soft fork of lemmy that is being developed so that we can focus on things that the instance needs (such as actual code blocks). This will still get changes made to lemmy but just have the new features on top of that. If a feature is general enough to be in lemmy itself we can try to get it pushed upstream.

Originally made this community a bit ago under a different name but after I was informed that the name was already in use brought it back up as Pangora! (hopefully no issues this time) A pangora is a type of moth and its also a combination of the words pangolin and pandora.

Im currently working on improving the instance UI in a repository named pangora-ui. No changes have been pushed yet as im stick mocking up designs with no functionality yet but ill be sharing some progress on that and on changes made to pangora in this community. Pangora-UI is a completely different project from lemmy-ui and its being built using Next.js with typescript, tailwind, NextUI, and Framer Motion

Heres the most recent design ive been working on (still a bit rough but you can get an idea of what im going for):

(That search bar says search comments but can be set to search the different categories like all, communities, users, etc. using the dropdown beside it)

If anyone is interested in helping out with development there is a matrix space for pangora here: https://matrix.to/#/#pangora:matrix.org . Anyone you can contribute would be extremely helpful as we have nobody doing this full time yet. Even things like giving feedback on designs I send is great so that I can get more feedback on things as im working on it

The pangora github repositories can be found here: https://github.com/PangoraWeb

Game I made with my jam team in a week for the brackeys jam. You need to dive down and collect different kinds of fish to add to your underwater garden.

Theres 12 different types of fish to get total and you can watch all of the fish you collect swim around in the garden between dives

Given a compressed string, give the number of ways it can be decompressed.

• A compressed string is a string where substrings of repeated characters are changed to a format similar to aaa -> a3
• For example for the string aaabbhhhh33aaa the compressed string would be a3b2h432a3

As an example of counting decompressing options. Say you have the input a333b2. This can be read as a333 b2 or a3 33 b2 so you would need to return the value 2 as there are 2 options.

You must accept the input as a command line argument (entered when your app is ran) and print out the result

(It will be called like node main.js aaaaa or however else to run apps in your language)

You can use the solution tester in this post to test you followed the correct format https://programming.dev/post/1805174

Checking through the solutions of last weeks problems should be happening ~~this weekend~~ monday + tuesday. Been getting too much work and theres a game jam thats been going on but should be able to go through them all then. I may do the easy one last since it cant be checked using the solutions tester so that one will take a bit longer.

Will also try to go through and give solutions to these ones as well on the weekend and will try to do solutions as soon as possible from now on so you can see if you failed the test cases. For the ones done last week, after I go through them all ill give 1 extra day from then on for any resubmissions

RegEx

The community of the week is !regex@programming.dev! This is a community all about regular expressions where you can learn about and get help with them.

A regular expression is a sequence of characters that specifies a match pattern in text. Theyre usually used for find, or find and replace operations on strings, or for input validation.

If this community interests you feel free to subscribe to it from the community page !regex@programming.dev

And feel free to put some content there on regular expressions to get the community going. Its currently at 1 active user per month so lets see if we can bump that up

If anyone wants to be a mod for the community let me know!

This is a community where you can show off your battlestations! Battlestations are are complete desktop computer setups including desk, mouse, monitor, keyboard, etc.

Heres some examples of some battlestations https://www.pcbattlestations.com/battlestation-gallery/

Given a string, compress substrings of repeated characters in to a format similar to aaa -> a3

For example for the string aaabbhhhh33aaa the expected output would be a3b2h432a3

You must accept the input as a command line argument (entered when your app is ran) and print out the result

(It will be called like node main.js aaaaa or however else to run apps in your language)

You can use the solution tester in this post to test you followed the correct format https://programming.dev/post/1805174

Any programming language may be used. 1 point will be given if you pass all the test cases with 1 bonus point going to whoevers performs the quickest and 1 for whoever can get the least amount of characters

To submit put the code and the language you used below

People who have completed the challenge:

• @PoolloverNathan@programming.dev - N/A - 84 chars (javascript)
• @nieceandtows@programming.dev - 0.011s - 385 chars (python)
• @brie@beehaw.org
  • 0.003s - 487 chars (c) (fastest)
  • 0.01s - 60 chars (javascript) (shortest)
• @SleveMcDichael@programming.dev - 0.005s - 530 chars (rust)
• @shape-warrior-t@kbin.social - 0.191s - 566 chars (python)
• @Andy@programming.dev - 0.053s - 359 chars (factor) If you submitted in factor, ruby, cobol, etc. itll take me a bit longer to check since I havent set up running those yet. Should be soon

By Miniboss

First video of a great series by adamcyounis