Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Snazzle Design Overhaul #74

Open
dynamixbot opened this issue May 22, 2024 · 27 comments
Open

Snazzle Design Overhaul #74

dynamixbot opened this issue May 22, 2024 · 27 comments
Labels
enhancement New feature or request new UI

Comments

@dynamixbot
Copy link
Member

So I'm making a new Snazzle design and I will post updates in this issue and give feedback and stuff!

@dynamixbot dynamixbot added the enhancement New feature or request label May 22, 2024
@dynamixbot
Copy link
Member Author

made the redesigned navbar and added a feed. making snazzle update board

@dynamixbot
Copy link
Member Author

changed the font to the original jost font since figma has it

@dynamixbot
Copy link
Member Author

added snazzle-updatesite board.

@dynamixbot
Copy link
Member Author

changed viewable feed count to 4

@dynamixbot
Copy link
Member Author

paused design
too much school work...

@redstone-dev
Copy link
Collaborator

paused design too much school work...

Are you still working on this? If not I'll just close this as "not planned."

@dynamixbot
Copy link
Member Author

paused design too much school work...

Are you still working on this? If not I'll just close this as "not planned."

sorry to not update this, but im still working on it.
don't worry

@dynamixbot
Copy link
Member Author

dynamixbot commented Jul 11, 2024

https://www.figma.com/proto/GBkre0oOpLKu8gYS4gzw99/Untitled?t=yBhvZg8MEIQJ6gX6-1
latest design figma link
still working on the news board

@redstone-dev
Copy link
Collaborator

https://www.figma.com/proto/GBkre0oOpLKu8gYS4gzw99/Untitled?t=yBhvZg8MEIQJ6gX6-1 latest design figma link still working on the news board

damn this is good, i was thinking of tweaking the colours to be less orange and easier on the eyes lol

@dynamixbot
Copy link
Member Author

completed news board and filled it with news. working on featured projects.

@dynamixbot
Copy link
Member Author

https://www.figma.com/proto/GBkre0oOpLKu8gYS4gzw99/Untitled?t=yBhvZg8MEIQJ6gX6-1 latest design figma link still working on the news board

damn this is good, i was thinking of tweaking the colours to be less orange and easier on the eyes lol

hmm. i mean like this could be the default theme and then i could just make the diff colours for diff themes

@dynamixbot
Copy link
Member Author

once i finish /home, i'll start working on making the other pages and then making a interactive version of the prototype

@dynamixbot
Copy link
Member Author

poll: should i add time when someone did something in feed?

@NotFenixio
Copy link
Contributor

NotFenixio commented Jul 12, 2024

poll: should i add time when someone did something in feed?

Is this even possible using the Scratch API?

Edit: yes it is

@dynamixbot
Copy link
Member Author

poll: should i add time when someone did something in feed?

Is this even possible using the Scratch API?

Edit: yes it is

yes it is using api endpoint /users//following/users/activity

@redstone-dev
Copy link
Collaborator

redstone-dev commented Jul 14, 2024

so when this is done, we'll need people to implement it

i could do it and i'll ask @ajskateboarder if he wants to work on it as well. others can help too but i/we'll do a lot of the work

another thing: maybe add in a banner that shows up when your snazzle install is out of date

another another thing that's more related to implementation: we should add a way to a) auto-migrate themes to the new UI and b) allow users to switch back to the old one

i'll also add a label for issues relating to the new UI

@redstone-dev
Copy link
Collaborator

redstone-dev commented Jul 14, 2024

changed the font to the original jost font since figma has it

about this, I was thinking of moving away from Jost, at least for body text

maybe Manrope?

also instead of having pretty much the same links in the navbar as scratch, something closer to what's in there now would be great (not the same nav as what we have now)

also wild idea: the search bar could be reduced to just a simple magnifying glass icon that fills the entire rest of the navbar with the search bar on focus

@dynamixbot
Copy link
Member Author

changed the font to the original jost font since figma has it

