- Clone from https://github.com/nandorocker/evenly.github.io
- Create local branch and make your changes
- Push branch to https://github.com/nandorocker/evenly.github.io
- Create pull request at https://github.com/nandorocker/evenly.github.io
You need to install the static site generator jekyll.
To install run gem install jekyll in the terminal. If that fails run gem update and try again.
Go to the folder in Terminal where you cloned the repository (see above).
jekyll build creates the site from the template files.
jekyll serve allows you to try the page locally in your browser at http://127.0.0.1:4000
The path for images used on the site is /images and project images live in another level, named after the project, in lowercase (example /images/3daround).
Images are different for some breakpoints; details below.
Carousel images are fused with device images for launch. That will be changed later. For now, these are the dimensions in which images should be exported. Ox will take care of producing the usable assets.
| File name | Dimension (iPad) | Dimension (iPhone) |
|---|---|---|
| [img].png | 640 x 478px | 182 x 317px |
| [img]-medium-2x.png | 1030 x 774px | 294 x 522px |
| [img]-medium.png | 515 x 387px | 147 x 261px |
| [img]-small-2x.png | 476 x 356px | 154 x 266px |
| [img]-small.png | 238 x 178px | 77 x 133px |
For launch, this needs to be rendered with a circle shaped mask, as a transparent PNG. Later we should fix that to use HTML.
| File name | Dimension |
|---|---|
| [img].png | 190 x 190px |
| [img]-medium-2x.png | 380 x 380px |
| [img]-medium.png | 190 x 190px |
| [img]-small-2x.png | 380 x 380px |
| [img]-small.png | 190 x 190px |
For launch, this needs to be rendered with a rounded square shaped mask and drop shadow, as a transparent PNG. Later we should fix that to use HTML.
| File name | Dimension |
|---|---|
| [img].png | 66 x 66px |
File name | Dimension (Portrait) ---|---|--- [img].png | 300 x 530px [img]-medium-2x.png | 600 x 1060px [img]-medium.png | 300 x 530px [img]-small-2x.png | 540 x 960px [img]-small.png | 270 x 480px
For launch, some of the sizes (medium, default) have a device outline which needs to be rendered manually with the device background.
| File name | Dimension (Portrait) |
|---|---|
| [img].png | 340 x 530px |
| [img]-medium-2x.png | 548 x 970px |
| [img]-medium.png | 274 x 485px |
| [img]-small-2x.png | 540 x 960px |
| [img]-small.png | 270 x 480px |