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.

Sign up for GitHub

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

Jump to bottom

dat-ecosystem website_project_page #98

Closed
29 tasks done
Tracked by #70
Mehrabbruno opened this issue Jan 31, 2023 · 12 comments
Closed
29 tasks done
Tracked by #70

dat-ecosystem website_project_page #98

Mehrabbruno opened this issue Jan 31, 2023 · 12 comments

Comments

@Mehrabbruno
Copy link

Mehrabbruno commented Jan 31, 2023 •
edited by serapath
Loading

#70

todo
@Mehrabbruno
Copy link
Author

Mehrabbruno commented Jan 31, 2023 •
edited
Loading

tasks

  • update the projects_page_web_v0.0.1
    • add the terminal frame
    • add original banner with - 37min
      • title of 'Our Project'
      • desc of 'Our Projects in 3D, It doesnt get better than this youno :)'
    • add filter options - 17min
    • add project cards - 4min
    • add a section for Join our growth program - 23min
    • add Apply now btn - 2min
    • add a footer - 2min
    • update to dark theme - 10min
    • add tasks, record videos etc - 23min
    • make sure all the component, pages etc are linked properly - 36min
    • @output 📦 projects_page_web_v0.0.2

worklog

worklog-109

feedback

proposals

@Mehrabbruno Mehrabbruno mentioned this issue Feb 1, 2023
Closed
48 tasks
@serapath
Copy link
Member

serapath commented Feb 1, 2023 •
edited
Loading

feedback 2023.02.01

original banner used in this page
Can we use the original unaltered banner with no text in the header box?
The only change would be to add project logos into some of the hexagons- just randomly sprinkled across those hexagons, with no text.

What is also missing is the text present on the current website, see
https://dat-ecosystem.org/index.html

text

The 3D visualization is or should be a toggle button between the project view now and the alternative 3D project view. Over time - when the 3D project view gets really good, we might as well replace the old view and just keep the card design to show information about the projects selected in the 3D graph visualization.

Not to forget that the screen should have a fullscreen and webXR mode button next to it.
I shared some pinterest links for inspiration.

The search/filter/status bar is great.
But when it comes to type i would say tags? maybe... and make it a dropdown to select on or more tags that projects can be tagged with to filer through them. There is no single project type.
pic

@Mehrabbruno
Copy link
Author

Mehrabbruno commented Apr 14, 2023 •
edited
Loading

tasks 2023.04.14

  • update the projects_page_web_v0.0.2 - 15min
    • update the ui to new retro design
    • update the tasks and worklogs
    • create, update tasks and worklog - 13min
    • @output 📦 project_page_web_v0.0.3

worklog

worklog 133

feedback

proposals

@serapath
Copy link
Member

feedback 2023.04.14

all feedback, if any, was given here

@Mehrabbruno
Copy link
Author

Mehrabbruno commented Apr 17, 2023 •
edited by serapath
Loading

tasks 2023.04.17

  • update the projects_page_web_v0.0.3 - 12min
    • update UI and containers
    • update the tasks and worklogs
    • create, update tasks and worklog - 14min
    • @output 📦 project_page_web_v0.0.4

worklog

worklog 136

feedback

proposals

@serapath
Copy link
Member

feedback 2024.04.17

+1 brilliant, only thing ...if we have looooots of projects, how do i scroll?
if it is endless scrolling, a user might never see or reach the footer.

Basically, can you make a version that includes so many projects that it needs scrolling, just to see how that is meant to work?

I like the search/filter bar on the bottom otherwise :-)