about this, I was thinking of moving away from Jost, at least for body text

maybe Manrope?

also instead of having pretty much the same links in the navbar as scratch, something closer to what's in there now would be great (not the same nav as what we have now)

also wild idea: the search bar could be reduced to just a simple magnifying glass icon that fills the entire rest of the navbar with the search bar on focus

hmm, manrope seems good but it doesn't blend well with the jost font itself. i guess if we could find a font that matches well with the jost font would be good for us.

i didn't get your point with the navbar, so could you please give an example of that?

also for the search bar, i assume you're talking about a expanding searchbar, like what scratch wiki has, but that is if you fit too much stuff on your navbar. usually, a non-interactive searchbar is fine unless you try and fit too much stuff onto there.

so when this is done, we'll need people to implement it

i could do it and i'll ask @ajskateboarder if he wants to work on it as well. others can help too but i/we'll do a lot of the work

another thing: maybe add in a banner that shows up when your snazzle install is out of date

another another thing that's more related to implementation: we should add a way to a) auto-migrate themes to the new UI and b) allow users to switch back to the old one

i'll also add a label for issues relating to the new UI

implementation should be a worry for the future i guess, since i haven't even finished the homepage of the snazzle website.

for update notifications, we could for every different page add a pop up notifcation on the bottom right corner which says update to latest version and it would be timed so after 10 seconds it would go away automatically.

for implementation of the new ui, we could first start by implementing it in the new version 0.3 and then force it onto the old versions default and allow them to switch back to the old one if they like.

sure, ui related issues seem pretty important as thats what the user sees.

@dynamixbot
Copy link
Member Author

Also btw, this prototype link is live for everyone to see what i keep on doing with the design. not one time:

https://www.figma.com/proto/GBkre0oOpLKu8gYS4gzw99/Untitled?t=yBhvZg8MEIQJ6gX6-1&node-id=1-3&scaling=scale-down-width&content-scaling=fixed

@redstone-dev
Copy link
Collaborator

redstone-dev commented Jul 17, 2024

also instead of having pretty much the same links in the navbar as scratch, something closer to what's in there now would be great (not the same nav as what we have now)

i didn't get your point with the navbar, so could you please give an example of that?

so you know how we have links for explore, forums and settings in the current nav? i'd like those links in the new nav.

also for the new ui, making the explore page more feature-rich would be nice (filtering by project tags AND title at the same time, for instance)

@redstone-dev redstone-dev pinned this issue Jul 17, 2024
@dynamixbot
Copy link
Member Author

also instead of having pretty much the same links in the navbar as scratch, something closer to what's in there now would be great (not the same nav as what we have now)

i didn't get your point with the navbar, so could you please give an example of that?

so you know how we have links for explore, forums and settings in the current nav? i'd like those links in the new nav.

also for the new ui, making the explore page more feature-rich would be nice (filtering by project tags AND title at the same time, for instance)

I actually don't have Snazzle installed on my PC (also a reason why I've been pushing for a web version), and snazzle.davidtheplatform.eu.org isn't working, so I really don't know how the design looks. If you could send a screenshot of the current design, really appreciated.

@Elip100
Copy link

Elip100 commented Jul 23, 2024

Have you made a version of this with HTML and CSS?

@dynamixbot
Copy link
Member Author

paused design for now, scratch's featured studios bar isn't loading for me.

@Elip100
Copy link

Elip100 commented Jul 27, 2024

paused design for now, scratch's featured studios bar isn't loading for me.

yea their api is having some issues...

@dynamixbot
Copy link
Member Author

paused design for now, scratch's featured studios bar isn't loading for me.

yea their api is having some issues...

Yeah. If you can manage to take a screenie of the current Snazzle homepage and Featured Studios Bar, really appreciated.

@dynamixbot
Copy link
Member Author

Unpaused design, studio bar is loading!

@dynamixbot
Copy link
Member Author

paused again, too much school work...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request new UI
Projects
None yet
Development

No branches or pull requests

4 participants