Old Portfolio

Portfolio content was repurposed from: https://sorrenj.github.io/

Coding References

For scrolling animations with GSAP (i.e. blossom transition and growing plant animation)

• https://scrollmagic.io/
• Javascript Scroll Animation Tutorial | GSAP and ScrollMagic Tutorial

Intersection observer (various tree slide in animation and typing animation observers)

• Introduction to the Intersection Observer JavaScript API

Falling petals fixed on screen CSS

• Remake | Pure CSS Leaves Animation Effects | Html and CSS Animation Effect Tutorial
• 
  Falling petals code was used for SCSS/petals.css
  Codepen

Typing animation

• Typewriter Animation in CSS

Responive videos for mp4 and Iframes

• Fluid width video

Images

logo.svg and bonsai.svg was modified from the bonsai tree from https://undraw.co/illustrations

Falling petals images was provided from this Codepen

Various icons were referenced from https://fontawesome.com/

Mountains.png was referenced from the video game The Elder Scrolls V: Skyrim, image was retrieved from this website

Images of projects were produced by Sorren Jao

Font

Verdana, Geneva, Tahoma, sans-serif;