ClimateChoice Website - ClimateChoice.co 🌏

A project from Impact Makers — A global community of tech people who want to help fix the climate

Installing

Clone the repo to your computer.

git clone git@github.com:impactmakers/climatechoice.git
cd climatechoice

Then install dependencies

yarn install

If you have not used Gatsby before, make sure to install the Gatsby CLI globally.

Running

Start the development server and visit http://localhost:8000/

gatsby develop

 

Branching and Deploying

When you begin working on something new please branch off master. When you're finished submit a Pull Request to master. When changes are ready to go live master should be pushed to Netlify.

Site Structure

Making changes to HTML/CSS/JS

The editable site is located in the src folder, it is structured as outlined below:

|--src                  // Everything in here will be built with Gatsby
|  |--components        // This is where reusable components live
|  |  |--component-name // Folder to group component files
|  |  |  |--index.js    // The JS and HTML of the component
|  |  |  |--styles.scss // The CSS for the component written in SASS
|  |--pages             // This is where page specific components and styles live
|  |--styles            // This is where site wide styles are defined
|  |--templates         // Components for blog elements

Blog posts

Netlify CMS is setup for the blog, any changes to blog content be made at https://climatechoice.netlify.com/admin/. When changes are published the site is redeployed automatically to Netlify.