Lab Coat - Jekyll

Lab Coat is the www.hashlabs.com website.

Set up Development Enviroment

1. Make sure you have bundler installed (gem install bundler)
2. yarn (or npm install)
3. bundle install
4. rbenv rehash
5. cp _config.example.yml _config.development.yml, then update the values of the variables on that file
6. Run yarn optimize-images, and be sure to run this each time you add new images to _assets/img/
7. Run yarn serve and yarn watch at the same time to serve and watch for changes

Development

Currently our default branch to develop is source this is intended in order to avoid issues as we need to deploy using github pages. Having the source branch allow us to perform the build process in an isolated way and push the output to master branch so teh github page will still working as expected despite the custom build process

Deployment :rocket:

Staging

Run yarn deploy

Production

Run yarn deploy-production

SASS

Jekyll compiles SASS when serving/building. Put your partials in the _sass folder, and your main.scss file in css folder. Your main.scss file should have the front matter declaration (dashes at the top of the file) to work correctly.

Example

---
---

@import 'bla';

Production Build

Run yarn build-production then the ready for production site will be in the _site folder

Staging

To deploy to staging make sure you have access to the firebase labcoat-staging project and then run yarn deploy

Data

Jekyll has a convenient _data folder, that we can use to have dynamic things (like team members or projects) to be rendered without harcoding them in the template.

You can add yml files in the _data folder, and query the contents of these files using site.data.{filename}.

FAQ

Check the FAQ

Example

About

Lab Coat is maintained by Hash Labs LLC