Adding posts to RG Pages Jekyll

Here is the workflow for adding a post to pages.registerguard.com.

• Clone the rgpages.github.io to your machine.
• Take a screenshot of the page and rename it REPONAME.png. If you want to do a gif see .gif section below after you finish this.
• Place that image into the assets folder.
• Create a new file in the _posts. Paste in a template from another post or placeholder template below:

---
layout:  "post"
title:   "Title of page"
slug:    "name-of-repo"
date:    "2014-06-20" // date of publication
category: "Production" // or "templates" or "Data"
---

Note: Remove the // comments

• cd to the directory and jekyll serve -w and open http://localhost:4000 to see your work locally. Make any necessary changes. jekyll serve -w should watch and live update your changes.
• Push to GitHub when you're done.

.gif

Adding a gif to a page to show interactivity adds a few extra steps but it's not bad. Right now you should be noticing that there is a big empty box where you want your gif to go on the post page. Let's fix that.

• Go out and get your gif. If you have it, skip ahead to the next main bullet, otherwise, see my tip below.
  • Use QuickTime Player to do a screen recording.
  • Open that .mov file in Photoshop.
  • Trim the clip.
  • Downgrade the frame rate to 10 or so by clicking the Panel Options button on the top right of the Timeline panel. See Set Timeline Frame Rate. Leave the first number, just change the second number.
  • Go File > Save for Web
  • Change the filetype to .gif and mess with options to get file size smaller.
  • Save it to your assets folder as SLUG.gif.
• Make sure your gif is in the assets folder and open up your post file in a text editor.
• Below your last front-matter line give assign a variable called gif and give it the value of your gif's file name. It should look something like this:

---
layout:   "post"
title:    "Title of page"
slug:     "name-of-repo"
date:     "2014-06-20" // date of publication
category: "Production" // or "templates" or "Data"
gif:      "SLUG.gif" // replace SLUG with your file name.
---