👨🏼‍💻 #Proposal-86: New Navigation Available on steemitdev.com

in Steem Dev • 3 months ago

With each update, we take another step closer to proposal-86's updates becoming a reality.

I'm very excited to share with you that the new navigation is now available on https://steemitdev.com for some hardcore user testing before it will hopefully get deployed to steemit.com.

I've been testing the changes for some time now on the test URL that I've been sharing in previous updates to give me confidence in their stability. This testing has gone well and it will be hugely beneficial to the project to get as many eyes on this as we possibly can.

If you find any bugs, then please let me know. If the following 7 days go smoothly, hopefully we'll see these changes on steemit.com!


👆🏼 Source

Sort:  

I have added 'steemitdev.com' as Steem Site option in Settings on Steemworld (Settings -> General -> Steem Site) to let us have a 'testing by living it' mode. All links will then automatically go to steemitdev.com instead of steemit.com

Looks fine to me, but I'm totally thrown by this 3 year old post being at the top of Trending...😮

All other posts below are current.

 3 months ago 

BeatsMeOscarIsaacGIF.gif

The same post is also coming up under "new"
Not sure if you know about it (•ิ‿•ิ)

 2 months ago 

It's so random. I think it's got something to do with the server so will correct itself when we reach steemit.com status.

Some feedback: When I'm looking at the "My Friends" view, the way there's a big blank spot in the bottom of the left column (because the communities in "my subscriptions" get collapsed) seems a little strange to me, I guess I expect the left side of a UI to be the most most filled in.

 3 months ago 

It's quite common for a left sidebar to leave white space at the bottom if it doesn't need to use it. I don't know if other sites fill the space because they need to or not... perhaps we've got used to always having something there on steemit.com. I wouldn't want to keep "My Subscriptions" open unless somebody's in that section (some users seem to be subscribed to every available community).

I'll attach a few examples that have a lot of "white" space which I think work well (Plex in particular)...

Untitled-2.png

Untitled-3.png

Untitled-4.png

 2 months ago (edited)

How could I have missed your post in my feed. I only became aware of it this morning... Shame on me ;-)

I will also test a little with it...

Thanks to the Steemit Team for this quick reaction.
How did you actually find out about this? Were you informed?

Edit:
If I'm not logged in, the submenu in the mobile version is empty (left). It is displayed correctly in the version you are hosting (right).
I made the screenshots in the dark mode. You can see it better there.

steemitdev.com
gorilla-server
 2 months ago 

How could I have missed your post in my feed. I only became aware of it this morning... Shame on me ;-)

It's very easy for things to slip through... I suspect that you won't have seen this comment?

I've since installed some AI image generation models on my computer and after a couple of hours messing about, I can create a completely new person that I can dress where I want and put where I want. I'll write a post about it at some point and completely shatter anybody's faith in newcomers 😅

If I'm not logged in, the submenu in the mobile version is empty (left)

It's funny isn't it - I can spend the best part of a month testing something, using it every day and within 10 minutes of it going onto a different server, discover something new!

Thanks for pointing this out - I fixed this on my test server (which is why it works) and submitted an update to GitHub (this was the bug I noticed too!) It was a single line of CSS to fix. I kicked myself a lot over this one!

 2 months ago 

I suspect that you won't have seen this comment?

I had actually seen it, but only skimmed it. Now I've read it again in full... and now I know why you pointed it out to me. I will draw my conclusions. Thank you.

submitted an update to GitHub

I saw your commits for the proposal and admire your efficiency.
My PR also contains commits with test or debugging changes. In the end, I reverted the changes for the PR, but the commits are pretty messy... Do you have any tips on how to structure this better?

Oh yes, the error has now also been fixed on steemitdev.com. It's all pretty quick. Do you have a direct line ;-D

 2 months ago 

In the end, I reverted the changes for the PR, but the commits are pretty messy... Do you have any tips on how to structure this better?

My initial plan was to commit regularly and use GitHub as my version control. After an initial commit, I thought that this was messy too (you'll see a few early commits that I reverted and then merged - a mess). So instead, I archive locally at semi-regular intervals (depending upon what I'm doing) which is simply a zip file of the "src" folder - in addition to using VSCode's built in version control. It's probably not perfect but it means that I'm only committing to GitHub when I'm approaching a release which will look cleaner to the outside world.

Hopefully this helps a little ❓

Oh yes, the error has now also been fixed on steemitdev.com. It's all pretty quick.

I'm amazed how quickly that happened - which also included a key person being on holiday 🏖️

Do you have a direct line ;-D

I wish! It's all down to steemchiller and ety001. Hopefully, it'll move from steemitdev to live quickly too 😃

 2 months ago 

