owlsketch / portfolio Goto Github PK

Since image itself is not perfectly straight, need to shift to the right a bit.

saves load times for mobile, improves views for desktop

any code that depends on p5.js can't be bundled unless p5.js is included in the vendor file itself. Currently called by CDN, so doesn't work.

Makes recalling how to build and structure easier. haha

placed below projects and has white border like matte photographs

needed so webpack compresses file for production but not for development.

logo right now is absolute so just 10px to the left of window regardless of size. This obviously looks bad at really large window sizes.

Doesn't occur when opening link on instagram, but it does on firefox/chrome browsers on mobile.

black and mint-green bg use same configs. Might be the cause of the lag.

rebase merge as well?

__

need to set font size to 100% and then use em units instead of px for everything else with the exception of viewport values.

To recreate:
access www.owlsketch.com, redirects to www.owlsketch.com/projects/pixel
navigate to /gallery using nav arrows, history state gets replaced.
Refresh the page, history state reverts back to /pixel href

Doesn't happen in chrome or edge, also not really page breaking, just a nuisance.
Still good to record all the quirks regardless.

I think with Twitter/FB meta tags should suffice.

webGL cube has been placed.
Needs mouse interaction, plus onClick.
Transformations between models are needed when switching between sections.

https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/deployment

Right now when the scroll handler makes the project image 'fixed' it does it for all projects that have been loaded. Same thing for other properties that projects each have their own copy of that the scroll handler manipulates. This results in unnecessary calculations done by the browser on properties that aren't even visible.

Possibly partition server so it serves front end projects from a separate repository?

600 kbs just to use two measly icons? lol no.

Font isn't consistent.

currently too large, they take too long to load

if I create a variable and assign it to a child of a container. Then if I update the innerHTML of that container, then that entire node is remade, and any variables created beforehand no longer point to the most current version.

https://designshack.net/articles/css/whats-the-deal-with-display-inline-block/

Need to hide header on scroll down and display on scroll up.
Intro is too low, remove break tag for mobile only.
Resume isn't centered. Contact info seems a bit off.
Project titles aren't centered.
Footer divs have a gap.