$ brew install node # Install Node and NPM
$ npm install -g bower # Install Bower
$ npm install # Install Node packages
$ bower install # Install Bower packages
$ npm start # Compile JS
$ npm run watch # Compile SCSS
$ node server.js # Start Node server on port 8080
Before deploying, compress assets.
$ npm run gulp compress
Open the app/Data.js file to customize all the text, images, items, etc.
| Key | Description | Example |
|---|---|---|
| about | customization for the top section | See below |
| contact.items | an array of hashes for your contact information | See below |
| layout | customization for text within the layout | See below |
| portfolio.items | an array of hashes for your portfolio items | See below |
| Key | Description | Example |
|---|---|---|
| backgroundImage | path to background image | img/background.jpg |
| hello | text over background image | hello, world |
| image | path to your image | img/person.jpg |
| name | your name | John Doe |
| subtitle | your subtitle | Photographer |
| Key | Description | Example |
|---|---|---|
| href | the URL for your contact profile | https://github.com/tommydangerous |
| imageUrl | path to the contact image | img/github.png |
| name | name of the contact method | GitHub |
| Key | Description | Example |
|---|---|---|
| footer.copyright | name that goes in the footer | Quantum Ventures |
| title | the title of the page in the head | Dangerous |
| Key | Description | Example |
|---|---|---|
| appStoreUrl | URL for the app store | https://itunes.apple.com/... |
| description | description of your work | This app does this and that... |
| id | lowercase name of your work | dunzo |
| imageUrl | path to your portfolio's logo | img/dunzo.png |
| name | name of your work | Dunzo |
| style.backgroundColor | the background color behind the logo | rgb(40, 40, 40) |
| subtitle | text that goes underneath the name of the work | Python / iOS |
| websiteUrl | the URL of the portfolio item | myapp.com (leave out http://) |