Personal Portfolio

Here is my interactive personal portfolio website. This site was originally created as the final project for CS 463: Intro to Web Development. On this site, you will find sections about myself, past work experience, my capstone project, and other past projects, along with a responsive nav bar to jump to each section. Along with the overarching goal of creating a sleek looking portfolio for myself, I also took accessibility into heavy consideration which dictated many of the element and color-contrast selections. Responsiveness was also a major focus and you should hopefully find that the site will appear pleasant on a wide-array of display sizes. Most recently, support for numerous right-to-left languages were added upon setting a browser-based translation.

Portfolio URL: https://www.henrykaus.com

How to Run:

To run and deploy this code using GitHub Pages...

1. Fork or copy this repo into your own repository.
2. For icons to render, create a free Font Awesome account at https://fontawesome.com/start.
   • Enter your email on this page and click Send Kit Embed Code.
   • Check your email and follow the steps to create a password and optionally fill in your information.
3. Publish the site using GitHub Pages.
   • In your GitHub repo, go to the Settings tab.
   • Click on the Pages menu.
   • Under Branch, where it says "None", select the branch to deploy from (probably main) and hit Save.
   • Your site should be published at the URL it lists for you.

Outside Sources:

In creating this project, I used assets — fonts, icons, external libraries, etc — from the following sources:

• Font Awesome (Icons): https://fontawesome.com/
• Google Fonts (Rubik and Roboto Mono Fonts): https://fonts.google.com/
• jQuery (HTML manipulation JavaScript library): https://jquery.com/

I also used several references for design inspiration and instruction on how to create site features:

• Design Inspiration: https://brittanychiang.com/
• Design Inspiration: https://mattfarley.ca/
• Design Inspiration: https://tamalsen.dev/
• HTML and CSS Resource: https://www.w3schools.com/
• HTML and CSS Resource: https://developer.mozilla.org/en-US/docs/Web
• CSS Flex Resource: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• jQuery Resource: https://api.jquery.com/