morsecodemedia / morsecodemedia.com Goto Github PK

Since switching from SSR to Static Gen, a weird issue has been occuring on the load of each page. When the page initially loads, you are unable to scroll down, but resolves itself once you refresh the page.

Also (not sure if it's related) a horizontal scroll for a few pixels appears after you refresh the page, that wasn't there prior to the switch to static gen.

Add page transitions. Specifically for case study listings to case study details.
Idea:
https://codepen.io/ste-vg/pen/NALWrj
Since the thumbnails on morsecodemedia are dynamic, use the website in-sitsu graphic and the large banner of the details page. Of course this idea will only work for websites at the moment. I will have to figure out a consistent and clean way to show conference panels, iPad presentations and Alexa Skills.

Look to add a subtle build-in animation for the case study details.

Until you get into an actual case study details page, there aren't really any pops of color. Explore adding some color to give the rest of the site more life.

Right now the menu snaps open/closed. Explore a smooth animation, so that it doesn't seem so abrupt.

Two things need to be addressed.
Issue 1: When you open the menu after you have already begun scrolling down the page, it doesn't fixes to the top of viewable screen, it fixes to the top of the page.

Issue 2: When you open the menu at the top of the page, you can scroll the content behind the menu. If there is more page than menu, you eventually scroll past the menu, due to issue 1.

Using order: <number>; alternate the text and image blocks of the case study details on desktop to break up the layout a little bit.

Explore adding some more icons to some things. I'm thinking the services block might work out the best.