- Clone down repo.
- Make sure you have Jekyll installed,
gem install jekyll. - Run Jekyll,
jekyll server. - Visit http://localhost:4000 in your browser.
- Create a new file that is named what you want the URL to be. e.g.
atlas.htmlfor/atlas - Copy the below New Project HTML Template into the file.
- Update
titleanddescriptionwhich are used for the page's meta data. Leavelayoutas is. - Update the
CHANGE_MEtext to be the name of the file (without the.html). e.g.p.url == "atlas" - Open up
projects.jsonand copy the below New Project JSON Template into it. - Fill out the fields you need, remove the ones you don't.
url: Should be the same as the file name, minus the.html. e.g.atlasgif_class: Can begrid-two,grid-two-gutter,grid-three.image_class: Can begrid-two,grid-two-gutter,grid-three.image_section_class: Can behas-gutter. Use this in conjunction when one of the above two isgrid-two-gutter.tile_image,hero_image,path, andloading_image: These are relative paths from the/imagesdirectory. e.g.tiles/TileAtlas.jpgloading_image: Can beloading/LoadingPhoneLandscape.png,loading/LoadingPhonePortrait.png, orloading/LoadingRect.png.
---
title: Fille out title...
description: Fill out description...
layout: home
---
{% for p in site.data.projects %}
{% if p.url == "CHANGE_ME" %}
{% assign project = p %}
{% endif %}
{% endfor %}
{% include project.html %}
{
"url": "",
"title": "",
"title2": "",
"tile_image": "",
"tile_description": "",
"hero_image": "",
"description": "",
"responsibilities": "",
"link_text": "",
"link_url": "",
"vimeo_id": "",
"youtube_id": "",
"gifs": [
{"path": "", "loading_image": "", "title": ""},
],
"gif_class": "",
"images": [
{"path": "", "loading_image": "", "title": ""},
],
"image_class": "",
"image_section_class": "",
},
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent