Personal Portfolio

This is the code for my personal portfolio. I thought it would be a fun little challenge to see how good I could get the site to look with just pure html/css/js. So far it's been a good opportunity to brush up on some webdev fundamentals.

Tech Stack

Main Pages

• Home (index.html)
• Experience
• Projects
• Photography
• Misc.
• Resume

Some Cool Features

• Vox Animation: the animation on the home page
  • Filip Zrnzevic's codepen: ❍ Circular Animations Set N°4
• Hexagon Timeline: inspired by
  • Temani Afif's article: Responsive Hexagon Grid Using Modern CSS

Color Scheme:

Base Colors

• Black: #000000 - Background
• White-ish: #fafafa - Text
• Red: #ff0000 - Home page, primaryButtons1
• Green: #00ff00 - Experience page, primaryButtons2
• Blue: #0000ff - Projects page, primaryButtons3
• Cyan: #00ffff - Photography page, secondaryButtons1
• Magenta: #ff00ff - Misc. page, secondaryButtons2
• Yellow: #ffff00 - Resume page, secondaryButtons3

License

Note

The software/code in this repository is licensed under the MIT License. However, all graphical assets, photographs, and written bio content are All Rights Reserved and may not be reproduced without express written permission.