workshop-template-b

A Jekyll template for a simple workshop website, with a Bootstrap theme, designed for hosting on gh-pages.

Works best for about 5 pages of instructions, plus an index page, all written in Markdown. The navigation to the main pages is exposed at top and bottom of each page for easy stepping through the sections.

Note: for a more minimal version, try the original workshop-template

Why?

Rather than making slides for a workshop, why not make a website? It's easier to write, access, share, and reuse. GitHub and gh-pages makes this super easy.

It is a better Open Educational Resource since anyone can fork and adapt!

Details

This repo is the demo skeleton. The site demonstrates the output on gh-pages, and the content pages serve as examples.

Overview:

1. Copy the code to your own repository by clicking the green "Use this template" button, or import the repository on GitHub.
2. Clone to your local machine, or work on the GitHub web interface to edit files.
3. Edit the _config.yml with your info.
4. Edit the content pages in markdown (found in the "content" folder).
5. Add images to the "images" folder.
6. Push to GitHub (or commit on the web interface).
7. In your repo's settings, activate gh-pages, using master branch.

When creating content pages:

• to include a page in the header and footer navigation, add nav: true to the file's yml front matter.
• the title: value will appear in the nav, sorted in the order of filenames. For simplicity use leading numbers in the lesson page filenames to create correct order.
• the default layout does not add title to the page, so it can be a short for the nav. Thus, add a title in the Markdown content.

Using figure include:

• put all images in the images directory.
• figures will be centered, and can optionally be given a caption and percentage width.
• in a markdown file where you want the image to appear, use the figure.html include on its own line.
• pattern: {% include figure.html img="my-cat.jpg" alt="cat" caption="My cat" width="50%" %}

Basic style customization:

• the custom.scss in the assets/css folder exposes variables that can customize the basic style of website.
• Give a tiny splash of color on the header and footer borders by tweaking the $top-border
• $link-color colors links

Using optional google analytics:

• add your analytics id to _config.yml in google_analytics:
• if google_analytics: is blank, the ga code will not added
• analytics code will only be added when using "production" environment. This happens automatically on gh-pages. To build locally, use JEKYLL_ENV=production jekyll build

Repository does not include a Gemfile because it is a very simple project. Originally built using Ruby 2.5+ and Jekyll 3.7+; most recently used Jekyll 4.0.0.

Demos

• Demo (this repository)
• Make OER! (presentation)
• Hey API! (workshop)
• Web Crash Course (workshop)

My workshop sites using an minimal version of this template (no bootstrap):

• get-git
• hello-arduino
• clean-your-data
• go-go gh-pages