paulgoblin/jessy-lu

jessy-lu's Issues

Fix detail image loading jank

unbold unicode

www.jessy.lu direct to jessy.lu

Cumbersome back/forward nav behavior

After browsing the site for a while, it's very cumbersome to navigate by forward/back navigation since every client-side nav is stored in the history stack.

History shouldn't store all client-side navigation. We should only allow back to "home" and forward once to the previously open detail if any. This way, a user can still use back/forward nav on mobile to open/close details without getting trapped in an endless history stack.

Remove opacity on hover

Page title doesn't update when navigating home

Chinese characters in URL

IT LOOKS SO GOOD!!!

If it's an issue for other applications it could also be mu_ren_mu_ren_mu_ren_mu but I prefer the original characters. Is there a way where it displays as the chinese characters always but if you copy and paste the link it turns into the version with romanized characters? or is there a way to avoid the situation where it looks super messed up like this:

https://jessy.lu/%E6%9C%A8%E4%BA%BA%E6%9C%A8%E4%BA%BA%E6%9C%A8%E4%BA%BA%E6%9C%A8

Exit X on detail view shift to be inline with name on title page

Can the X be centered with the name on the title page?

Handle back/forward nav

• Ideally works with bf cache
• also fix document.title update during client side nav

Title is underlined on mobile

Unicode hovering feature

Can we try adding this in?

Also I was also thinking, so when you are in detail view and all the rest are whited out except for when you hover over the thumbnail--could we do the inverse when you are on main? So instead of doing just the solid unicode when you over only the thumbnail you are hovering over has some transparent white out. But the white out also has the unicode on it.

Is that too complicated, I wonder if it'll actually look too busy.

Make overlay more accesible/usable

• aria label
• esc key to close

Name display on main website

• change from JESSY LU to jessy lu (all lower case)
• change to Helvetica Neue Regular with 8% character spacing --> actually let's make this 6%

Overlay should cover background on mobile

Name display on tab

• change from Jessy Lu to jessy lu (all lower case)

Potential distraction: can we try a local version of the site where the homepage is inverted colors?

• when you go to the site the landing page is already inverted (everything including name, images etc.)
• when you hover over an image on main it changes to the correct color
• when you click on an image it opens detail
• in detail view all the images stay inverted, except there is a 'film' of black at 50% opacity

ALSO there's an invert button on the main page that changes it back to the exact version that it is now
WITH THE EXCEPTION of instead of unicode during hover it's invert during hover on main page

if this is a complete distraction you don't have to do this !

Make a deploy script

L and R horizontal margin spacing

Can we try doubling the width margin on the L (between edge of screen and images) and then matching the margin spacing on the right with the detail view? If it gets too squish with the exit X let me know.

Fix thumbnail layout on mobile

Row should not wrap for most mobile screen sizes.

Use a nice font

Site title should link home

Use img scrset (fix thumbnail resolution)

thumbnails look low res for some aspect ratios. Use scrset to fix it.

Click away from detail view

Currently if you click the X or the name it navigates back to the main page and if you click on one of the thumbnails it changes the project. Is it possible to implement it such that if you click anything that is not either:

• a thumbnail for a different project
• the detail image itself

That it goes back to the main view? Like all of the white space?

Detail images square with exit X