if the projects window was a program, a user could double click the window bar to make it full screen or keep it in place. Maybe a user could technically even "close" the footer to make it go away (doesn't have an x at the moment).

If the projects were a program and scrollable and the footer wasnt visible on the main screen, e.g. like on mobile, then we probably would need 2 scrollbars.

  • one for the page
  • one for the projects inside the projects viewer program

Lastly - cool, much better without the project banner, but just to keep in mind the project visualization need to be there with options to go full screen and webXR mode too if a device supports it
projectvis

@Mehrabbruno
Copy link
Author

tasks 2023.04.22

  • update the projects_page_web_v0.0.4 - 31min
    • read feedback - 2min
    • update UI using a 30x30px grid
    • create, update tasks and worklog - 5min
    • @output 📦 projects_page_web_v0.0.5

worklog

worklog 138

feedback

proposals

@serapath
Copy link
Member

serapath commented Apr 22, 2023 •
edited
Loading

feedback 2024.04.22

wow, stunning.

  1. the visualization looks great - window bar should probably say the dat though.
  2. and the project cards, should probably be inside a program window with gap between cards, just like on the homepage/landing page (basically a bit like the windows on the consortium page, so the entire window has space around, but also within the cards could have some spacing. If we lower the grid slots from 30x30 to 20x20 or maybe even 10x10 we have also more options to sometimes use the 10px but if thats too little, then multiple times 10 for example. Basically the lowest grid size should be the size of a single letter in the font used to write the project description :-)

Also - as already mentioned on the homepage feedback - the window bar should probably include an x to close a section, but again, we need some way of allowing the user to re-open it through some sort of standardize mechanism or place in in the UI if you have any ideas for that.

@Mehrabbruno
Copy link
Author

Mehrabbruno commented May 9, 2023 •
edited
Loading

tasks 2023.05.09

  • update the projects_page_web_v0.0.5 - 38min
    • read feedback - 5min
    • add gap between project cards
    • add full screen and webXR logo on the project visualization window
    • change the window title to the dat
    • create, update tasks and worklog - 14min
    • @output 📦 projects_page_web_v0.0.6

worklog

worklog 141

feedback

proposals

@serapath
Copy link
Member

serapath commented May 10, 2023 •
edited
Loading

feedback 2013.05.10

nice job.
same as on home page though the individual window sections aren't closable and then "re-openable" if needed/wanted, like any other "program window"

Also again - if we had an even smaller basic grid slot size, we could make the margin around windows, the gap in the grid of project cards and/or scroll bars even smaller, maybe half the size ...or leave them as is by keeping them at least 2 slot sizes high and wide.
When you show a gap of 10px instead of 20px it didn't look all that bad to be honest.
You even show 5px which is even better, but in the end it all depends on what kind of pixelated/retro mono spaced font we find that automatically works well with a grid also when it line breaks.

If it leads to as you say: "space on the right, you could either make cards bigger, expand them by a slot size or maybe make the overall program window that contains all the cards smaller, by chaning the margin around the window, maybe it doesn't even have to be "symmetric" ...might change also in special ways when we make it responseive which will be it's own challenge :-)

Either way, the 5px slot size for gaps looks quite neat to me to be honest.
gaps

So e.g. a user can close the "project list" to get more space for "THE DAT" visualization.
Also until you said it, i didn't even recognize the WebXR Logo, so maybe we need a different icon, checkout https://www.flaticon.com/free-icons/virtual-reality
Let's find something, even if it is as simple as https://help.sketchfab.com/hc/en-us/articles/204777439-Virtual-Reality-VR?page=3
projects

@Mehrabbruno
Copy link
Author

Mehrabbruno commented May 16, 2023 •
edited
Loading

tasks 2023.05.16

  • update the projects_page_web_v0.0.6 - 46min
    • read feedback - 6min
    • make a icon for project visualization window
    • change webXR icon
    • add window close button
    • create, update tasks and worklog - 13min
    • @output 📦 projects_page_web_v0.0.7

worklog

worklog 144

feedback

proposals

@serapath
Copy link
Member

feedback 2015.05.16

+1 for the "THE DAT" icon. awesome improvement. thanks.
+1 for the webXR mode icon. the glasses are better.

Last time you shared a few words that convinced me the entire navbar as such should have:

  1. an option to make the entire website fullscreen
  • can you remove fullscreen icon from "THE DAT"? (users can dblclck window bar for it)
  • can you move the fullscreen icon into the navbar after theme icon?
  1. and we also need two more "socials"

regarding close icon

Still same issue,when a user closes a window, we now need the "launcher".

Initially I thought of the navbar items as named "desktops", but after your last feedback, I thought of the navbar icons as "apps" as you described. Still, the "info" tab feels like a pinned browser tab and it still shows a desktop, hence I'd say the navbar items are apps, but desktop is also a special kind of app.

Giving windows on home, projects, timeline, garden a closing x icon makes them desktops, but not giving them that closing icon makes them some sort of special curated wall.
Both seems fine to me.

Do you prefer the desktop, because you added the x?

Even though we do not yet have a fully featured real desktop, we should aim for giving user that impression and one way of doing it, is the "launcher".

  1. on a desktop, once a window is closed,it needs to be possible to open it again.
  2. the navbar itself should also have an option to re-open or open new navbar tabs and also close them.

maybe the dat logo itself can be a dropdown menu to list and start programs
Maybe we can do it in the following way:

  1. prefix navbar tab with program icon
  2. postfix navbar tab with a + the user can click to open/add new programs to the desktop

The + button after the text in each navbar tab shows a dropdown menu from which a user can select actions for that program. In the case of a desktop, action means to launch a new program for example :-)

@serapath serapath closed this as completed Jun 8, 2023
@serapath serapath mentioned this issue Jun 8, 2023
Open
17 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@serapath @Mehrabbruno