Sunday, June 17, 2018

[Resume Website] Finally...settled with a design.

rough sketch
After much exploring and ideas, I finally settled with a design for my portfolio. My portfolio has been long overdue. Anyway, this is inspired by my room that I spend majority of my time in since I am an indoor person. I honestly do not like going outside.

Notes

  • My resume will be scrolling in an opaque white with black text. And, an "X" in red. 
  • A phone placed supported by books. Phone flashes from the example here.
  • Photo of myself that shines so user can hover it with email (mailto), GitHub, LinkedIn, and Blogspot.
  • The drawer handle shines too, and when user hover over the drawer and clicks on the button, the cat pops up.
  • The computer screen has two windows popped up. On the left is just a window scrolling. On the right is the resume.
  • There are 2 sticky notes on the computer. Sticky note, left and "1", should say "TODO Projects" and sticky note, right and "2", should say "REMINDER Resume". When hovered the sticky notes bend.
  • There is a board behind the resume when it's closed. The board is just a bunch of images of my interests.
  • The phone is clickable where it shows the projects.


How To Do This

  • https://codepen.io/donovanh/pen/EjYeLa
    • Photo frame
    • Computer: scrolling and resume
    • Books
    • Everything on the desk except phone
  • https://codepen.io/Alireza29675/pen/YVMBOg
    • Phone
  • https://codepen.io/choogoor/pen/vKdBrm
    • sticky notes 
    • links for photo frame for hover of 
  • https://codepen.io/Bucur/pen/dPJvbL
    • the shine in animated items
  • https://codepen.io/anandgraves/pen/iycmh?editors=1100
    • bulletin in the back
  • https://codepen.io/peiche/pen/PPPRgz
    • the resume window
    • the project window
    • well, more links about that resume window:
      • https://codepen.io/joshcummingsdesign/pen/qOKaWd
      • https://codepen.io/balapa/pen/embYYB

No comments:

Post a Comment