$ 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.
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://) |