I archive locally at semi-regular intervals (depending upon what I'm doing) which is simply a zip file of the "src" folder

Ah. Thanks for the tip. I'll have to think about that in more detail. Maybe I can include it somehow so that the intermediate results don't become public.

Hopefully, it'll move from steemitdev to live quickly too 😃

The progress made so far really gives me hope. Up to now, I haven't seen any other bugs during testing...
However, the code on steemitdev.com must be different in other (style) parts, because the "Post" and "Cancel" buttons look different, for example.

 2 months ago 

The progress made so far really gives me hope. Up to now, I haven't seen any other bugs during testing...
However, the code on steemitdev.com must be different in other (style) parts, because the "Post" and "Cancel" buttons look different, for example.

Cool, that's a relief to know. I've been using it a lot (you've probably noticed me being more active) and it's been pretty smooth.

I think that the colours are to do with the environment. Instead of using the "Light" theme, it's using the "original" theme. I've had a couple of people say that they prefer the blue but I'm afraid that almost certainly won't make it onto live 😆

 2 months ago 

I also like the blue. But maybe it's just the glamour of the new :-)

Testing, testing. One, two. One, two...

A little slow, but that may be due to the endless number of new accesses.
Apart from this old post, which Pennsif already mentioned, I haven't noticed any bugs yet.

 2 months ago 

The old post is so random. It's done it ever since I downloaded the codebase and I wonder if I made Crispy Vegetable Puffs, it would disappear.

NomMunchiesGIF.gif

I may have found a slight misbehavior:

  1. Go to your test site or steemitdev
  2. Logout
  3. Go to the top-level page (or just reload the page?)
  4. Login (using Steem Keychain, if that matters)
  5. A list of communities gets displayed under, "My Subscriptions", but the communities are not the ones that I subscribe to.

Here's what "My Subscriptions" looks like without the logout/reload/login steps:

And I can get back to that by simply reloading the page again after logging in, but the first appearance seems wrong.

 2 months ago 

Oh, well that's interesting. It looks like the subscriptions are loaded in as the component is mounted... so when the user logs in or logs out, the component doesn't need to remount and therefore doesn't reload the subscriptions.

A simple fix, I believe which will hopefully have finished deploying to my dev server by the time I've finished writing this comment.

No. It hasn't. I'll have to wait...

https://condenser-web-r64jisicxa-od.a.run.app

It's working for me, would you mind checking that it works for you too please and I'll get it committed to GitHub.

Well, that problem might be fixed, I can't really tell for sure because the overall website is behaving much worse now. After I logout, the "Login" and "Home" links become nonresponsive, and if I reload the page, I get this:

I also get directed to that page in a variety of other situations that I'm not sure how to reproduce yet. From there, the only way to recover seems to be visiting the website from a new tab. I tried both api.steemit.com and api.steemitdev.com, so I don't think it's a network or API problem, but I guess it could be.

Also, after logging back in (via keychain) my posts/comments/blog won't load. The progress wheel seems to spin indefinitely.

 2 months ago 

Ah, of course. I’d started working on the next feature so all of that code (which has some fresh, new bugs) will have uploaded. Bugs I’ve now fixed. Community pages will have been ok but any other page that loaded posts will have been broken.

I fixed those bugs last night so it’ll be working now. The community page will be colourful and display differently. You might get a good idea of what I’m planning.

Yep. Now the original issue appears to be fixed, and the new problems have disappeared. I had already noticed the coloring and scrolling for pinned posts and now I see the banner info, too. I like the general direction.

Out of curiosity, will you be adding back the menu options for "Hot" and "Promoted" and switching the landing page to "/promoted"?

 2 months ago 

The colouring's just where I'm trying to identify items in the CSS and the easiest way of doing that is with a massive border. It's tempting to keep it as a design feature - it's certainly eye catching - but I probably won't 🙂

Out of curiosity, will you be adding back the menu options for "Hot" and "Promoted" and switching the landing page to "/promoted"?

Probably not - certainly not initially anyway. I'm working on the assumption that the Steemit Team removed it for a reason. Having just looked at 'Hot', it's as pointless as 'Trending' in its current form so I don't know if there's much benefit.

I don't know if /promoted is working any more. It didn't work the last time I tried it.

/promoted is still working:

image.png

I agree that /hot isn't very useful at the top level, but my thinking is that it might add variety inside of a moderated community that keeps spam under control (i.e. Popular STEM/hot vs. Popular STEM/trending). Not something I care about much, but in general I'm in favor of variety and choices for the user.

 2 months ago 

I'll try to find out if anybody knows why 'Hot' it got deleted before reintroducing it. It's been mentioned as something Upvu users like and I don't see any harm in it being there. I had a look at the algorithm and it's identical to 'Trending' other than the time period.

Congratulations and well done! 🤛

Is there a way that you can better the search option?
For example

Google:

image.png

Steemit:

image.png

Or am I pushing my luck. (•ิ‿•ิ)

 2 months ago 

Perhaps oddly, I get different results to you:

image.png

It's probably telling that there aren't any results since 1st April 2020 which possibly means that the some code needs to be run to index the search results. Right now, I have no idea but that doesn't mean I can't learn!

Okay, the results on Steemit and Steemitdev.com is different. Mine is from the latter.

As for the date. I wrote that post 2 years ago. That will be +/- March 2022

https://steemit.com/hive-139765/@patjewell/nzkx6-business-lesson-109-how-to-start-your-own-business

Fingers crossed that you can make out something from this. 🤞🏻

 2 months ago 

I had a good look and I think there's a server dedicated to indexing the site to make it searchable. It looks like whatever code needs to run hasn't been run for a long time (potentially since Tron took over). The existing implementation definitely isn't something that I can fix, other than removing the search bar.

Thank you!
I appreciated the feedback. ☕
It is a pity, as I think it could have been of great help.

 2 months ago 

I agree. I'll see if I can find somebody that knows more and might be able to get it updated but I don't really know where to start at the moment.

You are gorilla awesome!

 2 months ago 

DancingGorillaGIF.gif

Looks good, I also commented and voted. it works well

 2 months ago 

Thanks for taking the time to look. I’m proud with how it’s turned out. Hopefully I’ll be as happy with future developments too.

I am absolutely sure that we will all be satisfied with the development going forward 👍

Nice work! !thumbup

 3 months ago 

!thankyou

NoReallyGIF.gif

This post has been featured in the latest edition of Steem News...

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.029
BTC 65814.16
ETH 3444.84
USDT 1.00
SBD 2.64