Portfolio Website

---

What is it?

A responsive website to display completed portfolio projects, along with work experience and education. Built using the Bootstrap framework.

Installation

1. Download and install Node.js using these instructions.
2. Download and install GitHub Desktop using these instructions
3. Clone this repository using the instructions from GitHub
   • Ensure you use command:

     $ git clone https://github.com/ZGrauer/Portfolio.git
     

4. Install all dependencies by entering npm install from a command line within the cloned folder.
5. Edit HTML and CSS files as needed.

Development

Modify the site as needed but be sure to edit the non-minified CSS and image files. Only modify CSS files in .\src\css and image files in .\src\images. Save raw, large images to the .\src\images folder and use grunt to minify them for you.

Grunt Watch is setup to monitor these folders for changes and auto run the cssmin and imagemin tasks. To start Grunt Watch open your favorite Terminal and run this command:

$ grunt watch

Grunt should then be watching for file changes. The output should look similar to this:

$ grunt watch
Running "watch" task
Waiting...
>> File "src\css\style.css" changed.
Running "cssmin:target" (cssmin) task
>> 3 files created. 176.68 kB → 143.6 kB

Done.

You can stop Grunt Watch by pressing CTRL+C

$ ^CTerminate batch job (Y/N)? Y

Todos

• add 2 additional projects, replacing Project 2 and Project 3
• hover effect for project thumbnail
• Zocial GitHub and LinkedIn buttons in Contact aside
• Add contact form/method

License

GNU GENERAL PUBLIC LICENSE